top of page

URBAN TURF

Hyperlocal News App

What is Urban Turf?

The Urban Turf app is an off-shoot of the Washington D.C. based hyperlocal news publication. The CEO of Urban Turf approached us to design a hyperlocal news app to inform potential real estate buyers.

bf424e_ae98739397594ae38bbe74cd951d973f.
Mountain Climber

The Challenge

A user needs to get a sense of a neighborhood over time to decide if it is the neighborhood where they want to buy property. The user also wants to quickly consume the most relevant content about a particular area.

The Outcome

A news feed of hyperlocal news stories is populated based on a defined area. From an individual article, a user can access similar news stories that were written about the same location. The user can access stories from the past to see how an area has changed over time. The user can save the written, or audio version of the story. 

bf424e_08d8e078433945e2b32fabc911c69cc6.
ux Graphic designer creative  sketch pla

My Role

UX Researcher, UX Designer, Interaction Designer

Tools Used

Sketch, Invision. Lookback, Mindjet

Whiteboards, sketchbook, post-it notes

Design Creative Inspiration Ideas Concep

UX Research Methods

We employed several UX research methodologies, including google analytics, interviews, surveys, affinity mapping, personas, journey mapping, and contextual inquiry.

After synthesizing our research results, we could identify the main problem our users faced. We could move on to generating ideas on how to solve this problem.

bf424e_86d09b1e65194029b8ceddb3b0ab118c.
bf424e_0984fb83d74241f180a56f4f076ee2c4.
bf424e_fac30a06940f4820930aaa25f63b4e9a.

Information Architecture

I continuously updated the app architecture of the Fuse product. 

This is a map I made of the app architecture 

bf424e_578627a258304829a187066773f758e5.

Ideation, A Design Studio, and Rapid Prototyping

We began ideating for possible interactions. This was the most fun part of the entire process for me! We conducted a design studio with our client.

 

Once we had generated many ideas to solve the user's problem, we made a series of rapid paper prototypes and did user testing to figure out which ideas worked/ were feasible given the time allotted. 

bf424e_75b0be1824ca452a8d30e7d2eb1fc3ef.
bf424e_1e8bddfddba84f7fa0ced70f2e1f0292.
bf424e_4f3a30a563e344ba83f02792feec516f.
bf424e_324f4667cfc24e73996bdd46a8bd0bd9.

User Testing

​

We tested the paper prototypes to gain insights into the overall flow of the app as well as certain interactions

Wireframing

We wireframed the entire Urban Turf app. After we had a digital prototype of the app with Invision, we were able to use Lookback to conduct further user testing.

 

 

​

bf424e_836eedf8494f45988721141c100737dd.
bf424e_7b6b818515b840d0a616d3df5693e0ca.
bf424e_71bfa8207c3841f38577e7849c659f7c.
bf424e_18a46b6a151246e086a8b402bb6f10aa.
bf424e_8f4c1726d8ec4da6af910fbd85526e50.
bf424e_2a578187f2914cc58425effaf53e6edb.

Conclusion and Next Steps

Designing the Urban Turf App allowed me to exercise my UX Research, UX Design, and most importantly, my Interaction Design skills! 

 

This project allowed me to be truly innovative in terms of understanding the delicate balance between ideation and practicality.

bf424e_3c6930d729ca422b83c06dec3ac7c96d.

© 2019 by Claire Furness

CF_logo.png
bottom of page