Wireframes will help you with a site layout. Keep in mind that you are just using wireframes to show your layout for page elements. No color or theme is needed at this page. Remember:
A page does not need to have every UI element on it ( split your features )
dont be over ambiguous in your wireframes ( Notifcations box ??)
You can use the following tools to make some wireframes:
Draw.ioFigma
NOTE: Figma may be an overkill for this BUT its a great to learn about design and is widely used to create amazing UI mockups.
Once you have your wireframes, you will be able to do storyboarding
khabizat
commented
2 years ago 
Wireframes will help you with a site layout. Keep in mind that you are just using wireframes to show your layout for page elements. No color or theme is needed at this page. Remember:
A page does not need to have every UI element on it ( split your features ) dont be over ambiguous in your wireframes ( Notifcations box ??) You can use the following tools to make some wireframes:
Draw.io Figma NOTE: Figma may be an overkill for this BUT its a great to learn about design and is widely used to create amazing UI mockups.
Once you have your wireframes, you will be able to do storyboarding