Articoli marcati con tag ‘web design’

Consigli e suggerimenti per creare i siti web di ristoranti

Prima di creare un sito web per un ristorante, bisogna porsi la domanda: perché si sceglie un ristorante invece di un altro? Evidentemente per il cibo, l’ambiente, per rilassarsi o passare un po’ di tempo con gli amici. I clienti devono avere l’opportunità di conoscere il menù, l’ambiente, l’interior design ed il servizio. Inoltre, chi ha un sito può ricevere gli ordini on-line così come le prenotazioni. Hongkiat presenta alcuni consigli per crearli.

Chi sono i destinatari
Bisogna individuare il target di riferimento,  la fascia di età e le preferenze. Ad esempio, se il ristorante è vicino ad una università, gli studenti saranno probabilmente numerosi, mentre se vi sono uffici, i clienti saranno dirigenti ed impiegati. Pertanto per gli studenti il sito dovrebbe essere realizzato con un design semplice e vivace mentre per i dirigenti e impiegati il sito stesso deve essere elegante e professionale.
CAU Restaurants
Inoltre, è possibile organizzare “happy hours” o sconti per attrarre più clienti. 

Giraffa

Semplicità
Ogni buon sito dovrebbe includere nella home page, il menù, ‘chi siamo’  ed un modulo di contatto. È  possibile aggiungere anche una pagina per mostrare i commenti dei clienti.
Cantilever
Mantenere il tutto più semplice possibile. Un principio del design osservato anche dalla Marina degli Stati Uniti chiamato KISS (“Keep it simple, stupid”). Se un utente non trova rapidamente quello che sta cercando sicuramente si sposterà su un altro sito.

Combinazioni di colori
Nella maggior parte dei siti di ristoranti vi sono quattro colori principali: marrone, bianco, rosso e nero.
Il marrone simboleggia affidabilità, stabilità e tradizione.

Il bianco crea una sensazione di freschezza, purezza e libertà.
solegiallo-restaurant-website
Il nero è associato al mistero ed al potere della creazione. Inoltre, vengono evidenziate di più le immagini degli alimenti su uno sfondo scuro.

Il colore rosso è pesso utilizzato dai fast food rappresentando il simbolo della passione e dei desideri segreti.

Un facile modulo di contatto
Il sito dovrebbe essere di facile lettura. Il modulo permette di aggiungere i campi che possono aiutare a trovare ciò che si sta cercando. Inoltre, bisognerebbe allegare una mappa per mostrare la posizione del ristorante, evitando così domande sul la posizione del ristorante.

Essere social
Condividere informazioni aiuta a trovare potenziali clienti. Lasciare che i visitatori seguino le notizie, gli aggiornamenti e anche il personale stesso attraverso i social. Essere amichevoli e gentili con i clienti porteranno ai clienti ad usare lo stesso comportamento.

Il ” passaparola “è un forte motivatore. Basta condividere le informazioni utili ed interessanti come le regole di una corretta alimentazione con i relativi piatti dal menu.

Immagini di Alta Qualità
Il sito ha bisogno di essere attraente  e le grandi foto di sfondo rappresentano un’ottima possibilità. Inoltre, le immagini di alta qualità nella pagina del menù possono incrementare l’appetito.

Puntare molto sul “Chi Siamo”
Il “Chi siamo” dovrebbe essere unico a combattere la concorrenza mostrando ai potenziali clienti quanto cordiale e professionale è il team del ristorante.

Le 4 tendenze colore sul Web

Proprio come ogni altro elemento del web design, i colori seguono le mode. Le tendenze di quest’anno sono molto diverse: colori brillanti al neon uniti ad una scala di grigi che aggiungono brio e modernità, mentre i colori pastello conferiscono morbidezza. Queste nuove tendenze si combinano perfettamente, aiutando a distinguere gli elementi e delineando sezioni.

