Cas pratique ( A rendre avant le 20 mars, veuillez déplacer vos tâches dans la catégorie "Accompli") :
‍
1.Projet final : Finaliser votre site web. Optimiser votre site web en fonction des problèmes identifiés dans cette séance. Créer un nouveau rapport dans la tache "Projet final + votre nom" et partager le lien de votre site web dans ce rapport.

2A.Projet de groupe : Former une équipe de trois et préparer une présentation. Contenu de la présentation：
a)Choisir 8 couleurs et expliquer la signification de chaque couleur et l'origine de sa signification à la lumière de la culture et de l'histoire du Mali. b)Faire des recherches sur les logos des entreprises maliennes locales, et présenter trois logos qui, selon vous, ont un schéma de couleurs qui correspond à l'identité culturelle de l'entreprise, expliquer dans le contexte de la culture et de l'histoire du Mali pourquoi vous pensez cela.

2B.Projet de groupe : Former une équipe de trois et préparer une présentation. Contenu de la présentation：
Choisir 2 objets culturels basés sur la culture et l'histoire de votre région, rechercher et présenter les origines historiques de ces objets culturels et les origines et significations des couleurs utilisées. Veuillez faire des diapositives pour vos 2 présentations, vous pouvez utiliser Google slide ou Pitch pour faire des diapositives. Veuillez partager vos diapositives avec moi à mon adresse e-mail liu@kabakoo.africa. Ensuite, créer une nouvelle tâche nommée "Projet de groupe：signification de la couleur + un nom de votre équipe", mettre les 2 liens de vos diapositives dans 2 rapports.

Important：Chaque groupe choisira un membre pour présenter lors de la prochaine séance, qui devra se rendre dans nos co-learning spaces
Pitch: https://pitch.com/

Ressources importantes
⬤ Exemples de conception de sites Web :
1. Différentes mises en page graphiques pour la section de Présentation des produitshttps://www.behance.net/gallery/112915103/Ceramic-shop-websitehttps://www.behance.net/gallery/72969623/Website-Concept-for-a-ceramic-design-studiohttps://www.pinterest.fr/pin/6825836921689147/
2. Différentes mises en page graphiques atypiqueshttps://dribbble.com/shots/16984122-Egg-Ecommerce-Web-Design/attachments/12061724?mode=mediahttps://dribbble.com/shots/16688455/attachments/11727918?mode=mediahttps://dribbble.com/shots/15174791-Agency-Website/attachments/6915738?mode=mediahttps://circle-website.webflow.io/

