No Place Like Home

I participated the 2015 San Francisco Developer Week Hackathon (my first hackathon ever) - and my team won 3rd place out of 100 teams and +550 participants. This event was "open," meaning participants could build whatever they wanted, or pick a challenge from a sponsor. Wanting to design for social good, I tackled SAP's challenge, and formed a team with 5 others who wanted to do the same. 

Design Challenge: How might we strengthen renters’ rights by connecting renters with the City of San Francisco?

My role & timing: I was the only designer, responsible for our product's experience (mockups, wireframes, testing, visual design). As a team, we narrowed into the product's focus. This was started and completed within a 30 hour window.

Process: Research, personas, narrowing the focus, brainstorm, sketching, wireframing, visual design 

  • Hypothesis: If we provide renters with the value they can expect to negotiate for a buyout, and the information on how far that money can last them post-buyout, we will increase the confidence of renters and fairness of the buyout.  

Result: Team "No Place Like Home" won 3rd place 100 teams and +550 participants. Coverage and mention in Huffington Post (huzzah!)

Twitter Callout No Place Like Home

Onto the process!

Team No Place Like Home
 
Problem Statement
Problem exploration and research.jpg
research qs
Flow exploration
 
Explore design.jpg
more design concepts
narrowed design

Team No Place Like Home forms & begins research

 

The problem:

  • Landlords are incentivised to evict rent-controlled tennants due to San Francisco's skyrocketing rents, and often try to do so through buyouts (they're cheaper and more efficient alternatives to the Ellis Act and owner move-in evictions)
  • Landlords are known to use unsavory tactics to rid themselves of low-profit tennants: undercutting buyouts, threats, and misinformation
  • Those facing buyouts lack information to understand if they're receiving a fair deal, and how this would impact their housing future. This leaves tennants scared, and unprepared for their future living situation and livelihood
 

Opportunity identified:

  • Arm renters who are facing buyouts with information to help them understand if they're getting a good deal, and what they should keep in mind if they accept the buyout
  • This won't solve the issues regarding buyouts & evictions in San Francisco, but takes a step in empowering renters with the confidence they need to make the right decision
 

After focusing the idea, we explored ways to design "No Place Like Home"

 

Scrappy wireframes were our BFFs.

 

dfas

 
Final Landing Page buyout.png

Designs quickly made for developers

 
page 3 no place like home
 

Next steps: The team bonded over this hackathon, and we decided to continuing to build and iterate the site and service. You can see it live,http://www.noplacelikehome.co , and we will continue to test and improve the site. 

LinkedIn Interview Design Challenge

During a UX interview with LinkedIn, I was given a design challenge regarding "Passive Candidates," those who are not actively looking for a job, and helping recruiters engage those candidates.

Design Challenge: How might LinkedIn present job opportunities to passive candidates and get them to respond with an interest to learn more? 

My role & timing: I designed and executed this entire project in 5 days.

Process: 

  • Steps taken: Customer interviews & research, journey map, personas, scenarios & storyboards, flow diagram, brainstorm, sketching & testing wireframes, paper prototyping & testing, visual design & testing
  • Opportunity identified: LinkedIn does a great job helping recruiters find candidates based on facts... e.g. years of experience, job title, etc. However, it doesn't help them understand candidates' personal goals and motivations, the Holy Grail of candidate information
  • Hypothesis: If recruiters understand candidates' motivations and have the ability to quickly connect with them based on those "dreams," recruiters will have 3x more success in getting responses from passive candidates than if they didn't

The final design: A new feature within LinkedIn which collects "dream" information (e.g. what they're looking for in future opportunities) from its members. This allows recruiters to target candidates who fit the job profile AND who's motivations align with the job.

  • Design constraints: LinkedIn's design pattern; 5 day turnaround

LI_Final_Visual_Design

Selected Final Designs:

Mobile 

 

 

Web

Onto the process: 

Customer interviews

Journey mapping

Brainstorms

Persona Pspectrums 

3 personas.png

Personas

flow.png

Scenarios

User flow diagrams

wireframes.png

Sketches

paper prototype
mobile email LinkedIn

More sketches

Paper prototypes

iOS7 mobile app

Visual Design

Mobile

linkedin proposed design

Web

 

If you're curious to know, I didn't get the job. The team loved the process, idea, and overall design, but said they wanted someone with more visual design experience. I'll have to say that the LinkedIn interview process and entire team was great, and appreciated the opportunity. I learned more than I imagined I would about recruiters & "passive candidates" and am sure that info will come in handy soon enough. 

 

Foodie Friends:

This is a passion project, where I wanted to find a way to bring two things I love together - food and local small businesses. I wanted to find a way to help small businesses (especially places like restaurants & cafés) build stronger relationships with their customers. 

Design Challenge: How might we help local restaurant & café owners build strong and lasting relationships with their local clientele?

My role: Researcher, user experience designer, prototyper, writer, coffee drinker. 

Process: 

  • Steps taken: Customer interviews & research, journey map, personas, moodboard, scenarios & storyboards, flow diagram, brainstorm, sketching & testing wireframes, paper prototyping & testing, visual design & testing
  • Opportunity identified: Many small businesses business owners miss opportunities to fix issues with their restaurant/café becasue they are unaware of issues which can be resolved (e.g. one particular poor server, changes in quality of food craftsmanship) - and as a result, lose their customers to competitors
  • Hypothesis:  If we make it easy for restaurant & café customer to provide immediate feedback to the business owner (or relevant person at the company), the customer will be 3x more likely to return to the business

The final design:  An iPhone app which makes it easy for customers of small businesses restaurants & cafés to provide feedback to the owners. 

  • Design constraints:  Start with iPhone first, then expand to Android

The process:


User flows b.png
FoodieFriends_Flow_Diagram
 

Information Architecture

 

Flow Diagrams

  • How users find business to provide feedback for
  • How a user would continue a conversation they previously started 
 

Flow Diagram continued

  • How a customer reviews and edits her profile

Sketches

Some of the sketches used to brainstorm and iterate the designs. 

 

Also used post-its to develop paper prototpes & tested with small business  customers using POP App. 

 

 

 
 

Wireframes


Visual Design

Some screens showing how a customer would engage a small business


Next steps: Continue to test and iterate the design, then build for Android.