Centro di progettazione Web # 68 Oasis Christian Center

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 è Oasis Christian Center & Retreat. Entriamo e vediamo cosa pensiamo!

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 Oasis Christian Center & Retreat

Qui all'oasi in cui crediamo? Senza problemi? ritiri. Facciamo tutto il possibile per distinguerci offrendo alloggi moderni e confortevoli, pasti deliziosi e, soprattutto, un luogo privato in cui il tuo gruppo possa riposare, rilassarsi e rigenerarsi nella pacifica campagna di Dio.

Ecco uno screenshot della homepage:

Prime impressioni

L'oasi è sicuramente avviata in modo decente. Il modello sottostante per il sito è un po 'generico, ma è pulito e ha informazioni organizzate in sezioni chiare e comprensibili.

Nel complesso, il problema più grande con il design è che sembra approssimativo ai bordi. C'è una qualità non raffinata che suggerisce che il design e il contenuto sono stati creati separatamente anziché sinergicamente. Non c'è niente di sbagliato nell'usare un modello, devi solo assicurarti di investire tempo ed energie per farlo funzionare davvero con i tuoi contenuti. Diamo un'occhiata a come farlo meglio.

Logo

La prima cosa che vedo sul sito è il logo, e non fa una buona impressione. Il design del logo è una pratica estremamente difficile, quindi odio essere critico su questo, ma questo semplicemente non sembra che sia stato creato da un designer professionista. Sia le immagini che la tipografia hanno un'estetica clipart di Microsoft Word.

L'allineamento giusto sul tipo è scomodo, la sceneggiatura e il relativo dimensionamento della seconda linea sembrano sbagliati e la sfera verde sembra datata. Inoltre, una palma non è la migliore rappresentazione di un ritiro del Kentucky. Il logo dovrebbe essere onesto, semplice e forte.

Consiglio vivamente di visitare alcune gallerie come LogoPond per vedere alcuni esempi di loghi molto forti da designer professionisti. Trova cinque o dieci loghi che idealizzano davvero un'estetica che ti piacerebbe utilizzare e li utilizzi come ispirazione per una creazione unica per la tua attività. Immagino qualcosa di semplice ma audace per il tuo sito, come questo logo paesaggistico da parte dell'utente trickyninja.

Navigazione

Un'altra area che potrebbe utilizzare un aggiornamento è la navigazione. Questo è un po 'approssimativo sia dal punto di vista estetico che funzionale.

Per il lato estetico, la navigazione sta rompendo l'allineamento giustificato che esiste in tutto il resto della pagina. Ciò è dovuto principalmente al modo in cui il logo invade lo spazio che la navigazione dovrebbe occupare a sinistra.

Da un punto di vista dell'esperienza utente funzionale, ci sono anche alcuni problemi. Per i principianti, non esiste un effetto hover evidente sui collegamenti. Cambiare leggermente il colore al passaggio del mouse sarebbe durato a lungo. Ancora più importante, il menu sembra semplicemente avere troppi elementi. Alcuni degli elementi sono menu a discesa, ma nessuno di questi contiene più di una singola opzione.

Come regola generale, un menu a discesa non dovrebbe esistere se hai solo un oggetto da buttare dentro. Ecco cosa suggerisco di fare: prova a raggruppare alcune voci del menu sotto un'intestazione, in questo modo il menu diverrà meno spazio orizzontale e consentirà dropdown giustificabili. Ad esempio, Alloggi, Attività, Chiesa e Servizi potrebbero essere raggruppati in un unico menu a discesa.

Slider

Continuando il nostro viaggio lungo la pagina, il cursore dell'immagine richiede alcune semplici modifiche. Ad esempio, il cursore dovrebbe avere una sensazione senza soluzione di continuità in cui le foto sanguinano proprio dal bordo, ma non posso fare a meno di notare un piccolo bordo bianco. Non sono sicuro che sia intenzionale o accidentale, ma in qualche modo sembra un errore. Anche se dovrebbe essere lì, ti consiglio di abbandonarlo.

Inoltre, le foto nella presentazione non sembrano essere della massima risoluzione. Hanno l'aspetto di piccole foto che sono state allungate per adattarsi a queste dimensioni. Ti consiglio di tornare ai grandi file originali direttamente dalla fotocamera e ridimensionarli a queste dimensioni.

Area del contenuto principale

Mi piace l'aspetto pulito dell'area dei contenuti con il suo uso generoso di spazi bianchi, nel complesso penso che quest'area sia abbastanza completa. Alcune modifiche che suggerirei includono l'ammaraggio di Cufon (il carattere è generico e non risentirà del passaggio a qualcosa di più facile da usare) e considerando di cambiare le icone numerate in qualcosa di un po 'più amichevole e più indicativo della copia.

Inoltre, è una lamentela piuttosto insignificante ma trovo il? Top? collegamenti per disturbare fastidiosamente. In generale non ho problemi con i link che portano in cima a una pagina ma questa è una pagina veramente piccola e ne contiene quattro! Mi piacciono le linee tratteggiate, ma vorrei eliminare i collegamenti inutili.

Notizie

Il mio ultimo consiglio è di dare una rapida occhiata ad alcune delle copie sulla pagina e considerare come renderlo più conciso e navigabile. La soluzione semplice qui è quella di creare titoli forti e di buona qualità. In questo momento ci sono alcune aree con grandi blocchi di testo, il che va bene, ma funzionerebbero meglio come copia del corpo con un buon titolo:

Ecco un esempio rapido e sporco della casella della newsletter rielaborata per avere un titolo:

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.