For a better view of each of the following designs, zoom in on this screen or open each image in a new tab by right-clicking and selecting the “Open image in new tab” option.

The image above is a wireframe of what the SNOUT app will look like and how it will function. There is a “sign up/login” introduction panel that sends you to the app’s main gateway, which leads to 3 path options into the app: “adopt a pet,” “shop food and toys,” and “certified vets.”

This image is a wireframe of what the SNOUT website will look like (as pictured before in my previous portfolio post labeled “SNOUT: Landing Page” and contains the next pages it is meant to send you to, according to the two buttons on the original landing page. The “learn more” button, for example, will send you to a page with the SNOUT non-profit organization’s purpose and brief description of the application; while the “download for free” button will send you to an “App Store Preview” web page, which displays the app, its ratings, and screenshots of the app in use.

And finally, this mock-up image is an example of what the SNOUT Website Landing Page will look like as a responsive website on each of the following devices: a computer, tablet, and smartphone. And just so you’re aware, a responsive website means one that is able to adjust and accommodate to the viewer’s device screen automatically, displaying the content appropriately without cutting anything off or having the dimensions be too big or small.