Blockframes

Based on the sketches I drew, I produced blockframes to get a basic idea of layout before I introduce writing and design. So far I have 23 screens, available to view at Hidden blockframes - Figma.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/cc2a77ff-5581-4fd0-b34e-63fe3bd6d857/Screenshot_2020-11-01_at_05.38.34_pm.png

Low Fidelity Wireframes

I've since focused on adding written content to my blockframes. I've researched a lot about the importance of UX writing, explored Hidden's tone of voice and found some useful tips so it was time to put my research into practice. Now reaching 37 screens, available to view at Hidden Low Fidelity Wireframes - Figma.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/6509c1c2-9c63-4871-aed1-cafa35391005/Screenshot_2020-11-24_at_12.14.12_pm.png

With a better understanding of screen layout for the Hidden app, I can start bringing these screens together by creating a low fidelity prototype. I also now have a good idea what illustrations and icons are required and therefore this is what I'm going to explore next.