Web Design Principles
By the end of this course, learners should be able to explain Lesson 1: Design principles for digital products
Embark on your learning journey with Web Design Principles. This course is designed to be accessible to beginners while providing enough depth to challenge experienced learners.
You'll gain hands-on experience through interactive coding exercises, quizzes, and real-world projects. Our community forum provides support whenever you need it.
Invest in your future today and join the next generation of African tech leaders.
What you will learn
- By the end of this course, learners should be able to explain Lesson 1: Design principles for digital products
- By the end of this course, learners should be able to explain Lesson 2: Typography and visual hierarchy
- By the end of this course, learners should be able to explain Lesson 3: Color systems and contrast
- By the end of this course, learners should be able to explain Lesson 1: Design a mobile screen flow
- By the end of this course, learners should be able to explain Lesson 2: Create reusable components
What you will build and prove
- Practice: Practice: Lesson 1: Design principles for digital products
- Project: Apply Web Design Principles
- Quiz: Lesson 1: Design principles for digital products check (pass 70%)
- Final assessment: Web Design Principles — course assessment (pass 70%)
Course journey
How this free course is structured — watch, practise, and progress module by module.
- Introduction & Setup
- Core Concepts
- Hands-On Practice
- Intermediate Techniques
- Advanced Topics
Practice
1 optional practice exercise — apply what you learned. Practice is not required to complete the course.
Assessment
- Lesson 1: Design principles for digital products check · pass mark 70%
- Web Design Principles — course assessment · pass mark 70%
Prove
Course completion means finishing required lessons , and the course assessment . That grants a certificate of completion — not a professional certification. Optional practice does not block completion.
Curriculum
Week 1: Introduction & Setup
- Lesson 1: Design principles for digital products Preview Practice 23min
- Lesson 2: Typography and visual hierarchy Preview 17min
- Lesson 3: Color systems and contrast 20min
Week 2: Core Concepts
- Lesson 1: Design a mobile screen flow 13min
- Lesson 2: Create reusable components 9min
- Lesson 3: Prototype interactions 21min
- Lesson 4: Gather and apply feedback 17min
- Lesson 5: Hand off designs to engineers 16min
Week 3: Hands-On Practice
- Lesson 1: Design a mobile screen flow 23min
- Lesson 2: Create reusable components 19min
- Lesson 3: Prototype interactions 11min
- Lesson 4: Gather and apply feedback 18min
Week 4: Intermediate Techniques
- Lesson 1: Design a mobile screen flow 17min
- Lesson 2: Create reusable components 14min
- Lesson 3: Prototype interactions 16min
- Lesson 4: Gather and apply feedback 12min
Week 5: Advanced Topics
- Lesson 1: Design a mobile screen flow 16min
- Lesson 2: Create reusable components 14min
- Lesson 3: Prototype interactions 24min
- Lesson 4: Gather and apply feedback 25min
Free to enroll — no purchase required.
Instructor: Africoders
Start learning Already have an account? Sign in Course forum →