1. Scala dei grigi con toni brillanti2013 Tendenze colore sul WebQuesto schema è notevolmente aumentato in popolarità negli ultimi tempi e ciò risulta evidente in quanto sono sufficienti solo un paio di colori vivaci per attirare l’attenzione ed evidenziare le informazioni importanti e gli elementi interattivi. La semplicità conferisce al design una grande raffinatezza.
2. Pastelli chiari 2013 Tendenze colore sul WebIl mix di toni neutri e pastello fornisce una rappresentazione accogliente che aumenta con l’inserimento di illustrazioni vettoriali o disegnate a mano con caratteri tipografici naturali.
3. Neon ed abbaglianti 2013 Tendenze colore sul Web Il tutto fornisce un look divertente.
4. Blocchi colore2013 Tendenze colore sul Web Versatili e funzionali definiscono categorie, sezioni o elementi singoli. Molto utilizzato nel flat e minimal design.

Se non si vuole seguire le nuove tendenze, è possibile utilizzare
Color Explorer che offre una serie completa di strumenti, come l’estrazione di colore, corrispondenza e conversione.

2013 Tendenze colore sul Web

Shutterstock  e TinEye sono delle risorse per cercare immagini in base al colore e parole. 2013 Tendenze colore sul Web

Le basi dell’emotional design

Avete mai pensato a ciò che rendono le cose ‘buone’ o ‘cattive’? Perché alcune persone amano una cosa mentre altri la odiano? Il Director di UX a MailChimp Aarron Walter ha trovato la risposta riportandola nel suo libro “Designing for Emotions. Per capire in pieno la questione si può guardare video di Don Norman “3 Ways Good Designs Make You Happy.

Gli elementi chiave dell’emotional design
Ci sono molti libri e guide su come creare un design accattivante per un sito web: belle immagini, buona tipografia e colori, testi interessanti e nuove tendenze. Ma nessuno vi dirà come creare un sito web che possa impressionare in tal modo i visitatori da farli ritornare sullo stesso sito. La risposta è che si dovrebbero evocare emozioni positive quali: il piacere, la gioia, la sorpresa, l’attenzione, l’aspettativa e l’esclusività. Tutti questi fattori sono alla base del design emozionale. Tuttavia, le tattiche appropriate dovrebbero essere scelte per ogni specifica marca e target di riferimento.

Ecco alcuni esempi di siti web che mettono  in pratica il design emozionale:

- La Natura Umana
La maggior parte delle persone rimangono coinvolte dai bambini. Il cervello percepisce la proporzione del loro volto (occhi grandi e  piccolo naso) come qualcosa di speciale, innocente e fragile. Lo sguardo esprime un senso di fiducia ed amore. La stessa logica è applicata ai fumetti. Eccone alcuni esempi:

MailChimp

Netbluez

OurBabyBox

- Il Sorriso
Se piaci ad una persona, questa facilmente ti sorride. Ad esempio il design della Maggiolino Volkswagen è riconosciuto come di maggiore impatto emotivo in quanto i fari assomigliano agli occhi ed il cofano arrotondato ad un sorriso.

 Maggiolino Volkswagen

Ciò funziona anche sui siti web.

Your Karma

GoEasy Nube

- Follie
Per coinvolgere un visitatore  si dovrebbe fare qualcosa di sorprendente evocando solo sentimenti positivi. Così il sito sarà ricordato e con molta probabilità potrà diventare virale.

Freakify: pagina errore 404

Apartment Home Living: pagina errore 404

- Interesse
Se fate qualcosa che dimostri che vi interessare realmente ai visitatori, questi l’apprezzeranno e lo ricorderanno.

La mascotte su Xixi chiede “Vuoi che io sia il tuo traduttore?”. Se si risponde affermativamente, la mascotte si metterà a disposizione.

- Attenzione ai dettagli
Se non si acquista nulla su Photojojo il un carrello vuoto risulta grigio ed infelice. In caso contrario diventa verde e sorridente.

