Web Design: Wireframes to Prototypes

The UI/UX Design Specialization brings a design-centric approach to user interface and user experience design, and offers practical, skill-based instruction centered around a visual communications perspective, rather than on one focused on marketing or programming alone. In this sequence of four courses, you will summarize and demonstrate all stages of the UI/UX development process, from user research to defining a project's strategy, scope, and information architecture, to developing sitemaps and wireframes. You'll learn current best practices and conventions in UX design and apply them to cr

( 25 Reviews )

Created by: Roman Jaster

Quality Score

Content Quality

Video Quality

Qualified Instructor

Course Pace

Course Depth & Coverage

Overall Score : 98 / 100

Course Description

This course is focused on the application of the early UX research to actual user interfaces: the creation of wireframes, high-fidelity mockups, and clickable prototypes. Along the way we will also discuss:- Responsive web design and mobile web challenges- Mobile-first approach- Web typography- The relationship between design and programming and whether it is important to know how to code- The different web technologies that make the web work, such as HTML, CSS, JavaScript, server-side coding, and databases.This course is the continuation of the course Web Design: Strategy and Information Architecture, in which students completed the first half of a large scale project-developing a comprehensive plan for a complex website. If you are intending to complete the assignments in this course to earn a certificate you must complete the Strategy and Information Architecture course first so you have the materials and data needed to begin creating wireframes and mockups in this course.This is the fourth and last course in the UI/UX Design Specialization, which brings a design-centric approach to user interface (UI) and user experience (UX) design, and offers practical, skill-based instruction centered around a visual communications perspective, rather than on one focused on marketing or programming alone.These courses are ideal for anyone with some experience in graphic or visual design and who would like to build their skill set in UI or UX for app and web design. It would also be ideal for anyone with experience in front- or back-end web development or human-computer interaction and want to sharpen their visual design and analysis skills for UI or UX.

Time: 29h

Instructor Details

Roman Jaster

4.9 Rating
25 Reviews

Roman Jaster is a graphic designer working in Los Angeles. He is the co-founder of the design studio Yay Brigade (https://yaybrigade.com). His work is focused on web design and development, as well as book design, often for cultural organizations and artists. Roman graduated from the CalArts graphic design program in 2007 where he now teaches web design classes. He is the creator of calartsdesignalmanac.net (https://calartsdesignalmanac.net), a website chronicling the genealogy of the CalArts Graphic Design department. Roman loves baking hearty loaves of bread, relaxes while playing with his two pets of the order Rodentia, and finds delight in the fact that a newspaper lands in front of his dwelling every morning.

CSS Bootcamp - Master CSS (Including CSS Grid / Flexbox)

CSS Bootcamp - Master CSS (Including CSS Grid / Flexbox) (2021)
4.9 (50 Reviews)

- Provider: Udemy
- Time: 11.5h

$11.99

Step By Step HTML and CSS course for beginners

Step By Step HTML and CSS course for beginners (2017)
4.9 (50 Reviews)

- Provider: Udemy
- Time: 4h

$11.99

The Complete HTML and CSS Course For Beginners

The Complete HTML and CSS Course For Beginners (2017)
4.9 (49 Reviews)

- Provider: Udemy
- Time: 3h

$11.99

Modern HTML & CSS From The Beginning (Including Sass)

Modern HTML & CSS From The Beginning (Including Sass) (2021)
4.8 (412 Reviews)

- Provider: Udemy
- Time: 21h

$11.99

Materialize CSS From Scratch With 5 Projects

Materialize CSS From Scratch With 5 Projects (2018)
4.8 (361 Reviews)

- Provider: Udemy
- Time: 10.5h

$11.99

CSS - The Complete Guide 2021 (incl. Flexbox, Grid & Sass)

CSS - The Complete Guide 2021 (incl. Flexbox, Grid & Sass) (2021)
4.8 (361 Reviews)

- Provider: Udemy
- Time: 22.5h

$11.99

All css courses

Reviews

4.9

25 total reviews

5 star 4 star 3 star 2 star 1 star

Write a Review

By Albertine C on 2-Sep-19

Doesn't add much to the rest of the courses in this specialisation... I guess the project is good additonal practice

By Sidia C on 7-Nov-19

Amazing course. Gives you everything you need to get a good foundation of knowledge in this field and offers many great resources.

By Joseph B on 7-Nov-19

a brilliant course, you get all the basic information that you need to start in UX/UI, thank you so much!

By Xinzi L on 3-Nov-19

Very well structured content, very good course.I hope the content of the course was a little harder, it's a little too easy even for absolute beginners like me.

By Christina on 3-Nov-19

Good course, the example of perfectly organized information and easy study process. Informative and easy to understand videos and other materials, external links and advices. Quick support on forums is also a valuable thing. Thanks a lot to CalArt members who created this course.

By Carla A on 4-Oct-19

I learned a lot. I love this course. Thank you, Roman and team.Cheers,Carla Alves.

By Laura M on 29-Sep-19

Great Course! Absolutely loved it! Made me a better UX Designer.

By Ankita R on 29-Aug-19

It is really a very nice and helpful course. This UX design specialization is a must for all UX design beginners.

By Kelly M on 27-Aug-19

Fantastic course!

By Ana R R G on 21-Aug-19

I really love this!!!! For me it has been an honor to be able to learn a lot this ui-ux design module. I recommend it, it is worth learning. My way of looking at websites and applications has a new look that serves the future and it is worth continuing to investigate these branches of design.

By Wesley A d S M on 15-Jun-19