Zenoffice ou l'application concrête

Réalisation d’un site web en HTML – CSS – SASS

BESOIN DE LA CONSTRUCTION D'UN SITE WEB ?

Pour assurer votre visibilité en ligne, demandez la réalisation d’un site web.

Les objectifs

Homepage de ZenOffice

Design & concept

Le site devait être joli visuellement mais aussi jouir d'un concept fort à maintenir tout au long du projet comme fil conducteur.

Responsive

En plus d'avoir le site sur desktop, il était important de pouvoir aussi le consulter sur mobile. Le site devait donc être responsive.

Coder en HTML-CSS-SASS

Pour mettre en application, nous (réalisé en duo) devions utiliser le HTML, le CSS mais aussi découvrir et appliquer le SASS au vu de son importance dans le monde actuel.

Le concept de ZenOffice.

ZenOffice est un espace de coworking zen mis à disposition de des entrepreneurs ou des plus importantes entreprises et notamment des start-ups. Localisé sur l’île de Versailles à Nantes, le cadre idéal se prête donc à ce genre d’activité.

Le code, l'acte principal​

Avant de coder, nous avons penser le site en proposant une arborescence mais aussi une maquette sur Figma pour avoir un fil conducteur. 

Pour réussir ce rendu, il fallait donc utiliser plusieurs langages. le HTML était le prermier que nous avons réalisés afin de réaliser le corps. Le CSS est venu après accompagné du SASS appris dans la même semaine de travail pour pratiquer du design en corrélation avec les logiciels de design de la suite Adobe. Les requêtes PHP étaient aussi à privilégier lors de l’insertion et la répétition du header et du footer sur les différentes pages. Nous avons aussi utiliser un framework CSS soit Boostrap ou bien KNACSS. Ce qui à permis la réalisation du responsive possible avec aussi des media queries notamment pour le header et le footer. 

Au niveau du travail collaboratif, il était important qu’il soit réalisé simultanément. Pour cela nous avons utiliser Git et GitKraken mais aussi Prepos afin de compiler.