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 è Quote Roller, una splendida app Web per la creazione e l'invio di proposte professionali.
Se desideri inviare il tuo sito web in una futura Critica del design, ci vogliono solo pochi minuti. Facciamo pagare $ 49 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.
Informazioni su Quote Roller
? Quote Roller aiuta ad automatizzare e ottimizzare il processo di creazione della proposta. Dimentica il testo di routine che copia-incolla in Word. Con Quote Roller puoi salvare e riutilizzare le informazioni generali sulla tua azienda, i termini di servizio e le altre cose che hai utilizzato per inserire manualmente le proposte. Quote Roller è inoltre dotato di un'interfaccia drag & drop intuitiva e intuitiva che offre capacità di personalizzazione illimitate.
Ecco uno screenshot della homepage:
Impressione iniziale
Subito posso dire che mi piace molto questo sito. Esso esemplifica diverse tendenze nel web design moderno, il che significa che non è esattamente unico, ma non deve esserlo. Il punto è comunicare che Quote Roller è un'utilità di costruzione di preventivi avanzata e moderna e questo design fa esattamente questo.
È estremamente importante tenere a mente questi obiettivi durante la creazione di un sito web. Troppi designer partono in una direzione che si adatta al loro stato d'animo in un determinato giorno, dando vita a siti Web stupendi con messaggi infangati. La grafica di un sito è una fonte primaria di comunicazione e vuoi assicurarti che stiano dicendo quello che vuoi!
Colori
La prima cosa che voglio discutere è la combinazione di colori perché utilizza una tecnica molto popolare di cui abbiamo discusso qui prima. La palette principale utilizza varie sfumature blu, una scelta ideale per un look pulito e professionale. Una volta stabilito questo ristretto ambito di colori, viene introdotto un colore di enfasi che spicca sulla pagina, in questo caso arancione.
Funziona molto bene perché ti dà un sacco di potere per dirigere l'occhio dell'utente. Mentre scorri verso il basso nella pagina, vedi molto blu e bianco interrotti da pochissimi punti luminosi di colore arancione. I tuoi occhi saranno naturalmente gravitati verso quei punti luminosi, dove vedrai e leggerai esattamente ciò che il designer vuole che tu faccia. È una tecnica super semplice con risultati importanti.
Tema grafico
Il contenuto principale del sito è contenuto in un rettangolo con angoli arrotondati. Questo è posto sopra uno sfondo con texture a tela. Questa texture attraente ma sottile aggiunge molta dimensione alla pagina ed è davvero facile da costruire. Ti insegniamo una tecnica simile in questo articolo.
L'area di navigazione ha un bel nastro avvolto attorno ad esso. Questo serve sia per aiutare l'area di navigazione a risaltare e dare un effetto tridimensionale alla pagina nel suo complesso.
Un altro livello viene aggiunto appena sopra il piè di pagina in cui risiedono le citazioni e le raccomandazioni dei clienti. Questi tipi di effetti danno al sito un aspetto gradevole e raffinato. Si può dire che i progettisti hanno effettivamente dedicato del tempo a perfezionare la qualità estetica.
Tipografia
Non hai il budget per Typekit o un servizio di font web premium simile? Google Web Fonts offre un'alternativa sorprendente, gratuita e semplice da implementare. Quote Roller utilizza Google Web Fonts per? Merriweather? titolo, un serif unico e sofisticato.
Si noti che l'implementazione dei font personalizzati qui è piuttosto prudente, solo i titoli stanno usando Merriweather, il resto è Arial. L'uso di un carattere personalizzato per la copia del corpo va bene, ma non è sempre l'opzione migliore a causa dei tempi di caricamento. Inoltre, è abbastanza facile andare pazzo con font fantasiosi e avere il risultato finale sembra un disastro. Un percorso più sicuro è quello di trovare un font personalizzato e lasciare che sia il tocco di design unico.
messaggistica
La messaggistica sul sito è molto semplice e chiara:? Creare, tracciare e inviare proposte? è la prima cosa che leggi. Non c'è da battere in giro, capisci immediatamente cosa sta succedendo.
Questo è rafforzato da un sacco di screenshot. Odio assolutamente trovare una nuova app Web e quindi cercare i minuti alla fine per trovare uno screenshot. A volte non ce ne sono nella home page o nel video introduttivo! Se stai nascondendo la tua interfaccia fino a quando un utente si registra effettivamente, suppongo che te ne vergogni.
Andando oltre il fronte della messaggistica, mi piace anche come sono state presentate le funzionalità su questo sito. Il titolo in grassetto con un'icona minuscola e una sottolineatura solida separata dal paragrafo appare davvero nitido. Quest'area è altamente leggibile e utilizza molti spazi bianchi per dare a ogni oggetto un respiro.
Pagina del tour
Se stai cercando un'ispirazione per una solida pagina di tour di prodotti, Quote Roller ha un grande successo. Mi piacciono i grandi screenshot che alternano i lati della pagina. Scorrendo questa pagina ti diamo uno sguardo veloce ma approfondito su ciò che otterrai iscrivendoti all'app.
Conclusione
Quota Roller è un sito molto bello che serve bene il suo scopo. È pulito, moderno e professionale, una combinazione perfetta quando si vende un servizio Web a professionisti del settore.
La messaggistica è molto chiara con un sacco di rinforzi tramite icone e schermate. I colori sono perfetti e c'è molta attenzione ai dettagli.
Nel complesso, gli do un bel pollice in su e non riesco davvero a pensare a qualcosa di negativo da dire al riguardo!
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.