Projet - 404 (Part.02) - Conception
Détails
Projet : 404
**Un site Webflow est composé de différents types de pages. **
Les Pages Statiques sont conçues pour accueillir du contenu qui évolue rarement (ex: Accueil). Les Pages Dynamiques reposent sur une structure définie à l'avance et sont générées grâce au contenu du CMS (ex: Article de Blog). Et enfin les Pages Utilitaires dont le rôle n'a pas de lien avec le contenu du site.
La page 404 fait partie de ces Pages Utilitaires et est affichée en résultat de l'erreur 404. Cette dernière a lieu lorsqu'une URL n'existe pas. L'utilisateur demande à voir une page qui n'existe pas ou plus, le site le redirige alors vers la page 404.
Avec ce projet, vous allez ainsi créer votre première page 404.
Ce projet est accompagné de ressources disponibles en annexes et est composé de deux challenges :
1. Analyse
2. Conception
Vous allez prendre en main l'interface de Webflow pour concevoir une page et découvrir les différents éléments à notre disposition. L'objectif ici est de s'approcher le plus possible du rendu présenté par la maquette dans un temps imparti.
Vous n'arriverez certainement pas à tout faire et c'est normal. Vous n'êtes qu'aux premières heures de la formation.
Challenge n°02 : Conception
Objectifs
Après avoir analysé la maquette, il est temps de passer au concret. Vous allez reproduire le plus fidèlement possible la maquette disponible. Avancez progressivement.
Voici quelques étapes clés :
Global
- Création d'un nouveau projet vierge
- Ajout de la Police d'écriture
- Création d'un mini Styleguide
- Création de quelques variables
Page 404 - Créez une Section
- Ajoutez d'un groupe d'éléments à l'intérieur pour les infos
- Ajoutez d'un titre + texte + bouton
- Ajoutez d'un visuel en dehors de ce groupe
- Stylisez les éléments d'informations
- Stylisez le visuel
- Changer de taille d'écran et vérifiez que tout fonctionne correctement.
Consignes
Pour ce challenge, voici quelques consignes :
- Créez un nouveau projet vierge sur Webflow
- Importez les Polices d'écritures
- Commencez à concevoir
Afin de réaliser ce projet avec brio, fixons-nous un objectif de temps. Pour analyser cette maquette, je vous donne 50 minutes. C'est à vous !
