H2LAB

Web Agency

Website & graphic design

Contattaci

H2Lab nasce dall'esigenza di creare la tua identità online, che sia personale o professionale, per far incontrare l'efficienza della programmazione con una grafica pensata per l'occhio e la fruibilità dell'utente (o del lettore). Cosa facciamo? Tu ci affidi la tua idea, noi la trasformiamo in un prodotto che sia piacevole nell'estetica, facile da capire e accessibile.

BRAINSTORMING

A partire dalle tue idee e dalle tue richieste elaboriamo un prodotto accattivante e moderno che rispecchi appieno esigenze e personalità del progetto e contribuisca a creare un'immagine individuale e riconoscibile, per infondere sicurezza nei tuoi clienti.

DESIGN

Realizziamo una forma e un disegno specifico in base alle idee elaborate in fase di brainstorming. Sviluppiamo il progetto considerando gli standard grafici più attuali per creare un'immagine coinvolgente, moderna e adatta al contesto di riferimento.

DEVELOPMENT

Programmiamo e realizziamo fedelmente il design prodotto avvalendoci di tutte le tecniche più avanzate. Il progetto viene condotto in modo tale che il risultato finale sia performante e ottimizzato per essere consultato da tutti i tipi di dispositivi.

TESTING

Testiamo tutte le funzioni dinamiche ed analizziamo quelle critiche utilizzando i principali browser, assicurando la massima affidabilità e flessibilità.

LAUNCH

Nella fase finale di launch vengono effettuate tutte le operazioni che si richiedono per un sito completo e funzionale, come l'ottimizzazione delle parole chiave e dei meta-dati necessari per il corretto posizionamento sui motori di ricerca. Il sito viene inoltre segnalato ai principali motori di ricerca per una più rapida indicizzazione dei contenuti.

Calme Group

Sito web

Calme Group

Sito web

Calme è un'azienda leader nella produzione di cementi e materiali da costruzione. Il sito è stato ridisegnato ed i contenuti riorganizzati per guidare il cliente nella scoperta dei prodotti e servizi offerti da Calme

Per i colori è stato usato come riferimento il logo. Il grigio viene utilizzato per dare un aspetto sobrio e formale al sito, il verde è un colore che trasmettere fiducia e stabilità facendo inoltre riferimento all'approccio ecologico di Calme.

#015B5C

#A5A5A5

LaCasa Immobiliare Group

Sito web

LaCasa Immobiliare Group

Sito web

LaCasa Immobiliare Group è un'agenzia immobiliare, lo scopo del sito web realizzato è quello di fornire ai potenziali clienti una vetrina delle varie proposte dell'agenzia, fornendo informazioni dettagliate sugli immobili e mettendo a disposizione del cliente un mezzo di comunicazione diretto con l'agenzia stessa.

Sono stati scelti colori semplici e rilassanti come bianco e grigio chiaro per offrire un'esperienza chiara e pulita, che faccia sentire a proprio agio in modo naturale chi naviga nel sito web. Il colore verde è stato scelto come colore principale in quanto particolarmente adatto a rappresentare l'attività di vendita grazie all'associazione diretta con il denaro e quindi il risparmio. E' inoltre importante notare che il colore verde sia spesso utilizzato dalle agenzie immobiliari pertanto invoca nell'utente un senso di sicurezza e credibilità nei confronti dell'attività che rappresenta.

#4CAF50

#f5f5f5

#ffffff

Per permettere al cliente di inserire autonomamente gli annunci relativi agli immobili è stato utilizzato il CMS Wordpress. Sono state sviluppate apposite funzioni per soddisfare tutte le richieste del cliente e l'interfaccia è stata ideata in modo tale da poter fornire tutte le informazioni necessarie all'utente del sito.

In particolare all'interno del singolo post è stato implementato uno slider riutilizzando la funzione di inserimento media di wordpress; sono inoltre stati inseriti svariati campi personalizzati che vengono mostrati in uno spazio apposito correlati da relative icone che ne chiariscono il significato.

Il form dei contatti è stato sviluppato in relazione alle richieste del cliente ed è composto da diversi campi che compaiono in base alla selezione del campo relativo al motivo per il quale un utente invia il messaggio.

Nella homepage del sito sono presenti tre box che portano al form, ognuno corrisponde a una possibile scelta del campo di selezione della motivazione del messaggio. Accedendo al form da uno dei tasti questo è già predisposto per inviare il messaggio corrispondente e sono mostrati direttamente i campi inerenti.

La ricerca all'interno del sito web è stata implementata utilizzando AJAX che permette di mostrare i risultati in tempo reale mentre si sta scrivenddo il testo dellla ricerca.

Nelle sezioni di vendita e affitto sono stati inseriti dei filtri che permettono di ordinare gli annunci in base a diversi criteri come prezzo o metratura degli immobili.

E' stata implementata una funzione che genera automaticamente una mappa nei singoli annunci tramite le API di Google Maps utilizzando l'indirizzo inserito per l'immobile.

Calcioscommesse 1x2

Sito web

Calcioscommesse 1x2

Sito web

Calcioscommesse1x2 è un sito di pronostici, informazioni, notizie, e scommesse riguardanti il mondo del calcio. L'obiettivo principale del sito è quello di fornire quote e previsioni sulle prossime partite.

