Styles Web et Webdesign

Différencier des styles web et créer des webdesign différents.

Styles Web et Webdesign

Comme travail cette semaine j'ai eu a analyser 15 sites web en mettant en avant leurs similitudes et leurs différences. Pour ce faire j'ai pris des critères differnets comme l'usage, le type, les animations, les designs patterns, le split screen etc. J'ai mis le tout dans un tableau et pour chaque site j'ai marqué si oui ou non il y avait le critère. De plus pour les animations et designs patterns j'ai défini lesquels types était présents. Ensuite j'avais pour objectif de réaliser 3 webdesigns très différents. J'ai donc decidé de réaliser deux sites vitrines et un site e-commerce, sur les thèmes du rugby, menuiserie et les chaussettes.

Un webdesign pour une équipe de Rugby

Le premier webdesign que j'ai voulu realiser c'était pour une équipe de rugby. Pour ce webdesign j'ai fait le design de quatre pages differents: la page d'accueil, la page des infos, la page des matchs et la page nous joindre.

![page d'accueil rugby] (/articles/2018-2019/images/hannah_rugby.jpg)

Ici vous pouvez voir le deisgn pour la page d'accueil qui comprends un calendrier ou on piourra clicker sur la date pour voir ce qui se passe tel jour, une fil d'actualité et enfin une galerie d'images.

Menuiserie, un webdesign "one page"

Pour mon deuxième webdesign qui étais aussi pour un site vitrine, comme je devais faire quelque chose de totalement diffèrent de mon premier webdesign j'ai decidé de faire un one page pour présenter une entreprise de menuiserie.

![menuiserie entreprise] (/articles/2018-2019/images/hannah_menuiserie.png)

Sur ce screenshot on voit ce qui apparait en premier lorsqu'on ouvre la page, le menu nous emmène plus bas sur la page au paragraphe qui correspond

Un dernier webdesign pour un e-commerce

Comme j'avais deja fait deux sites vitrines j'ai choisit de faire un site e-commerce. Donc j'ai choisit de faire un site qui vends des chaussettes. Comme pour mon premier webdesign j'ai fait quatre pages differents: la page d'accueil, la page ou l'on trouve tout les articles mis en vente, la page de connexion au compte et la page panier. Faire un webdesign pour un e-commerce est très diffèrent d'un site vitrine et j'ai pris beaucoup de plaisir à le faire.

![site socks] (/articles/2018-2019/images/hannah_socks_compte.jpg)

Ici c'est le design pour la page de connexion au compte

![site socks] (/articles/2018-2019/images/hannah_socks_panier.jpg) et ici celui pour la page du panier

L'image en banner pour mon article est le webdesign pour la page d'accueil de ce site e-commerce pour des chaussettes.

Hannah Ford

 08 nov. 2018 -  Hannah Ford - webdesign,   styles web webdesign