Design Free course · Certificate included
UI/UX Design Basics for Marketers
Design landing pages, flows and forms people can actually use — mobile-first, accessible, AI-assisted and tested with real users
- Beginner
- 7 h 17 min
- 21 lessons in 6 modules
- 2 h 56 min of video lectures
- Updated Sep 2026
About this course
Marketers shape user experience every day: landing pages, sign-up forms, checkout flows, emails and the pages behind every ad. Small UX problems quietly waste budget — confusing navigation, slow mobile pages, forms that ask too much, buttons people cannot find. This course gives marketers, creators and small-agency teams a practical foundation in UI and UX design without needing to become full-time product designers.
You will learn usability heuristics, user research from the messages you already have, user flows and information architecture, UX writing, wireframing, components and states in Figma, and how to use AI design tools such as Figma Make and prompt-to-UI generators without shipping generic or inaccessible pages. You will design mobile-first landing pages with ethical persuasion, apply WCAG 2.2 in practice, test pages with five-second, first-click and usability tests, size A/B tests properly and build a continuous improvement habit. Every lesson includes a narrated lecture, a hands-on exercise and ready-to-use templates.
Tools you’ll use
- Figma
- Figma Make
- FigJam
- Google Stitch
- Google Analytics 4
- Microsoft Clarity
- Chrome DevTools
- Lighthouse
- PageSpeed Insights
- axe DevTools
- WAVE
- Playwright
- VoiceOver
- NVDA
- Lyssna
- Maze
- Mermaid
- Python
Skills
- UX design
- UI design
- Landing page optimization
- Web accessibility
- Usability testing
- Wireframing and prototyping
- UX writing
- AI-assisted design
What you’ll be able to do
- Evaluate pages and flows with usability heuristics and severity-rated findings
- Turn customer messages and interviews into insights and design decisions
- Map flows, structure navigation and write clear microcopy for buttons, forms and errors
- Wireframe, build components with states and prototype in Figma, using AI tools responsibly
- Design mobile-first landing pages that are fast, trustworthy and free of dark patterns
- Apply WCAG 2.2 AA to pages, forms and content and test with tools and assistive technology
- Plan five-second, first-click, usability and properly sized A/B tests and act on results
Curriculum
Syllabus
- Modules
- 6
- Lessons
- 21
- Reading time
- 3.5 h
- Assessment questions
- 25
Understand what UI and UX are, why they drive marketing results, and how to evaluate any interface with proven heuristics and user insight.
- UI, UX and why marketers should careVideo lecture, 9′Video · 12 min
- The 10 usability heuristics in practiceVideo lecture, 9′10 min
- Understanding users: goals, jobs and lightweight researchVideo lecture, 8′11 min
Map user flows and journeys, organize navigation and content, and write clear microcopy for buttons, forms and errors.
- User flows and journey mapsVideo lecture, 8′10 min
- Information architecture and navigationVideo lecture, 8′10 min
- UX writing, microcopy and formsVideo lecture, 8′10 min
Sketch and wireframe layouts, apply UI fundamentals and design-system thinking, and build simple prototypes to test ideas.
- Sketching and wireframingVideo lecture, 9′10 min
- UI fundamentals, components and statesVideo lecture, 8′10 min
- Figma and AI design tools: from prompt to tested prototypeVideo lecture, 9′11 min
- Prototyping and handoffVideo lecture, 8′10 min
Design landing pages that match the promise, persuade ethically, load fast and work beautifully on mobile.
- Anatomy of an effective landing pageVideo lecture, 8′11 min
- Mobile-first designVideo lecture, 8′10 min
- Speed, trust and ethical persuasionVideo lecture, 8′12 min
- Landing page UX testing: five-second, first-click, heatmaps and A/B testsVideo lecture, 9′10 min
Understand WCAG 2.2 principles and levels, apply a practical accessibility checklist to marketing content, and test with tools and assistive technology.
- WCAG principles, levels and why they matterVideo lecture, 8′11 min
- WCAG 2.2 in practice: the new criteria on real marketing pagesVideo lecture, 9′9 min
- A practical accessibility checklist for marketersVideo lecture, 8′11 min
- Testing accessibility with tools and assistive technologyVideo lecture, 8′10 min
Run lightweight usability tests, use analytics and A/B tests responsibly, and turn findings into continuous improvements.
- Running lightweight usability testsVideo lecture, 8′11 min
- Analytics, heatmaps and A/B testingVideo lecture, 9′11 min
- Iterating and building a UX habit in your teamVideo lecture, 9′11 min
- Final assessment
Your certificate
Finish with a credential anyone can check
Earn the UI/UX Foundations for Marketers badge: The holder can evaluate interfaces with usability heuristics, turn user research into design decisions, map flows and navigation, write clear interface copy, wireframe and prototype in Figma with responsible use of AI design tools, design fast mobile-first landing pages without dark patterns, apply WCAG 2.2 AA, and validate improvements through usability testing, analytics and properly sized experiments.
Completed all lessons and scored ≥ 80% on the final assessment.
- A public verification page
- A PDF certificate to download
- An Open Badge you can share
- One click to your LinkedIn profile
Final assessment
- 25questions drawn from a larger pool
- 40 mintime limit
- 80%pass mark
- 3attempts per 24 hours
Start learning today. It’s free.
Every lesson is free to read. A free account saves your progress, unlocks the final assessment and issues your certificate.