I colori grigio scuro grigio chiaro e bianco vengono accostati con l'intento di creare un'interfaccia utente rilassante e pulita che non affatichi l'utente anche dopo svariato tempo di utilizzo del sito. Il verde è stato scelto come colore principale perchè comunemente associato alla fortuna e al concetto di vincita.

#acd480

#767777

#f4f5f5

E' stata aggiunta la possibilità, tramite un campo personalizzato, di inserire una pubblicità aggiuntiva all'interno dell'articolo al momento dell'inserimento.

Per soddisfare le esigenze del sito sono state realizzate delle categorie di articoli in modo tale da creare una divisione tra rubriche, notizie e pronostici rendendo più immediato l'inserimento di nuovi contenuti.

Particolare rilevanza è stata data ai post correlati per fornire sempre all'utente che legge dei contenuti il più possibile inerenti ai suoi interessi aumentando la possibilità che continui la navigazione e la permanenza sul sito.

Le icone rappresentano le rubriche del sito, vengono usate anche in homepage per indicare l'apperteneza di una rubrica ad una o più categorie.

L'icona calendario nella sezione pronostici mostra la data del pronostico e può essere aggiunta attraverso un campo personalizzato al momento della creazione.

Gilda sul Tevere

Sito web

Gilda sul Tevere

Sito web

Gilda sul Tevere è un circolo sportivo per sport acquatici come canoa e canottaggio. La richiesta è stata quella di realizzare un sito internet di rappresentanza, sia per la società sia per le attività proposte.

Il colore blu è stato ripreso dal logo, già fornito dal circolo, quindi è stato possibile modificare solamente la tonalità. L’idea è stata quella di creare un’atmosfera tranquilla e serena, appropriata a chi desidera praticare sport. Il blu, insieme al bianco, vogliono emulare un ambiente estivo per gli sport acquatici. Mentre il grigio, neutrale, è adatto per il contrasto tra gli sfondi.

#2c2d84

#f5f6f6

#ffffff

Come da richiesta, è stato dedicato un campo alle news in modo che il lettore rimanga sempre aggiornato sulle attività del circolo. Lo spazio si articola in maniera flessibile per fare in modo che siano leggibili una o più news, sia desktop sia mobile.

Le icone sono state disegnate appositamente per facilitare la lettura e la comprensione all’utente.

Il modulo dei contatti è semplice e diretto per l’utente che desidera contattare il circolo direttamente dal sito.

Overlock comunica un’idea di accoglienza e calore, mentre josefin si presta a essere elegante e semplice.

Risen

Sito web

In lavorazione

Isoeventi

Sito web

Isoeventi

Sito web

Isoeventi si occupa di catering da oltre venticinque anni e dal 2003 gestisce il ristorante Neoclassico, situato all'interno del Royal Hotel Carlton, uno dei più importanti alberghi di Bologna. Il sito è stato pensato e realizzato con l’intento di trasmettere la personalità del cliente attraverso un design elegante e minimale nel quale le immagini sono l’elemento dominante.

I colori adottati sono un nero, elegante e tradizionale, e grigio che dà un tono moderno, contrasto perfetto per rappresentare il tipo di cucina proposta da Isoeventi. Lo schema di colori inoltre, essendo neutro, risalta le fotografie proposte sul sito.

#141412

#7f7f7f

La struttura è stata realizzata con l’intento di rendere i contenuti semplici ed intuitivi da raggiungere, senza rinunciare ad un'interfaccia elegante e moderna.

NarDj

Logo

NarDj

Logo

Il progetto riguarda la progettazione e creazione di un logo per DJ. Le esigenze del cliente hanno definito l'impronta del lettering caratterizzato dalla sua semplicità.

I colori, come da richiesta, sono neutri, quindi bianco e nero. Per dare rilevanza al font ed alla firma, si è scelto di lavorare con le ombre rendendo il logo capace di adattarsi al colore dello sfondo, creando contrasto attraverso il colore dell'ombra.

#ffffff

#000000

La progettazione delle singole lettere ha portato alla costruzione di una semplice griglia composta da quadrati. Il font segue le linee guida creando delle curve con tangente a 45° o delle semplici linee perpendicolari tra loro.

Mostra tutto

Servizi

Creazione siti web

Creiamo la tua immagine personale sul web. Per farti conoscere. Per far crescere la tua attività.

Creazione siti e-commerce

Portiamo il tuo business online per espandere i tuoi confini.

Ottimizzazione SEO e posizionamento motori di ricerca

Permetti a chi cerca di trovare la tua attività nei risultati di ricerca grazie ad un'attenta ottimizzazione.

Studio e creazione di campagne pubblicitarie

Dai una marcia in più al tuo business pubblicizzandono online nel modo corretto.

Creazione e gestione profili social

Fatti conoscere sui social network con le tecniche più avanzate di ottimizzazione dell'attività social.

Gestione e mantenimento siti web

Mantenere il tuo sito web aggiornato e funzionante è fondamentale per dimostrare serietà e professionalità.

Contattaci

Scrivici un breve messaggio, ti ricontatteremo il più presto possibile

Ci puoi anche scrivere ad uno di questi indirizzi:

contact@h2lab.it

support@h2lab.it