Création d'une maquette Home et de sa trendboard pour un site portail d'aviation. Création de l'identité visuelle, choix colorimétrique (60,30,10), visuel, pictographique, typographique, iconographique, et mise en page des différentes sections via gridulator.Réalisation de la maquette, du zoning, du wireframe, du gabarit, du design du site et de son arborescence.

1. Feel the need, the need for speed...
Mickael Attuil | Web design | Itecom 2015

2. Trendboard :
2
Couleurs :

3. Trendboard :
3
Bleu ciel Jaune pâle Bleu foncé
DOMINANTE : TONIQUE : SECONDAIRE :
RVB : 130 157 209 RVB : 223 187 45 RVB : 29 49 96
CMJN : 57,84% 30;85% 0% 0% CMJN : 14% 23% 97% 0% CMJN : 100% 90% 33% 24%
# :829dd1 # :dfbb2d # :1d3160
TSL : 219° 38% 82% TSL : 48° 80% 87% TSL : 222° 70% 38%
Lab : 63,9 -4 -32 Lab : 77 4 70 Lab : 20 6 -33

4. Trendboard :
4
Formes :

5. Trendboard :
5
Textures :

6. Trendboard :
6
Puces et pictogrammes envisagées :

7. Trendboard :
7
Puces et pictogrammes utlisées :
Pour les réseaux sociaux :
re-designés pour le site :

8. Trendboard :
8
Typographies :
La police Futura est utilisée pour le menu, et les titres des articles et rubriques.
La police Roboto est utilisée pour les paragraphes des articles et des rubriques :

9. Trendboard :
9
Typographies :
Futura et ses déclinaisons : Roboto et ses déclinaisons :

10. 33
Sommaire :
Zoning
Wireframe
Gabarit
Design
Arborescence
Sources d’inspirations

11. 44
Zoning :

12. 55
Wireframe :

13. 66
Gabarit :

14. 77
Design :
Blog|Presse|Mentions légales | Contact |© Copyright 2015
A 380 : ENFiN IL VOLE
LoLorem ipsum dolor sit amet, consectetur adipis-
cing elit. Etiam tincidunt metus vitae lorem tris-
tique aliquet. Sed at porttitor risus, tincidunt tinci-
dunt felis. Nulla vel porta arcu, at hendrerit felis.
Vestibulum ante ipsum primis in faucibus orci
luctus... Lire la suite
TITRE 3sit amet, consectetur adipiscing elit. Ut sodales eleifend orci, in vehicula
sapien tempus nec. Suspendisse ultricies urna mollis porta ultricies purus
et elit rutrum volutpat. In varius euismod sem at pharetra. nulla quis leo
fermentum pretium. Proin egestas eros a ipsum sodales dignist. In varius
TITRE 2sit amet, consectetur adipiscing elit. Ut sodales eleifend orci, in vehicula
sapien tempus nec. Suspendisse ultricies urna mollis porta ultricies purus
et elit rutrum volutpat. In varius euismod sem at pharetra. nulla quis leo
fermentum pretium. Proin egestas eros a ipsum sodales dignist. In varius
TITRE 1sit amet, consectetur adipiscing elit. Ut sodales eleifend orci, in vehicula
sapien tempus nec. Suspendisse ultricies urna mollis porta ultricies purus
et elit rutrum volutpat. In varius euismod sem at pharetra. nulla quis leo
fermentum pretium. Proin egestas eros a ipsum sodales dignist. In varius
Feel the need
the need for speed
HISTOIRE| LES GRANDS PILOTES | LʼÉVOLUTION AÈRONAUTIQUE

15. 88
Arborescence :

16. 99
Sources d’inspirations, images et sites consultées :
http://www.wikipedia.fr
http://www.journal-aviation.com/
Images utilisées :
https://images.google.com/?hl=fr&gws_rd=ssl
http://gridulator.com
Contenu éditorial :
Mise en page :

17. 1010
www.ouifm.fr
www.wuza.com
www.rootsisrael.com
Je me suis inspiré d’une partie du site OUI FM,
pour le content et ses articles.
Le visuel principal du site est inspiré du
site rootsisrael.com
Inspirations graphiques :
Le header, le footer et le wrapper est inspiré du
site www.wuza.com
http://www.u-m-p.org/
Le menu principal est inspiré du site du parti poli-
tique de l’UMP.