Critica di progettazione Web n. 3: Firefly
Le nostre critiche al web design sono state un successo sia per i clienti che per i commentatori. Continuate l'ottimo lavoro fornendo idee e suggerimenti di qualità!
Il sito odierno è Firefly, la home page di un'agenzia di reclutamento di servizi sociali con sede nel Regno Unito.
Esplora Envato Elements
Se desideri inviare il tuo sito Web per essere presentato in una futura critica al design, bastano pochi minuti. Facciamo pagare $ 24 per criticare il tuo design - molto meno di quanto pagheresti per un consulente per dare un'occhiata al tuo sito! Puoi saperne di più qui.
Lucciola
Per loro stessa definizione, “Firefly è una società di consulenza specializzata nel reperimento, collocamento e gestione di professionisti dell'assistenza sociale in ruoli del settore pubblico e privato in tutta Londra e nelle contee limitrofe. Il nostro approccio al reclutamento è personale e consultivo. "
Ecco la home page del loro sito Web:
Nel complesso, il design del sito è davvero bello e ho molte cose positive da dire al riguardo. Diamo un'occhiata ad alcuni di questi in profondità.
Combinazione di colori
Prima di tutto, mi piace molto la tavolozza dei colori al lavoro qui. Usa tutti i colori chiari che sono facili per gli occhi e belli insieme.
Il colore più audace qui è il verde e il designer lo ha usato in quantità perfette. È sparsa abbastanza pesantemente nella parte superiore del sito, solo in punti chiave del contenuto, e fa una grande apparizione come il colore principale del piè di pagina (in tre varianti!).
Attenzione ai dettagli
Ci sono un sacco di piccoli pezzi di design sparsi in tutta la pagina che sono solo tocchi. Mostra che il designer si stava prendendo il tempo per rallentare e ottenere l'interfaccia giusta invece di affrettarsi solo per pubblicare qualcosa.
Ripetizione
La ripetizione è uno degli aspetti chiave di un progetto e un principio che è o frainteso o completamente sconosciuto a molti web designer. Questo designer lo ha usato magistralmente non solo attraverso la ripetizione del verde come menzionato sopra, ma anche attraverso l'uso dell'elemento circolare dal logo.
Ripetere un elemento su una pagina come questa rende il design più coerente. Inoltre dà all'occhio qualcosa di familiare da individuare mentre sfoglia la pagina.
disposizione
Il progettista ha scelto di implementare un layout a tre colonne e ha bloccato con esso l'intera lunghezza del sito. Gli allineamenti sono forti e le colonne sono eseguite molto bene. La separazione visiva della colonna di estrema destra attraverso l'uso di un colore di sfondo più scuro è un tocco eccellente in quanto aiuta a evidenziare il contenuto principale e spezzare la monotonia di una grande pagina bianca.
Cose da migliorare
Nel complesso, il design è uno dei più forti che abbiamo mai visto per una critica. Tuttavia, è possibile apportare alcune piccole modifiche.
Risoluzione dell'immagine
Poiché ho uno sfondo in stampa, tendo ad essere una risoluzione nazista. Il logo in alto a sinistra non rappresenta solo il marchio dell'azienda, ma è anche una delle prime cose che un utente vede quando atterra sulla pagina. Per questo motivo, vuoi assicurarti che sia bello e croccante.
Ho fatto saltare un po 'il logo per mostrarti cosa intendo. Ciò ammette che il problema peggiora ulteriormente, ma è una buona illustrazione di cosa cercare a un livello più piccolo quando si salvano le immagini.
Guarda attentamente l'artefatto e il degrado delle immagini. Questo logo è abbastanza piccolo e non dovrebbe impantanarsi nel sito se dovesse essere salvato con una risoluzione più elevata.
Testo pesante
Forse il peggior problema visivo di questa pagina è che è così pesante. Sono semplicemente molte informazioni da inviare a qualcuno quando atterrano sul tuo sito. Questa lettura può richiedere molto tempo e intimidire e può effettivamente portare l'utente a ignorare del tutto il testo.
Prenderei in considerazione la possibilità di ridurlo a necessità primarie e di collocare qualsiasi informazione non cruciale su una pagina di supporto piuttosto che darne risalto.
usabilità
C'è un leggero problema di usabilità con parte del testo sulla pagina. Non sono sicuro di cosa lo stia causando, ma in Safari il testo nella colonna di benvenuto non è selezionabile.
So che suona schizzinoso, ma l'intero punto di avere un testo attivo è quindi avere una copia pulita, nitida e completamente selezionabile (e quindi copia incollabile) sulla pagina.
Ti consiglio di dare un'occhiata al tuo codice per vedere cosa sta causando questo errore.
Due graffette
Come ho detto sopra, la ripetizione è una buona cosa nel design. Tuttavia, come ho anche sottolineato, è spesso frainteso o abusato. La graffetta è un bel elemento grafico e sarebbe stato bello ripeterlo altrove sulla pagina, ma metterne due così vicini l'uno all'altro fa sì che questa sezione soffra di una sindrome da clone di Photoshop.
Penso che usare solo una graffetta qui farebbe una dichiarazione più forte. Se vuoi davvero restare con due, assicurati che non siano identici. Ruota uno o capovolgilo per fornire una piccola variazione.
Il tuo turno!
Ora che hai letto i miei commenti, chiedi aiuto e dai ulteriori consigli al designer. Facci sapere cosa pensi sia fantastico del design e cosa pensi possa essere più forte. Come sempre, ti chiediamo anche di essere rispettoso del progettista del sito e di offrire chiari consigli costruttivi privi di insulti aspri.
Interessato ad avere il tuo sito criticato? Puoi saperne di più qui.
