Firm
Il nuovo sito di Firm, a metà tra design studio e type foundry
Categoria
Soluzioni tecnologiche complesseArea
Web development
Firm è una boutique agency con un focus sulla creazione brand identity con una forte impronta tipografica. Agenzia moderna e versatile, Il loro portfolio è un mix di loghi, custom font, packaging, ideato campagne pubblicitarie. Per dare spazio alle diverse competenze, Firm ha chiesto di sviluppare un sito web a metà tra portfolio e shop retail di font. Seguendo la loro direzione creativa e sfruttando librerie come GSAP, abbiamo creato un a piattaforma che risponde alle loro esigenze, sfumando il confine tra agenzia e type foundry.
Extra info
Nella progettazione del sito web, il nostro team ha dovuto tenere conto della User Experience di una nuova parte di pubblico: non solo i potenziali clienti alla ricerca di un partner per la loro brand identity, ma anche professionisti della grafica alla ricerca di nuovi font da acquistare. Sotto il profilo tecnologico, il sito è stato aggiornato con una nuova sezione shop altamente flessibile, che permette a Firm di gestire direttamente nuove offerte e il lancio di nuovi prodotti, senza perdere il focus sulle attività di agenzia.
object(WP_Post)#7242 (24) { ["ID"]=> int(19419) ["post_author"]=> string(1) "1" ["post_date"]=> string(19) "2023-02-15 15:53:58" ["post_date_gmt"]=> string(19) "2023-02-15 15:53:58" ["post_content"]=> string(0) "" ["post_title"]=> string(6) "Comp 2" ["post_excerpt"]=> string(0) "" ["post_status"]=> string(7) "inherit" ["comment_status"]=> string(6) "closed" ["ping_status"]=> string(6) "closed" ["post_password"]=> string(0) "" ["post_name"]=> string(8) "comp-2-5" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2023-02-15 15:53:58" ["post_modified_gmt"]=> string(19) "2023-02-15 15:53:58" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(19414) ["guid"]=> string(59) "https://studioup.it/wp-content/uploads/2023/02/Comp-2-2.mp4" ["menu_order"]=> int(0) ["post_type"]=> string(10) "attachment" ["post_mime_type"]=> string(9) "video/mp4" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" } array(10) { ["filesize"]=> int(8367821) ["mime_type"]=> string(9) "video/mp4" ["length"]=> int(8) ["length_formatted"]=> string(4) "0:08" ["width"]=> int(2500) ["height"]=> int(1650) ["fileformat"]=> string(3) "mp4" ["dataformat"]=> string(9) "quicktime" ["audio"]=> array(7) { ["dataformat"]=> string(3) "mp4" ["codec"]=> string(19) "ISO/IEC 14496-3 AAC" ["sample_rate"]=> float(48000) ["channels"]=> int(2) ["bits_per_sample"]=> int(16) ["lossless"]=> bool(false) ["channelmode"]=> string(6) "stereo" } ["created_timestamp"]=> int(1676462790) }
object(WP_Post)#7211 (24) { ["ID"]=> int(19423) ["post_author"]=> string(1) "1" ["post_date"]=> string(19) "2023-02-15 15:54:20" ["post_date_gmt"]=> string(19) "2023-02-15 15:54:20" ["post_content"]=> string(0) "" ["post_title"]=> string(20) "02-blocco_progetti_2" ["post_excerpt"]=> string(0) "" ["post_status"]=> string(7) "inherit" ["comment_status"]=> string(6) "closed" ["ping_status"]=> string(6) "closed" ["post_password"]=> string(0) "" ["post_name"]=> string(22) "02-blocco_progetti_2-2" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2023-02-15 15:54:20" ["post_modified_gmt"]=> string(19) "2023-02-15 15:54:20" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(19414) ["guid"]=> string(73) "https://studioup.it/wp-content/uploads/2023/02/02-blocco_progetti_2-1.mp4" ["menu_order"]=> int(0) ["post_type"]=> string(10) "attachment" ["post_mime_type"]=> string(9) "video/mp4" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" } array(10) { ["filesize"]=> int(6669085) ["mime_type"]=> string(9) "video/mp4" ["length"]=> int(6) ["length_formatted"]=> string(4) "0:06" ["width"]=> int(2000) ["height"]=> int(2400) ["fileformat"]=> string(3) "mp4" ["dataformat"]=> string(9) "quicktime" ["audio"]=> array(7) { ["dataformat"]=> string(3) "mp4" ["codec"]=> string(19) "ISO/IEC 14496-3 AAC" ["sample_rate"]=> float(48000) ["channels"]=> int(2) ["bits_per_sample"]=> int(16) ["lossless"]=> bool(false) ["channelmode"]=> string(6) "stereo" } ["created_timestamp"]=> int(1676463306) }
object(WP_Post)#7205 (24) { ["ID"]=> int(19425) ["post_author"]=> string(1) "1" ["post_date"]=> string(19) "2023-02-15 15:54:22" ["post_date_gmt"]=> string(19) "2023-02-15 15:54:22" ["post_content"]=> string(0) "" ["post_title"]=> string(21) "02-blocco_progetti_24" ["post_excerpt"]=> string(0) "" ["post_status"]=> string(7) "inherit" ["comment_status"]=> string(6) "closed" ["ping_status"]=> string(6) "closed" ["post_password"]=> string(0) "" ["post_name"]=> string(23) "02-blocco_progetti_24-2" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2023-02-15 15:54:22" ["post_modified_gmt"]=> string(19) "2023-02-15 15:54:22" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(19414) ["guid"]=> string(74) "https://studioup.it/wp-content/uploads/2023/02/02-blocco_progetti_24-1.mp4" ["menu_order"]=> int(0) ["post_type"]=> string(10) "attachment" ["post_mime_type"]=> string(9) "video/mp4" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" } array(10) { ["filesize"]=> int(6670174) ["mime_type"]=> string(9) "video/mp4" ["length"]=> int(10) ["length_formatted"]=> string(4) "0:10" ["width"]=> int(2000) ["height"]=> int(2400) ["fileformat"]=> string(3) "mp4" ["dataformat"]=> string(9) "quicktime" ["audio"]=> array(7) { ["dataformat"]=> string(3) "mp4" ["codec"]=> string(19) "ISO/IEC 14496-3 AAC" ["sample_rate"]=> float(48000) ["channels"]=> int(2) ["bits_per_sample"]=> int(16) ["lossless"]=> bool(false) ["channelmode"]=> string(6) "stereo" } ["created_timestamp"]=> int(1676463471) }
Una bussola per i clienti
Per la sezione shop abbiamo progettato una barra di navigazione dinamica che contiene diversi elementi: da semplici informazioni testuali a slider che permettono di cambiare l’aspetto dei prodotti e testare in tempo reale le feature dei font. Per agevolare ulteriormente la fase di test che precede l’acquisto di un prodotto, abbiamo programmato anche una feature che permette di invertire il colore di fondali e testi, passando da bianco a nero e viceversa.
object(WP_Post)#7255 (24) { ["ID"]=> int(19431) ["post_author"]=> string(1) "1" ["post_date"]=> string(19) "2023-02-15 15:57:19" ["post_date_gmt"]=> string(19) "2023-02-15 15:57:19" ["post_content"]=> string(0) "" ["post_title"]=> string(2) "03" ["post_excerpt"]=> string(0) "" ["post_status"]=> string(7) "inherit" ["comment_status"]=> string(6) "closed" ["ping_status"]=> string(6) "closed" ["post_password"]=> string(0) "" ["post_name"]=> string(4) "03-5" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2023-02-15 15:57:19" ["post_modified_gmt"]=> string(19) "2023-02-15 15:57:19" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(19414) ["guid"]=> string(55) "https://studioup.it/wp-content/uploads/2023/02/03-3.mp4" ["menu_order"]=> int(0) ["post_type"]=> string(10) "attachment" ["post_mime_type"]=> string(9) "video/mp4" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" } array(10) { ["filesize"]=> int(4167139) ["mime_type"]=> string(9) "video/mp4" ["length"]=> int(15) ["length_formatted"]=> string(4) "0:15" ["width"]=> int(2500) ["height"]=> int(1650) ["fileformat"]=> string(3) "mp4" ["dataformat"]=> string(9) "quicktime" ["audio"]=> array(7) { ["dataformat"]=> string(3) "mp4" ["codec"]=> string(19) "ISO/IEC 14496-3 AAC" ["sample_rate"]=> float(48000) ["channels"]=> int(2) ["bits_per_sample"]=> int(16) ["lossless"]=> bool(false) ["channelmode"]=> string(6) "stereo" } ["created_timestamp"]=> int(1676463984) }
object(WP_Post)#7148 (24) { ["ID"]=> int(19513) ["post_author"]=> string(1) "1" ["post_date"]=> string(19) "2023-02-15 17:43:07" ["post_date_gmt"]=> string(19) "2023-02-15 17:43:07" ["post_content"]=> string(0) "" ["post_title"]=> string(15) "switch_mode_tab" ["post_excerpt"]=> string(0) "" ["post_status"]=> string(7) "inherit" ["comment_status"]=> string(6) "closed" ["ping_status"]=> string(6) "closed" ["post_password"]=> string(0) "" ["post_name"]=> string(17) "switch_mode_tab-2" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2023-02-15 17:43:08" ["post_modified_gmt"]=> string(19) "2023-02-15 17:43:08" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(19414) ["guid"]=> string(68) "https://studioup.it/wp-content/uploads/2023/02/switch_mode_tab-1.mp4" ["menu_order"]=> int(0) ["post_type"]=> string(10) "attachment" ["post_mime_type"]=> string(9) "video/mp4" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" } array(10) { ["filesize"]=> int(464779) ["mime_type"]=> string(9) "video/mp4" ["length"]=> int(5) ["length_formatted"]=> string(4) "0:05" ["width"]=> int(2000) ["height"]=> int(2400) ["fileformat"]=> string(3) "mp4" ["dataformat"]=> string(9) "quicktime" ["audio"]=> array(7) { ["dataformat"]=> string(3) "mp4" ["codec"]=> string(19) "ISO/IEC 14496-3 AAC" ["sample_rate"]=> float(48000) ["channels"]=> int(2) ["bits_per_sample"]=> int(16) ["lossless"]=> bool(false) ["channelmode"]=> string(6) "stereo" } ["created_timestamp"]=> int(1676482945) }
object(WP_Post)#7139 (24) { ["ID"]=> int(19521) ["post_author"]=> string(1) "1" ["post_date"]=> string(19) "2023-02-15 17:48:34" ["post_date_gmt"]=> string(19) "2023-02-15 17:48:34" ["post_content"]=> string(0) "" ["post_title"]=> string(14) "slider_example" ["post_excerpt"]=> string(0) "" ["post_status"]=> string(7) "inherit" ["comment_status"]=> string(6) "closed" ["ping_status"]=> string(6) "closed" ["post_password"]=> string(0) "" ["post_name"]=> string(16) "slider_example-2" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2023-02-15 17:48:34" ["post_modified_gmt"]=> string(19) "2023-02-15 17:48:34" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(19414) ["guid"]=> string(67) "https://studioup.it/wp-content/uploads/2023/02/slider_example-1.mp4" ["menu_order"]=> int(0) ["post_type"]=> string(10) "attachment" ["post_mime_type"]=> string(9) "video/mp4" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" } array(10) { ["filesize"]=> int(283690) ["mime_type"]=> string(9) "video/mp4" ["length"]=> int(4) ["length_formatted"]=> string(4) "0:04" ["width"]=> int(2000) ["height"]=> int(2400) ["fileformat"]=> string(3) "mp4" ["dataformat"]=> string(9) "quicktime" ["audio"]=> array(7) { ["dataformat"]=> string(3) "mp4" ["codec"]=> string(19) "ISO/IEC 14496-3 AAC" ["sample_rate"]=> float(48000) ["channels"]=> int(2) ["bits_per_sample"]=> int(16) ["lossless"]=> bool(false) ["channelmode"]=> string(6) "stereo" } ["created_timestamp"]=> int(1676483271) }
object(WP_Post)#6966 (24) { ["ID"]=> int(19458) ["post_author"]=> string(1) "1" ["post_date"]=> string(19) "2023-02-15 16:19:09" ["post_date_gmt"]=> string(19) "2023-02-15 16:19:09" ["post_content"]=> string(0) "" ["post_title"]=> string(6) "04.B:W" ["post_excerpt"]=> string(0) "" ["post_status"]=> string(7) "inherit" ["comment_status"]=> string(6) "closed" ["ping_status"]=> string(6) "closed" ["post_password"]=> string(0) "" ["post_name"]=> string(7) "04-bw-3" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2023-02-15 16:19:09" ["post_modified_gmt"]=> string(19) "2023-02-15 16:19:09" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(19414) ["guid"]=> string(59) "https://studioup.it/wp-content/uploads/2023/02/04.BW_-2.mp4" ["menu_order"]=> int(0) ["post_type"]=> string(10) "attachment" ["post_mime_type"]=> string(9) "video/mp4" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" } array(10) { ["filesize"]=> int(1379775) ["mime_type"]=> string(9) "video/mp4" ["length"]=> int(4) ["length_formatted"]=> string(4) "0:04" ["width"]=> int(2500) ["height"]=> int(1650) ["fileformat"]=> string(3) "mp4" ["dataformat"]=> string(9) "quicktime" ["audio"]=> array(7) { ["dataformat"]=> string(3) "mp4" ["codec"]=> string(19) "ISO/IEC 14496-3 AAC" ["sample_rate"]=> float(48000) ["channels"]=> int(2) ["bits_per_sample"]=> int(16) ["lossless"]=> bool(false) ["channelmode"]=> string(6) "stereo" } ["created_timestamp"]=> int(1676466003) }
object(WP_Post)#7263 (24) { ["ID"]=> int(19507) ["post_author"]=> string(1) "1" ["post_date"]=> string(19) "2023-02-15 17:35:19" ["post_date_gmt"]=> string(19) "2023-02-15 17:35:19" ["post_content"]=> string(0) "" ["post_title"]=> string(6) "Comp 1" ["post_excerpt"]=> string(0) "" ["post_status"]=> string(7) "inherit" ["comment_status"]=> string(6) "closed" ["ping_status"]=> string(6) "closed" ["post_password"]=> string(0) "" ["post_name"]=> string(8) "comp-1-7" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2023-02-15 17:35:19" ["post_modified_gmt"]=> string(19) "2023-02-15 17:35:19" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(19414) ["guid"]=> string(57) "https://studioup.it/wp-content/uploads/2023/02/Comp-1.mp4" ["menu_order"]=> int(0) ["post_type"]=> string(10) "attachment" ["post_mime_type"]=> string(9) "video/mp4" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" } array(10) { ["filesize"]=> int(2812359) ["mime_type"]=> string(9) "video/mp4" ["length"]=> int(13) ["length_formatted"]=> string(4) "0:13" ["width"]=> int(2500) ["height"]=> int(1650) ["fileformat"]=> string(3) "mp4" ["dataformat"]=> string(9) "quicktime" ["audio"]=> array(7) { ["dataformat"]=> string(3) "mp4" ["codec"]=> string(19) "ISO/IEC 14496-3 AAC" ["sample_rate"]=> float(48000) ["channels"]=> int(2) ["bits_per_sample"]=> int(16) ["lossless"]=> bool(false) ["channelmode"]=> string(6) "stereo" } ["created_timestamp"]=> int(1676482054) }
Pricing dinamico
I font di Firm sono variabili non solo nell’aspetto, ma anche nel prezzo. Il cliente ha richiesto al nostro team tecnico di creare un sistema di sconti che, in base alla tipologia di licenze acquisite, riportino un prezzo specifico per una determinata offerta. Sommando diverse licenze, il cliente percepisce immediatamente il cambiamento del prezzo e può valutare con più facilità il valore del suo acquisto.
object(WP_Post)#7296 (24) { ["ID"]=> int(19494) ["post_author"]=> string(1) "1" ["post_date"]=> string(19) "2023-02-15 17:14:32" ["post_date_gmt"]=> string(19) "2023-02-15 17:14:32" ["post_content"]=> string(0) "" ["post_title"]=> string(27) "Pricing_dinamico_navigation" ["post_excerpt"]=> string(0) "" ["post_status"]=> string(7) "inherit" ["comment_status"]=> string(6) "closed" ["ping_status"]=> string(6) "closed" ["post_password"]=> string(0) "" ["post_name"]=> string(27) "pricing_dinamico_navigation" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2023-02-15 17:14:32" ["post_modified_gmt"]=> string(19) "2023-02-15 17:14:32" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(19414) ["guid"]=> string(78) "https://studioup.it/wp-content/uploads/2023/02/Pricing_dinamico_navigation.mp4" ["menu_order"]=> int(0) ["post_type"]=> string(10) "attachment" ["post_mime_type"]=> string(9) "video/mp4" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" } array(10) { ["filesize"]=> int(3511093) ["mime_type"]=> string(9) "video/mp4" ["length"]=> int(18) ["length_formatted"]=> string(4) "0:18" ["width"]=> int(2500) ["height"]=> int(1650) ["fileformat"]=> string(3) "mp4" ["dataformat"]=> string(9) "quicktime" ["audio"]=> array(7) { ["dataformat"]=> string(3) "mp4" ["codec"]=> string(19) "ISO/IEC 14496-3 AAC" ["sample_rate"]=> float(48000) ["channels"]=> int(2) ["bits_per_sample"]=> int(16) ["lossless"]=> bool(false) ["channelmode"]=> string(6) "stereo" } ["created_timestamp"]=> int(1676481148) }
Archivio progetti e feature tipografiche
Una parte del sito è dedicata a spiegare le attività dell’ agenzia e a mostrare i progetti. In queste sezioni, Firm ha richiesto di sviluppare una feature dinamica per i titoli di ogni progetto. Ogni anteprima è accompagnata da un ulteriore messaggio in continua rotazione, rimarcando il senso di dinamismo e flessibilità del loro approccio.
object(WP_Post)#7314 (24) { ["ID"]=> int(19476) ["post_author"]=> string(1) "1" ["post_date"]=> string(19) "2023-02-15 16:39:55" ["post_date_gmt"]=> string(19) "2023-02-15 16:39:55" ["post_content"]=> string(0) "" ["post_title"]=> string(8) "Comp 444" ["post_excerpt"]=> string(0) "" ["post_status"]=> string(7) "inherit" ["comment_status"]=> string(6) "closed" ["ping_status"]=> string(6) "closed" ["post_password"]=> string(0) "" ["post_name"]=> string(8) "comp-444" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2023-02-15 16:39:55" ["post_modified_gmt"]=> string(19) "2023-02-15 16:39:55" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(19414) ["guid"]=> string(59) "https://studioup.it/wp-content/uploads/2023/02/Comp-444.mp4" ["menu_order"]=> int(0) ["post_type"]=> string(10) "attachment" ["post_mime_type"]=> string(9) "video/mp4" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" } array(10) { ["filesize"]=> int(4309398) ["mime_type"]=> string(9) "video/mp4" ["length"]=> int(6) ["length_formatted"]=> string(4) "0:06" ["width"]=> int(2000) ["height"]=> int(2400) ["fileformat"]=> string(3) "mp4" ["dataformat"]=> string(9) "quicktime" ["audio"]=> array(7) { ["dataformat"]=> string(3) "mp4" ["codec"]=> string(19) "ISO/IEC 14496-3 AAC" ["sample_rate"]=> float(48000) ["channels"]=> int(2) ["bits_per_sample"]=> int(16) ["lossless"]=> bool(false) ["channelmode"]=> string(6) "stereo" } ["created_timestamp"]=> int(1676479157) }
object(WP_Post)#7314 (24) { ["ID"]=> int(19474) ["post_author"]=> string(1) "1" ["post_date"]=> string(19) "2023-02-15 16:29:44" ["post_date_gmt"]=> string(19) "2023-02-15 16:29:44" ["post_content"]=> string(0) "" ["post_title"]=> string(11) "Scroll_proj" ["post_excerpt"]=> string(0) "" ["post_status"]=> string(7) "inherit" ["comment_status"]=> string(6) "closed" ["ping_status"]=> string(6) "closed" ["post_password"]=> string(0) "" ["post_name"]=> string(11) "scroll_proj" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2023-02-15 16:29:44" ["post_modified_gmt"]=> string(19) "2023-02-15 16:29:44" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(19414) ["guid"]=> string(62) "https://studioup.it/wp-content/uploads/2023/02/Scroll_proj.mp4" ["menu_order"]=> int(0) ["post_type"]=> string(10) "attachment" ["post_mime_type"]=> string(9) "video/mp4" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" } array(10) { ["filesize"]=> int(15703780) ["mime_type"]=> string(9) "video/mp4" ["length"]=> int(15) ["length_formatted"]=> string(4) "0:15" ["width"]=> int(2500) ["height"]=> int(1650) ["fileformat"]=> string(3) "mp4" ["dataformat"]=> string(9) "quicktime" ["audio"]=> array(7) { ["dataformat"]=> string(3) "mp4" ["codec"]=> string(19) "ISO/IEC 14496-3 AAC" ["sample_rate"]=> float(48000) ["channels"]=> int(2) ["bits_per_sample"]=> int(16) ["lossless"]=> bool(false) ["channelmode"]=> string(6) "stereo" } ["created_timestamp"]=> int(1676478313) }