.container { position:fixed; top:-1px; left:-1px; width:101%; text-align: center; } .container button { color: #fff; text-decoration:none; font-size: 25px; text-transform: uppercase; display: block; font-family: impact; margin-top: 1px; border:0px solid black; } .red { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #C00; background-image: url(https://static.wixstatic.com/media/69a44a_9f39cd2b653e4d47ad2dc5d3d343d1d7~mv2.jpg/v1/fill/w_155,h_112,al_c,lg_1,q_80/69a44a_9f39cd2b653e4d47ad2dc5d3d343d1d7~mv2.webp); background-repat: no-repeat; } .orange { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #F90; background-image: url(https://static.wixstatic.com/media/69a44a_ac369628e4d7423ab58948eba15ef9ca~mv2.jpg/v1/fill/w_155,h_112,al_c,lg_1,q_80/69a44a_ac369628e4d7423ab58948eba15ef9ca~mv2.webp); background-repeat: no-repeat; } .grey { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #e6e6e6; background-image: url(thumb_ourteam.jpg); background-repat: no-repeat; } .blue { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #7293b8; background-image: url(https://static.wixstatic.com/media/69a44a_37c8212aef4e4899b6aacaaa2c481a62~mv2.jpg/v1/fill/w_155,h_112,al_c,lg_1,q_80/69a44a_37c8212aef4e4899b6aacaaa2c481a62~mv2.webp); background-repat: no-repeat; } #brown { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #960; background-image: url(thumb_counseling.jpg); background-repat: no-repeat; } #green { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #4a714b; background-image: url(thumb_media.jpg); background-repat: no-repeat; } #pink { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #c69; background-image: url(thumb_legislation_lobby.jpg); background-repat: no-repeat; } #black { width:12.5%; height:80px; display:block; float:left; clear:right; background-color: #333; background-image: url(thumb_contact.jpg); background-repat: no-repeat; }
top of page

MY PROCESS: BUILDING A SOCIAL APP

PlayDate: Having a social circle is a key factor in one's overall health and lifespan.

WHAT PROBLEM DOES THIS SOCIAL APP SOLVE?

PROBLEM 1

• 2/3 people lose 90% of their friendship to a serious relationship.

​

• Entering a new relationship is one of the top 3 reasons for loosing a friendship.

1

STEP ONE: Brainstorm and Market Research

• SWOT Analysis and conduct exploratory research,

• Interview potential end users,

• Being initial sketches,

• Remember "anything is possible."

STEP TWO: User Stories and Feature Lists

• Create a list of needed screens, features and write user stories,

• Identify UI elements needed for positive UX experiences,

• Identify "must have" features from "nice to have" features,

• Prioritize and discern which features should follow UI patterns and which can be broken,

• Create proof of concepts for more original, out of the box ideas.

2

3

STEP THREE: Wireframes

• Create wireframes in Axure RP, (used as "proof of concept")

• Continue research and sketching as needed,

• I like to mock-up entire user flows per user story with site maps, using "placeholder" UI elements,

• Conduct internal user tests (friends, family, coworkers, etc), usually A/B testing.

Profile Screen Option A and B:

4

STEP FOUR: Comp Creation (Static and Interactivity)

• Create high res gifs for key UX behaviors/transitions not possible with "Principal for Mac,"

• Prioritize UI and UX problems to fix, iterate on designs, conduct more user testing.

Scrolling User Profile Pictures A/B Testing:

5

STEP FIVE: User Testing

• Utilize (remote) "live recordings" and surveys to initiate qualitative user testing, 

5

bottom of page
Counsling
Media
Legislation & Lobby
Contact