Webdesigner Depot Ottiene una riprogettazione
Alcuni giorni fa, l'11 novembre, abbiamo festeggiato il nostro sesto compleanno qui su WDD rivelando la nostra ultima riprogettazione.
Se visiti spesso, dovresti notare facilmente la maggior parte delle modifiche, tuttavia, se ti capita una volta ogni tanto, il sito si sentirà simile ma diverso. Infatti, se abbiamo fatto bene il nostro lavoro, dovrebbe sentirsi più minimale, più elegante e più facile da leggere.
Quando abbiamo deciso di riprogettare WDD, volevamo ottenere un'esperienza utente migliore adottando un approccio più minimalista, semplificando e velocizzando il sito.
Abbiamo preso in considerazione la disposizione di una rivista per il nuovo design, ma ci siamo sentiti impersonali e travolgenti con troppi contenuti e anche un po 'disordinati. Abbiamo attraversato innumerevoli iterazioni prima di decidere di seguire questa direzione. Intorno al Web, stiamo vedendo sempre più contenuti visualizzati in questi giorni su siti (in particolare siti tecnologici) che sopraffanno gli utenti con troppa scelta. Crediamo che questo nuovo layout si senta più intimo, personale e più facile da navigare, essendo un po 'come un incrocio tra un blog tradizionale e un sito stile magazine senza sopraffare l'esperienza dell'utente.
La barra laterale è stata ridotta a icona. Ora è più stretto e anche gli annunci 200 × 125, che ora vengono visualizzati uno alla volta, sembrano respirare più facilmente con un ampio spazio bianco attorno a loro. Inizialmente abbiamo rimosso il più grande annuncio 300 × 250 in cima alla barra laterale per creare una barra laterale molto piccola con solo gli annunci 200 × 125, ma questo ha creato un problema per alcuni dei nostri sponsor che fanno pubblicità pesantemente in quel primo posto.
Abbiamo anche provato a rimuovere completamente la barra laterale, ma quando proviamo ad integrare il contenuto della barra laterale e in particolare gli annunci all'interno del contenuto in un'unica colonna, il layout è diventato pesante e disorganizzato. Se WDD fosse privo di pubblicità (un giorno?), Avremmo probabilmente preso un approccio senza barre laterali . Per ora però, gli annunci sono ancora necessari per eseguire il sito e pagare le bollette, ma con questo approccio riteniamo che siano meno invadenti e servano al meglio sia i nostri inserzionisti che i lettori.
Una delle idee che volevamo integrare presto era scorrimento infinito . Abbiamo chiesto ai nostri lettori attraverso i nostri canali social per avere un feedback su questo e fatto alcune ricerche approfondite e abbiamo scoperto che sarebbe stato per lo più negativo per i nostri scopi. Riteniamo che lo scrolling infinito funzionerà al meglio per i siti con immagini principalmente, ma non necessariamente per un blog in cui sembra comportare un minore coinvolgimento degli utenti (i lettori semplicemente scrollano e scorrono, ma si impegnano meno con il contenuto). Certo, ci sono sempre delle eccezioni, ma per WDD per ora, ci stiamo attenendo ad un tradizionale approccio di impaginazione e dicendo "no" allo scrolling infinito.
Crediamo che questo nuovo layout si senta più intimo, personale e più facile da navigare, essendo un po 'come un incrocio tra un blog tradizionale e un sito in stile rivista.
Volevamo che WDD avesse un perfetto equilibrio tra ciò che percepiamo come elementi di design maschili e femminili. Noterai un ampio uso di forme maschili come spigoli vivi, quadrati e rettangoli, ma anche molti cerchi vengono utilizzati in tutto il sito per conferire un aspetto più femminile.
Inoltre, abbiamo aggiunto molte linee diagonali in tutto il sito, e persino le nostre intestazioni in corsivo per portare quel componente diagonale in tutto. Il sito si sente più connesso a tutte le forme, dimensioni e forme, proprio come dovrebbe essere il design. Ciò rappresenta anche la diversità dei contenuti che portiamo sul sito, i diversi autori, i molteplici punti di vista e così via.
L'idea alla base del layout alternato di testo e immagini nelle pagine principali è quella di creare un equilibrio equo tra testo e immagini su entrambi i lati della colonna principale. Abbiamo optato, ancora una volta, per non avere un post in primo piano, che ritenevamo preferibile invitare i nostri lettori a esplorare di più e potresti trovarti a premere "pagina successiva" più spesso di prima, poiché il sito dovrebbe sentirsi più invitante a sfoglia ed esplora.
Le intestazioni sono ora in LFT Etica e tutto maiuscolo Ci siamo sbarazzati del Adelle font per questa riprogettazione dato che volevamo ridurre al minimo le decorazioni e un font sans serif era solo una soluzione migliore per questo. Lo stile audace extra pesante rende i titoli davvero pop e più facili da leggere. WDD è sempre stato "audace" nel suo approccio al design, ma questo è forse il nostro design più audace.
Per il testo del corpo che stiamo usando Proxima Nova Soft , che è cambiato da Open Sans nel nostro progetto precedente. La rotondità di questo font era appropriata per il sito in quanto aggiunge un tocco più femminile, mentre le intestazioni appaiono più maschili. Di nuovo, stavamo cercando di creare un equilibrio in tutti gli aspetti.
Ci sono nuovi effetti di animazione, rollover, link testuali e piccoli tocchi qua e là che rendono il sito più moderno e più scattante. Alcune modifiche sono state apportate anche nel back-end per migliorare la velocità di caricamento e ottimizzare il sito il più possibile. Abbiamo anche una nuova pagina 404! :)
Speriamo che ti piaccia la nuova riprogettazione e soprattutto che continui a divertirti e condividere i nostri articoli.
Lavoriamo duramente per rendere WDD una destinazione ideale per tutti i nostri amici designer e sviluppatori e questa riprogettazione è solo un ulteriore passo nel nostro viaggio con voi.
Sentiti libero di lasciare un feedback qui sotto con suggerimenti o domande che potresti avere. Speriamo che ti piaccia il nuovo WDD!