Cas pratique ( A rendre avant le 30 mars, veuillez déplacer votre tâche dans la catégorie "Accompli") :
Créer un nouveau rapport dans la tache "Projet final + votre nom"
Projet final : a) Améliorer et compléter votre site web; b) Ajouter la section de Présentation des produits; c) Utiliser la fonction "page section" pour relier les options de votre menu à l'emplacement correspondant sur votre site web.
(Lien vers le cas d'étude lors de la séance pour un exemple du cas pratique)

Ressources importantes
⬤ Exemples de conception de sites Web :
1. Différentes mises en page graphiques pour la section de l'introduction du site webhttps://dribbble.com/shots/15313011/attachments/7069691?mode=mediahttps://dribbble.com/shots/16412582/attachments/10377393?mode=media
2. Différentes mises en page graphiques pour la section de la présentation du site web (Caractéristiques）https://dribbble.com/shots/14304067-Organic-Farmer-Market-Landing-page/attachments/5960961?mode=mediahttps://dribbble.com/shots/16680236/attachments/11718598?mode=media
3. Différentes mises en page graphiques pour la section de la présentation du site webhttps://fintech-ultimate.webflow.io/https://dribbble.com/shots/15313011/attachments/7069691?https://dribbble.com/shots/15264665-Holmichu-Food-Cooking-Inspiration-Website-Exploration/attachments/7016113?mode=mediahttps://dribbble.com/shots/17109835-Momatu-Web-Redesign-Concept/attachments/12203498?mode=media

Cas pratique ( A rendre avant le 16 mars) :
Créer deux nouveaux rapports dans la tache "Projet final + votre nom"
1. Projet final : Optimiser vos esquisses de site web selons les exemples de site web présentés pendant les séances, et téléchargez-les dans un rapport.
2. Projet final : Améliorer et compléter votre site web sur la base des techniques de mise en page enseignées pendant cette séance et de vos esquisses optimisés. Partager le lien de votre site web dans un rapport (votre site web contient un menu + l'introduction du site + la présentation du site + footer). Pour le partage du lien, Veuillez activer le mode "share read-only link" dans "share project".
(Lien vers le cas d'étude lors de la séance pour un exemple du cas pratique)

Ressources importantes
⬤ Outil de Création du logo/illustration :
Canvahttps://www.canva.com/
⬤ 4 Sites de correspondance des couleurs :https://coolors.co/https://www.materialpalette.com/https://paletton.com/https://uigradients.com/
⬤ 2 sites pour obtenir des photos de qualité gratuites :https://www.pexels.com/https://www.freepik.com/
Cas pratique ( A rendre avant le prochain séance ) :
Créer une nouvelle tache dans le même challenge "Web Design", et puis la nommer "Projet final - votre nom", Par exemple, "Projet final - MAÏGA Fatimata". Remplir l‘introduction de votre projet dans “Pourquoi"
1. Projet final : Créer un logo pour ceux qui choisissent l'entreprise en utilisant Canva, Choisir une palette de couleurs pour votre site Web en utilisant les sites web de correspondance des couleurs (2-4 couleurs). Enregistrer les codes couleur et créer un fichier à téléverser dans le première rapport. ( voir l'exemple en image ci-dessous ).
2. Projet final : Créer un nouveau projet dans Webflow et le nommer. Créez un menu, la première section de votre croquis précédent et un footer, et partager ce lien dans le deuxième rapport (pour le partage du lien, Veuillez activer le mode "share read-only link" dans "share project").
(Lien vers le cas d'étude lors de la séance pour un exemple du cas pratique "2. Projet final")

⚡Web Design I (sous l'onglet "design") :   https://app.kabakoo.africa/masterclass#bibliotheque⚡Web Design II ( dans la section “Événements & Actualités”, sous l'onglet “passé”) : https://app.kabakoo.africa/d-clic-home
Ressources importantes
⬤ 4 Sites de ressources de design :
Muzli 2 (installez dans votre chrome) :https://chrome.google.com/webstore/detail/muzli-2-stay-inspired/glcipcfhmopcgidicgdociohdoicpdfc?hl=frDribbble :https://dribbble.com/Pinterest :https://www.pinterest.fr/Behance :https://www.behance.net/
⬤ 4 Sites de correspondance des couleurs :https://coolors.co/https://www.materialpalette.com/https://paletton.com/https://uigradients.com/
⬤ 2 sites pour obtenir des photos de qualité gratuites :https://www.pexels.com/https://www.freepik.com/
Cas pratique ( A rendre avant le prochain séance ) :
1. Consultez les sites de ressources de design que je recommande pour trouver un exemple de site que vous préférez et indiquez pourquoi vous l'aimez en vous basant sur les 6 principes de design que j'ai énumérés (développez chaque principe).
2. Projet final :
Déterminez le positionnement du site web que vous voulez créer, choisissez l'un des deux sujets suivants : Portfolio, Entreprise. Et rédigez une introduction de votre projet. Et puis faire des recherches basées sur le choix que vous avez fait :
1) Énumérez 5 sites Web que vous aimez et qui correspondent au sujet que vous avez choisi.
2) Esquissez à la main la structure de la page Web que vous allez créer, en tenant compte de la structure et du contenu que vous avez choisis, et préparez le texte et les images.(lien de références)
‍Important:
‍Vous devez soumettre vos cas pratiques dans "Portofolio". Veuillez d'abord créer un compte, et regarder les petites vidéos de support !Dans Challenge Monitor, Créer un challenge et le nommer “Web Design”, ensuite créer une tache et la nommer “Recherche”, et ajoutez-moi à la tache. Si vous avez choisi “portfolio”, remplir “Recherche pour réaliser un site professionnel de portfolio” dans la partie Pourquoi. Si vous avez choisi “Entreprise”, remplir “Recherche pour réaliser un site professionnel d’entreprise” dans la partie Pourquoi. Et puis vous allez rendre vos 2 cas pratique dans “Exécution” en créant 2 rapports ( voir les exemples ci-dessous ).