Presender

The first step after the idea came to me was to flesh it out. Fleshing out had to start with a brand identity for the app, in which case, I needed to design a logo.

Presender-logo.png
Presender User Flow.jpg

As we changed the app through trials and testing, and other ideas came up, we added a wish list and a guest sign in option to bypass creating an account for those users that would like to first get a feel for the app before committing to the free account.

Once the logo was ready, I needed to outline out my thought process of how the app would work for the user. How would they move from screen to screen? What possible flows and rhythms would they contemplate? Here is the first iteration of the user flow chart.

b445ab8e-ff65-4631-a9ce-5e0bda6c2808.jpg

With the blue prints of how the app would behave when used by our target user, I then sat down on my trusty desktop and in Fireworks created the prototype (see screens below).

Sign In - Up Page
Sign In - Up Page
press to zoom
Sign In - Up Page
Sign In - Up Page
press to zoom
Become A Member
Become A Member
press to zoom
Sign In Page
Sign In Page
press to zoom
Dashboard - Inactive
Dashboard - Inactive
press to zoom
Dashboard - Active
Dashboard - Active
press to zoom
Buget Page
Buget Page
press to zoom
Gender & Age Page
Gender & Age Page
press to zoom
Favorite Categories - Inactive
Favorite Categories - Inactive
press to zoom

I am now in the process of having the re-designed app developed so that we can perform some beta testing with real world users.