Come abbiamo ridisegnato il sito 90 Seconds.com per essere più sostenibile 90 Seconds

Come abbiamo riprogettato 90Seconds.com per essere più sostenibile, e perché

Oncel Cebeci
2 anni fa・5 min read

Partiamo dal fatto che nell'ultimo decennio le start-up e i prodotti online sono diventati uno dei principali protagonisti del consumo energetico globale. L'impatto di Internet sulle risorse globali può essere paragonato a quello della Rivoluzione industriale e, con la sua continua crescita, si prevede che nei prossimi cinque anni Internet da solo consumerà il 20% delle risorse mondiali.

È chiaro che, come aziende tecnologiche, abbiamo la missione di progettare e sviluppare prodotti più sostenibili.

Fin dalla nostra fondazione, abbiamo progettato l'intero modello aziendale di 90 Seconds in funzione di una maggiore sostenibilità. Grazie a soluzioni come Shoot Anywhere, stiamo riducendo i costi di viaggio e l'impronta di carbonio, consentendo ai nostri marchi di creare contenuti video ovunque vogliano.

Il passo logico successivo è stato quello di applicare lo stesso approccio al nostro sito web.

E così abbiamo iniziato a progettare...

La sfida

La nostra sfida più grande è stata quella di adattare i nostri contenuti vecchi di oltre 10 anni in un nuovo layout utilizzando la nuova tecnologia, senza rompere le cose. Sapevamo che una mossa sbagliata avrebbe potuto avere un impatto negativo sulla SEO e sull'esperienza complessiva dell'utente, quindi per prima cosa abbiamo perfezionato quasi 20.000 pagine di contenuti ed eliminato quelli obsoleti. Un'impresa non da poco.

Poi abbiamo dovuto decidere quale tecnologia sarebbe stata la soluzione migliore per il back-end e il front-end. Il nostro sito precedente utilizzava un mash-up di React e WordPress, che causava bug e una serie di altri problemi. Abbiamo quindi deciso di spostare tutto su WordPress, perché è una piattaforma a prova di bomba e il loro hosting nativo è uno dei pochi servizi di hosting ecologici in circolazione.

Prima di continuare, vorrei sottolineare una considerazione importante: il ruolo del team di progettazione nella tecnologia. Credo che noi designer non dovremmo mai limitarci alla mentalità del "facciamo design e basta". Dovremmo essere direttamente coinvolti nello sviluppo del prodotto, dalla creazione dei contenuti all'ingegneria tecnica e al SEO, in modo da poter influenzare i risultati e collaborare con i nostri colleghi in modo più rapido ed efficiente.

Dopo queste decisioni critiche, è arrivato il momento di iniziare a creare progetti basati sul nostro nuovo approccio visivo, noto come "90 Design". Negli ultimi due anni abbiamo creato un sistema di design che si concentra interamente sull'esperienza umana sulle piattaforme digitali. Questo è anche il motto del nostro team di progettazione: 'Progettiamo per gli esseri umani'. Ogni componente e layout che progettiamo ha ragioni sociologiche e psicologiche alla base. Quindi 90seconds.com doveva naturalmente riflettere anche questa ideologia.

Il team di progettazione di 90 Seconds ha dovuto affrontare le seguenti sfide:

Progettare e sviluppare il nuovo 90seconds.com per essere più sostenibile.
Riflettere le nostre ultime linee guida visive, mantenendo intatto l'aspetto di 90 Seconds .
Capire il nostro mercato e le persone reali che lo compongono.

Il progresso

L'intero design e lo sviluppo del nuovo 90seconds.com ha richiesto quasi un anno. Considerando i progetti concettuali e le prime bozze, però, la tempistica completa si avvicina ai 2 anni.

Poiché siamo una piattaforma di produzione video, il nostro Storefront è fortemente orientato alle immagini e ai video. Questo ha uno scopo decorativo e funge anche da importante guida visiva per i nostri utenti, per dare loro un'idea di ciò che possono aspettarsi dalle nostre produzioni video. Inoltre, rappresenta una sfida per un team di progettazione che si impegna a essere più sostenibile. Abbiamo quindi deciso di seguire questi due metodi di ottimizzazione:

edit, ritagliare e ottimizzare i contenuti visivi.
Utilizzare tecnologie online come Cloudinary API per bilanciare la qualità e il carico di dati.

Prima di parlare di come questi sistemi hanno funzionato e ci hanno aiutato a rendere il nostro Storefront più sostenibile, vorrei parlare dei metodi di progettazione che utilizziamo in 90 Seconds per assicurarci di essere coerenti e di offrire un'esperienza utente simile in tutta la nostra piattaforma.

Utilizziamo Figma come strumento di progettazione principale e costruiamo i nostri progetti attorno a un sistema di progettazione che consiste in oltre 10.000 componenti globali, più di 500 layout e 7 sistemi che si dettano l'un l'altro e migliaia di componenti indipendenti e relative variazioni. Come pezzi di un puzzle, creano layout multiuso che utilizziamo per costruire la nostra piattaforma. Mentre ci prepariamo a grandi cambiamenti sulla nostra piattaforma nel 2022, il nostro sistema di progettazione svolgerà un ruolo importante nel garantire un'esperienza utente senza soluzione di continuità.

Il risultato

Siamo orgogliosi di poter dire che abbiamo realizzato 90seconds.com il 90% più sostenibile e più rispettoso dell'ambiente e degli utenti. Abbiamo anche migliorato notevolmente le prestazioni del sito per garantire la visualizzazione di layout simili a quelli nativi per i telefoni cellulari, i tablet e una varietà di risoluzioni dello schermo. Considerando che siamo nella versione Beta 1.0, l'impatto che abbiamo già avuto è davvero incredibile.

Vediamo alcuni confronti tra il prima e il dopo:

Per calcolare il nostro impatto utilizziamo diversi software e piattaforme online, come GTmetrix, Pingdom e WebsiteCarbon. Poiché i risultati dei test non sono sempre uguali, utilizziamo i numeri mediani. Eccoli:

	GTmetrix	Pingdom
Prima	F - 35% Prestazioni	D- Dimensione della homepage: 10,65MB
Dopo	A - 95% di prestazioni	A- Dimensione della homepage: 2,4MB

Secondo WebsiteCarbon, un emulatore di impronta di carbonio per siti web, per ogni 10.000 visitatori del sito, il precedente Storefront emetteva la quantità di carbonio che 143 alberi assorbono in un anno. Si tratta di una quantità enorme, considerando che il nostro sito riceve molti più visitatori al mese.

Con il nuovo storefront90.wpengine.com, siamo entusiasti di aver ridotto le nostre emissioni all'equivalente di soli 9 alberi e stiamo continuando a lavorare su ulteriori metodi di ottimizzazione per ridurre ulteriormente la nostra impronta di carbonio.

Sito webCarbonio

**A sinistra:** prima, **a destra:** Dopo

GTmetrix

Sintesi

Come tutte le aziende di software e online, 90 Seconds ha la responsabilità di fare tutto il possibile per preservare e proteggere il pianeta. Le risorse della Terra non sono infinite e crediamo fermamente che dobbiamo fare la nostra parte per ridurre la nostra impronta di carbonio e avere il massimo impatto positivo possibile. Non vediamo l'ora di creare prodotti più rispettosi dell'uomo, sostenibili ed efficaci per i nostri utenti e ci auguriamo che i nostri sforzi contribuiscano a guidare altre aziende in una direzione simile.