Bannière graphique de presentation du projet Atom
Le Brief

Créer une maquette et intégrer un site internet responsive en HTML5/CSS3

Atom Production est une société de production fictive proposant la réalisation de court-métrages, films institutionnels ou encore de couvrir des événements sportifs. Elle souhaitait faire appelle à mes services pour réaliser son site en version responsive.

– Le site devait comporter 5 pages :  

  Accueil / Infos / Tarifs / Galerie / Contact

– L’univers graphique devait de tourner autour de la vidéo et faire moderne.

–  Les couleurs majoritaires étaient le noir, le blanc, le rouge.

–  Le logo était fourni ainsi que des visuels.

– Réaliser la maquette sur Photoshop ou Illustrator.

– Les points de ruptures étaient à 1200/992/768 et 576px.

mockup ecran vertical pc

J’ai débuté en réalisant, pour l’entête du site, un simple montage vidéo mettant en avant les domaines d’intervention de la société.

Maquette du site et conception

Pour pouvoir réaliser ce premier site en HTML/CSS, j’ai préféré rester sur un design simple tout en respectant le brief qui nous avait été remis. J’ai ensuite pu concevoir le site en version responsive design à l’aide des média-queries.

Back to top