


Responsive Design and User Experience (UX)
ART-40640
Responsive Design and User Experience (UX)
10 Weeks | Prerequisite: ART - 40638 Principles of User Experience or Equivalent Experience.
Master the core technologies driving modern UX design, including HTML5, CSS, and web-based frameworks, in this hands-on course. Building on prior UX coursework, you’ll adapt existing case studies for multiple devices and mobile users, gaining practical experience with responsive design techniques.
Guided by an experienced UX industry professional, you’ll develop the skills to create responsive, user-centered websites optimized for various screen sizes. This course emphasizes foundational web development skills, focusing on HTML, CSS, and frameworks like Bootstrap, enabling you to design and implement flexible, user-friendly layouts.
Through a series of structured sessions, you’ll explore mobile-first design, media queries, CSS Flexbox, and Grid. You’ll also document your progress with detailed case studies, including user personas and journeys, while building a professional portfolio that showcases your projects and skills in responsive design.
What You'll Learn
- Build Web Pages with HTML and CSS: Create basic web pages using HTML and CSS to establish a strong foundation in web development.
- Learn Responsive Design Principles: Apply mobile-first strategies and responsive design techniques for seamless user experiences across devices.
- Design Flexible Layouts: Use CSS Flexbox, Grid, and media queries to create adaptive layouts that respond to different screen sizes.
- Implement Design Frameworks: Design and develop interfaces with HTML, CSS, and frameworks like Bootstrap for optimized responsiveness.
- Redesign Non-Responsive Websites: Identify and transform non-responsive websites into modern, usable designs.
- Document the Design Process: Create detailed case studies with personas, user journeys, and sitemaps to showcase your work.
- Build Pieces for a Professional Portfolio: Present your responsive design projects with confidence in a polished, professional portfolio.