Crafting Your Brand's Digital Identity: Concept to Web App w

Crafting Your Brand's Digital Identity: Concept to Web App with Figma

Build a cohesive brand that seamlessly flows into a user-centric web app, creating engaging user experiences.

Enroll Now 350€

What you'll learn:

The Foundation for Success

Understand the fundamentals of branding and be able to define your brand identity. (+ Figma’s handoff)
The Power of UX/UI Design

Understand the UX/UI design principles and learn how to apply them effectively to create a user-friendly interface.
Prototyping and Collaboration:

Transform static designs into user-tested experiences for seamless collaboration.

Course Syllabus

1. Welcome to the course
  FREE PREVIEW
2. ⭐️Meet the expert: Mélodie Shahrvari
  FREE PREVIEW
3. ⭐️ Course objectives
  FREE PREVIEW
4. ⭐️ Quick tips
1. 🔑 Introduction - What is branding and how to create a brand identity ?
  FREE PREVIEW
2. 🎥 Define Your Brand Identity
3. 1️⃣ Part 1 - What is a brand strategy ?
4. 🔍 Zoom on Branding Strategy - Nike's Example
5. 2️⃣ Part 2 - How to design a Branding Strategy?
6. 3️⃣ Part 3 - How to create a visual identity ?
7. 🧐 Quiz - Define Your Brand Identity
8. 🧩Conclusion: Chapter highlights
9. 🚀 CTA: Going further 🚀
10. Case Study 🔍 : Understanding the Netflix Brand Style Guide: A Blueprint for Crafting Your Own.
11. 🎥 Video - Introduction to Figma
12. 🎥 Video - FigJam Board Handoff
13. 🎥 Figma - Design File Handoff
14. 📝 Assessment: Use FigJam!
1. 🔑 Introduction - Master UX/UI design principles
2. 🎥 Master UX/UI design principles
3. 1️⃣ Part 1 - Integrating Brand Strategy into UX/UI Design
4. 2️⃣ Part 2 - Understanding User Experience (UX) Principles
5. 3️⃣ Part 3 - Implementing User Interface (UI) Design Principles
6. 🔍 Case Study - 🚗 Uber's Intuitive and User-Centric Mobile App Design
7. 🧐 Quiz - Master UX/UI design principles
8. 🧩 Conclusion: Chapter highlights
9. 🚀 CTA: Going further 🚀
10. 📝 Assessment: UX Research Plan Assessment
1. 🔑 Introduction - Translate your brand identity into web design
2. 🎥 Atomic Design
3. 1️⃣ Part 1 - Wireframing: Laying the Foundation
4. 2️⃣ Part 2 - Developing a Design System
5. 3️⃣ Part 3 - Creating User Flows
6. 🧐 Quiz - Translate your brand identity into web design
7. 🧩 Conclusion: Chapter highlights
8. 🚀 CTA: Going further 🚀
9. 📝 Assessment
10. 🔍 Case Study: Mastering Design Systems with Google's Material Design
1. 🔑 Introduction
2. 🎥 Discover advanced HTML & CSS functionality
3. 1️⃣ Part 1 - Prototypes: Simulating the User Experience
4. 2️⃣ Part 2 - Collaborate: Bridging the Gap Between Design and Development
5. 3️⃣ Part 3 - User Testing and Iteration
6. 🧐 Quiz - From Concept to Development: No-Code Tools and Collaboration
7. 🎥 Video - Figma Prototyping Tutorial - Using Apple Clips Template
8. 🚀 CTA: Going further 🚀
9. 🔍 Case Study: Rapid Prototyping at Google: Embracing Failure to Accelerate Digital Product Development
10. 📝 Assessment
11. 🧩Conclusion: Chapter highlights
1. 🌟Congrats, you're ready to create your brand's identity!🌟

About this course

€350,00
50 lessons
0.5 hours of video content

Meet your Instructor

Mélodie Shahrvari

Co-founder Payconsent

Mélodie Shahrvari is the co-founder of award-winning fintech Payconsent that brings expertise in automating financial processes. She's also the co-founder of Art Cast, a podcast empowering contemporary artists. Beyond the entrepreneurial ventures, Mélodie has tackled UX/UI challenges and branding for various companies. Her coding journey reflects a passion for bridging the gap between creativity and development, fueled by empathy and clear communication.