Ogni settimana diamo un'occhiata a un nuovo sito Web e analizziamo il design. Indicheremo sia le aree che sono fatte bene che quelle che potrebbero utilizzare del lavoro. Finalmente, finiremo chiedendoti di fornire il tuo feedback.
Il sito di oggi è Distinction, sede di un'agenzia di web design a Nottingham.
Se desideri inviare il tuo sito web in una futura Critica del design, ci vogliono solo pochi minuti. Facciamo pagare $ 34 per criticare il tuo design - molto meno di quanto paghi per un consulente per dare un'occhiata al tuo sito! Puoi saperne di più qui.
Sulla distinzione
Distinzione è un'agenzia di design digitale che lavora con piccole e medie imprese, società e enti di beneficenza in tutti i settori. Fondata nel 2001, Distinction vanta una vasta esperienza nella realizzazione di campagne vincenti e ad alto ritorno sull'investimento (ROI). Sebbene il nostro team sia piccolo, siamo molto esperti. La distinzione è di proprietà e gestione di James e Greg Bloor, che come suggerisce il nome sono fratelli
Ecco uno screenshot della homepage di Distinction:
Impressione iniziale
In questi ultimi tempi siamo stati entusiasti delle critiche di design, continuo a ricevere suggerimenti che mi piacciono davvero! La distinzione ha un design solido del sito. Una delle mie uniche preoccupazioni qui è che forse è un po 'troppo sicuro. Tutto è così pulito, perfetto e ordinato che sembra più un modello che la creazione di un'agenzia di design innovativa.
Si riduce davvero a chi è il loro target di riferimento e cosa percepiscono come allettante. La lingua sul sito sembra rivolgersi a un cliente aziendale molto professionale. In questa arena, la? Cassaforte? percorso potrebbe effettivamente essere il migliore in quanto riflette il tipo di design che questi clienti sono probabilmente alla ricerca.
Design dell'intestazione
Nonostante le mie affermazioni sul fatto che il sito sia un po 'insipido, la prima immagine del cursore nella parte superiore della pagina aiuta davvero a spingere il design della pagina in qualcosa di più eccitante. L'immagine dei bambini dei supereroi è audace e comica, un tocco di classe che aggiunge molta cordialità alla pagina.
Questo particolare banner ha anche contribuito a farti avere immediatamente fiducia nell'agenzia. Quando vedo che ti sei classificato in modo decente in un elenco delle migliori agenzie, mi sento decisamente più sicuro di fare il mio investimento con te.
Sopra la presentazione è presente il logo e la navigazione della società in cui ti aspetteresti di trovarlo. Mi piace il fatto che non ci siano molte distrazioni in quest'area, solo l'essenziale. Questo aiuta a richiamare la tua attenzione sullo slideshow e su altre informazioni importanti.
Grid Alignment
Come puoi vedere, la maggior parte dei contenuti della pagina aderisce a un rigoroso allineamento della griglia. Questo dovrebbe sembrare abbastanza familiare: la larghezza totale della sezione bianca è 960px e la larghezza del contenuto è 940px, con ognuna delle quattro colonne prominenti che pesa circa 220 px di larghezza con una grondaia di 20px.
C'è una ragione per cui questo layout è così comune, funziona davvero bene. Il contenuto è bello e uniforme qui, ma anche ben variato per prevenire la monotonia. Nota come la sezione con la grafica del libro e lo sfondo scuro ti ruba l'attenzione e fornisce un contrasto tanto necessario.
Il flusso di informazioni funziona bene qui e rispecchia le sezioni della navigazione: qui ci sono i servizi che offriamo, ecco alcuni dei nostri lavori recenti e, infine, ecco alcune notizie recenti sulla società. Mi piace molto quando riesco a ottenere una panoramica dell'intero sito in brevi blocchi sulla home page e questa è esattamente la strategia che viene utilizzata qui.
footer
Come ogni altra cosa, il footer è bello e pulito, contenente solo poche colonne di link e niente di più. Quando lo guardo, però, non posso fare a meno di sentire che è sbilanciato. Il peso visivo è lasciato goffamente appoggiato con le due grandi liste, il che si traduce in una sorta di sensazione incerta per il contenuto sulla destra.
Per aiutare a bilanciare questo, vi consiglio il layout qui sotto. Ho lanciato il logo aziendale, che aiuta nella pagina su una nota forte e aggiunge un po 'di peso necessario alla parte destra del footer.
Altre pagine
Le altre pagine principali sono allineate allo stesso modo, questa volta con una spessa barra nera sulla pagina contenente un titolo o una domanda. Questo è un elemento molto forte con un così forte contrasto con lo sfondo bianco che non puoi fare a meno di guardare.
Una cosa che ho notato mentre guardavo intorno al sito è che inizia a sentirsi abbastanza satura di foto d'archivio. Le immagini d'archivio vanno bene quando trasmettono il tuo messaggio, ma devi stare attento a usarle come stampelle di design quando qualcos'altro funzionerà molto meglio.
Ad esempio, prendi in considerazione i "Case Studies"? pagina sotto. Qui ogni immagine si collega a un progetto su cui ha lavorato la Distinzione. Le miniature sono il luogo perfetto per mostrare un'anteprima dell'opera, ma molte di esse hanno una foto che non comunica veramente correttamente su cosa c'è dentro.
Conclusione
Per riassumere, penso che Distinction abbia un sito davvero di bell'aspetto. Il design è pulito e professionale, il contenuto è organizzato in modo superbo e ogni pagina richiama efficacemente l'attenzione sulle aree che sono importanti.
Ho avuto la sensazione che tutto fosse un po 'troppo rigido per un sito di agenzie di design e incoraggiare i designer a fare affermazioni più grandi e più audaci in futuro incorporando idee uniche.
Inoltre, la fotografia è uno strumento solido per qualsiasi designer, ma solo essere consapevoli di usare cliché? immagini di stock, specialmente quando altre risorse come gli screenshot sono prontamente disponibili.
Il tuo turno!
Ora che hai letto i miei commenti, inseriscici e dacci una mano dando al designer qualche ulteriore consiglio. Facci sapere cosa pensi sia importante per il design e cosa pensi possa essere più forte. Come sempre, ti chiediamo anche di essere rispettoso nei confronti del designer del sito e di offrire una consulenza chiara e costruttiva priva di insulti ostili.