User Experience Design

Hometown Logo

My roles in the project were both user experience and visual design.

Deliverables for this project included user research, stakeholder and user interviews, competitive audit, requirement document, and functional specifications, among others. Data collected, requirements, and specifications are showcased in the case documents.

For additional samples of this or other UX projects, please contact me.


CLIENT
National League of Cities (NLC), dedicated to helping city leaders build better communities. They work together with 49 state municipal leagues, and advocate for the more than 19,000 cities, villages and towns it represents.

PRODUCT
A social/community website structured like the virtual parallel of an all-American town. The use is to publish announcements, gather opinions, disseminate information, engage the common villager, it would be like the virtual page to access all of the communities services websites.

STAKEHOLDERS AND NEEDS
The stakeholders are National League of Cities (NLC) and the local village governing board. Local government and business support organizations and official need to attenuate the effect of the Internet phenomenon in small towns.

USERS AND NEEDS
The local village/town residents and their families need reliable local content that is not outdated. A local community website that will make them feel relevant, less anonymous. They want to take advantage of the internet at a local level enjoying real benefits.

SUCCESS MEASURE —Key performance indicators
Active users/Registration – 30% resident registration during the first month.

Content – 70% local businesses with active presence in the website pre launch. All current village official date content up and updated pre launch.

Subscriptions – 30% resident with active subscriptions during the first month.


DOCUMENTS


Introduction

UX Hometown 1
  ∧  


Value Proposition

UX Hometown 2

  ∧  


User Personas

UX Hometown 3   ∧  


Experience Design

UX Hometown 4
UX Hometown 5
UX Hometown 6
  ∧  


Experience Map

UX Hometown 7
  ∧  


Landing Page

UX Hometown Landing Page


  ∧  

Site Map

UX Site Map   ∧  



Processes Flow Diagram

UX Flow Process Diagram   ∧  


Processes Flow Detail

UX Flow Process Detail




Wireframes

UX Wireframes 1
UX Wireframes 2
UX Wireframes 4   ∧  



Sample Changing States

UX Change States UX Change States   ∧  

Sample Navigation Path

UX Navigation Path 1 UX Navigation Path 2 UX Navigation Path 3 UX Navigation Path 4 UX Navigation Path 5 UX Navigation Path 6   ∧  



Sample Annotated Wireframe

UX Annotated Wireframes 1