Threadless  mostra esempi di “carrello felice o infelice”.

- Trasformare i problemi di servizio in un vantaggio

Tumblr - torniamo presto

Tumblr - Ci dispiace molto

via www.hongkiat.com

Esempi di siti web legati al beverage

I siti web che promuovono le bevande oltre a un ruolo informativo e di socializzazione sono efficaci per la promozione e la pubblicità.

I designers sfruttano diversi stili come grunge, minimalista, scrapbooking digitale e le illustrazioni disegnate a mano. Per la parte informativa, di solito si trovano nei widget dove viene inserita la storia ed il processo di fabbricazione nonché la descrizione sulla qualità delle merci. La maggioranza dei siti hanno dei design ben strutturati e sobri. La combinazione di immagini e descrizioni in proporzioni quasi uguali rendono il sito sorprendentemente armonioso ed attraente.

Cîroc elegante e raffinato, con le manipolazioni delle immagini crea un look fresco grazie agli spruzzi d’acqua ed ai bicchieri di cocktail ghiacciati.

Cîroc

Myagkov Vodka utilizza la tecnica del multistrato dando la sensazione di 3d. Gli elementi grafici ricordano il tema del nightclub.

Myagkov Vodka

Austin ha una forte atmosfera grunge ed una tipografia ad effetto ruvido.

Austin

Moa Beer combina la foto a schermo intero di sfondo e la tagline bianca separate da una bottiglia di birra.

Moa Beer

Michelberger Booze è interamente illustrato con disegni in bianco e nero.

Michelberger Booze

Oddka France mostra graficamente il processo di creazione della vodka.

Oddka Francia

Sierra Mist Natural presenta un dispositivo di scorrimento con suggestive immagini sullo sfondo alcune delle quali con effetto sfocato.

Sierra Mist Naturale

Somersby Sidro presenta un’atmosfera naturale con immagini surreali completate con la bottiglia di sidro.

Somersby Sidro

Prima emana serenità grazie alla foto che raffigura una superficie di mare calmo.

Prima

Sanson utilizza immagini multistrati per familiarizzare gli utenti col processo di fermentazione presentando le caratteristiche dei prodotti e la caldaia.

Sanson

Austin Beerworks fa molto uso dell’arancione. Il design si basa su una tipografia di grande dimensione.

Austin Beerworks

Stella Artois ha una grande quantità di immagini che presentano la storia del prodotto.

Stella Artois

Miller Music Tour ha como foto di sfondo un panorama skyline  notturno che ha un gradevole tocco glamour.

Miller Music Tour

Denver Beer Co. ha numerosi strati sovrapposti che insieme assomigliano ad un collage digitale.

Denver Beer Co

Rupert Wine semplice e pulito, mostra la linea di prodotti nella home page.

Rupert Vini

Pro Foods illustra il prodotto principale, rendendo un senso di freschezza con l’acqua e le varie tonalità dei blu.

Pro Foods

Cocoa Heaven  presenta l’intestazione con componenti ornamentali di cioccolato.

Cocoa Heaven

Tikves Winery il sito è minimale con diversi cursori informativi.

Tikves Winery

Budweiser utilizza la griglia al fine di rendere il tutto preciso ed organizzato.

Budweiser

Vinea Room sfrutta il vertical parallax e fa uso di una immagine a sfondo scuro.

Vinea Room

Vins Rhone ha un look bizzarro. Il colore principale è il rosso, amato dai designer per la capacità di sollecitare l’appetito.

Vins Rhone

Brooklyn Gin pulito, semplice ma presentato in una grande quantità di spazio vuoto che aggiunge una nota di freschezza .

Brooklyn Gin

Spacho fa un grande uso di grafica vettoriale monocromatica realizzata in arancione ed in varie tonalità di giallo.

Spacho

