
User Personas
Creating personas is a way to find direction when developing a product. Who are your users? What are their needs? Where and how do they use your product? This persona is for the ScreenSnax project.


Paper Wireframes
Paper Wireframes are a great way to bang out some quick iterations of a wireframe. I typically do mine digitally on an ipad for conservation of paper through Adobe.


Low Fidelity Prototype
Low fidelity prototypes take your wireframe and make it a usable lo-fi version of the app. Here you can see the transition trails. To test this out yourself, click here.


Graphic Design SAMPLES




User Journey Map
This User Journey Map take Ryan through his process in making a purchase through the Screen Snax app.


Digital Wireframes
Made in Figma, digital wireframes are a clean concise way to get a vision for a UI layout communicated. This is also my favorite part of the process! Here you'll see a few explorations into some wireframing ideas.


App Mockups
Apps can change from usability Studies and feedback from the engineering team- but in the end it's always fun to see a product get fresh paint and take shape.



