The UI/UX Design Process STEP BY STEP | Part 7: SiteMap & Prototyping

In this weeks UX Design Tutorial for Beginners, I show you my step by step process of creating a site map and then turning your wireframes into prototypes.

I recommend creating a sitemap first to get a better overview of your app. Its equivalent to viewing a floor plan for a house. This will allow you to peek into every room from above. Ensuring that every room has the doors & hallways it needs to lead to one another.

#uxdesign #userexperiencedesign #prototyping

Time Stamps:
00:19 - Sitemap
01:15 - UX Toolkit Overview
01:48 - Prototype Walkthrough!

━ PRODUCTS MENTIONED: ━
1) Miro Website:
2) SiteMap:
3) Figma:

━ 💁‍♀️WHO AM I? ━
Im your every day 9-5 Asian-Canadian girl trying to navigate her way through adult life by sharing her interests and experiences. I post videos related to beauty, lifestyle, travel, vlogs and design. Welcome to my channel and I hope you stay and chat! 💞

Instagram: @cascee

━ 🎵 MUSIC ━
Music by Box Boys - Together

━━━

⚠️This video is NOT sponsored.
⚠️There are affiliate links. I will earn a small commission if you choose to click on the links and purchase through there. Thank you and I hope you enjoy the products as much as I do!

All thoughts are ALWAYS my own and from personal experience.
100% Honest, 110% ME.

[wendyluo]

omg thank you i've been looking for an example like yours! that sitemap is sooo helpful thank you!!!

[fjlroi]

love seeing your wireframes come to life in figma

[lunaloynaz-lopez]

This was so helpful to me because I knew 100% I want to start product design but I didn't know what one project actually consisted of. Thank you

[minoz]

Thank you so so much for this series! This series has helped me so much while I'm designing my first case study :)

[franceslim]

Great idea for the app!! inspire me a lot !! Hope that will have more tutorial about UI & UX and figma also ~~ coz, I am new to Figma ~XD

[kaelas.]

I really love these videos! They are such a good perspective on the journey of building an app and I'm glad you broke it down into multiple videos. It was such an interesting and easy watch. Please do more of them <3

[madebyymira]

this is so helpful!! i love how you go through designing step by step

[stefavelez]

Your step by step videos have been incredibly helpful, thanks! I would love it if you could also share your Figma designs

[rs]

Hi Cascee! Could you please do a how to use figma video for beginners? I really appreciate how well you explain things, you're very thorough.

[roter]

I've never someone make a sitemap that way. It's usually vertical. I kind of like it.

[HDMOVIECREATOR]

Have you tried adding a search option when making a review? If yes, can you tell me why you decided not to include it? ( 9:07 ) Overall nice work, can't wait to see the final!

[AkzidenzGrotezk]

This is an awesome series thank you for documenting it! How long did this prototype take you to make?

[StrayKev]

I came here for a review of the myochair. I stayed because I could learn a lot about UI/UX, which I could use for web dev.

[elaine]

Hi! I want to pursue ux design as a career, and I am trying to figure out what I should major in. Do you think that a marketing major would be beneficial for a ux designer? Or would a graphic design major be better? Thanks!

[cascee]

Where are you at in your design journey? Tell me below 🧐