The UX/UI Design Process - Creating Wireframes and a Final Design

Lindsay Marsh, Teacher & Freelance Designer 14+ Years ✅

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
20 Lessons (2h 42m)
    • 1. Class Preview

      2:05
    • 2. Course Guide and Facebook Group

      2:16
    • 3. Low fidelity wireframe - getting setup

      8:16
    • 4. Low fidelity wireframe - login screen

      8:04
    • 5. Low fidelity wireframe - login process - part 2

      10:16
    • 6. Low fidelity wireframe - home screen finish

      10:20
    • 7. Low fidelity wireframe - the listing screen

      8:20
    • 8. Listing Screen Cont.

      11:59
    • 9. Menu listing

      9:00
    • 10. Shopping Cart

      7:59
    • 11. Finishing Up Checkout

      5:48
    • 12. High fidelity wireframe - Getting Started

      7:04
    • 13. High fidelity wireframe - the Login Screen

      8:15
    • 14. High fidelity wireframe - Login Screen - part2

      7:39
    • 15. High fidelity wireframe - Login Screen - Part 3

      7:21
    • 16. High fidelity wireframe - Popup Screen

      10:32
    • 17. Listing Screen

      10:11
    • 18. Menu Screen

      8:50
    • 19. Prototyping - Linking It All Up

      9:12
    • 20. Prototyping - Creating Animations

      8:35
20 students are watching this class

About This Class

Walk through the entire UX/UI design process and create a working wireframe and design for a mobile app.

learn user interface and user experience design by following a mobile app design project from start to finish.

We will first walk through the UX process by learning the basic fundamentals of UX design and developing a wide variety of UX deliverables including a user persona profile, a user journey map and a user flow diagram. 



The first section of this course (the design theory lessons) can be taken right here on Skillshare: UX/UI Design Process and Theory: For Everyone

Next, in this course, we will hop into Adobe Xd to create a low fidelity wireframe and finally create a polished design by adding final icons, colors, buttons and styling. 



Lastly, we will link all this together to create a working prototype we can use for user testing, client presentation or just a fantastic starting piece for your new or growing UX/UI portfolio. 

Everyone needs to understand the foundations of great UX design and the process behind it. After taking this class, you will be able to incorporate UX/UI ideas into your everyday work projects and even get a glimpse into the UX/UI designers’ life.



This class is for EVERYONE, that includes graphic designers, web developers and anyone interested in finding out more about the UX and UI process by doing a practical real-world project.

So, join me for this extensive and fun journey through the entire UX/UI process so you can start to get excited about this fantastic and rewarding arena of digital design.