Borjomi è pagina di destinazione che offre come sfondo un paesaggio montano creando una impressione naturale e genuina.

Borjomi

Sobe è completamente animato con belle presentazioni per ogni linea di prodotto.

Sobe

Weinhandlung Posch dalle foto si evince l’esistenza di una buona cantina. I widget descrittivi hanno un bel carattere, decorazioni sobrie e schema di colore in grigio chiaro.

Weinhandlung POSC

Via: designmodo.com

Siti web ispirati all’arte

Numerosi tipi di arte sono entrati nel digital design. Molte forme d’arte tradizionali hanno così avuto una nuova rinascita, quale la tecnica dell’acquerello, già indicata in un nostro post. Altri esempi sono lo scrapbooking e le illustrazioni disegnate a manoDesignmodo  indica alcuni esempi.

Numéro 10 ha le illustrazioni in bianco e nero disegnate a matita.

Numero 10

Métiers d’Art presenta un’elegante atmosfera aristocratica che si ottiene per mezzo di sfondo grigio chiaro unita ad una immagine classica.

Métiers d'Art

Pracownia Olszanska provoca sentimenti contrastanti a causa dell’aspetto straordinario e non convenzionale, realizzato in stile scrapbook.

Pracownia Olszanska

Aguru Design Studio sfrutta uno sfondo artistico scuro adattandolo alla semplice tipografia di colore bianco.Aguru Design Studio

In YSD lo sfondo in scuro grunge texture e la tipografia grande ed in grassetto sono integrate da fasci di luce rettangolari.

YSD

Nochichi Arts ha il dispositivo di scorrimento a schermo intero che rivela diverse opere d’arte in acquerello.

Nochichi Arts

Midea attira l’attenzione con una grande luminosa macchia di vernice usata principalmente come elemento di decorazione.

Midea

The Crab Pot ha una combinazione di effetto acquerello con carta tagliata a strati.

The Crab Pot

Muumilaakso è un buon esempio di utilizzo del cursore al fine di mostrare opere d’arte di alta qualità.

Muumilaakso

Summer opening ha una forte atmosfera grunge.

Estate di apertura

H-Psy tratta di  psicologia e così ogni sua illustrazione ha lo scopo di rendere sereni gli utenti.

H-Psy

Ernest et Célestine ha un’atmosfera delicata ed affabile raggiunta con  l’acquarello e colori pastello.

Erneste et Celestine

Summer closed è in stile grunge con un tocco di acquerello. Le variazioni di colore rendono un look morbido e caldo.

Chiusura Estiva

Sasa Foric l’illustrazione ispira la natura, il blu ed il rosa danno un aspetto sofisticato.

Sasa Foric

Bache de Yourte ha una illustrazione calda che rende un’atmosfera amichevole.

Bache de Yourte

Colleen Clapp il dipinto a olio astratto presenta una forte atmosfera artistica.

Colleen Clapp

Qudres utilizza illustrazioni monocromatiche in diversi colori.

Qudres

Veselka Velinova utilizza la tecnica del paper-cut con l’acquerello.

Veselka Velinova

Maki-san sfrutta lo schema ripetitivo del sushi trasmettendo sensazioni  psichedeliche.

Maki-san

Passeio Pedra Branca ha immagini trasparenti colorate con l’acquarello.

Passeio Pedra Branca

Not a Cat fonde lo stile grunge con dettagliate immagini di animali.

Non un gatto

Jacksonville Artwalk mescola perfettamente l’immagine con l’acquerello ed i graffiti.

Jacksonville Artwalk

Xilografie le illustrazioni in stile biro nero danno intenzionalmente un aspetto disordinato e trascurato grazie anche al texure cartone.

Xilografie

Jess e Russ enigmatica ed artistica grazie alla tipografia vintage e le illustrazioni scure.

Jess e Russ

Thomas Fersen rompe la monotonia del design convenzionale mediante un’ illustrazione oscura.

Thomas Fersen