top of page

LA Aging

Screen Shot 2019-10-15 at 1.49_edited.jp

Brief:

The city of Los Angeles Department of Aging provides community-based services to seniors and their caregivers to ensure the highest quality of life and to provide seniors with community-based activities.

Role: UX/UI Designer & Researcher

Platform: Desktop 

Challenge:

The Department of Aging’s website has rich content that, if presented in a more efficient format, can help our senior citizens and their caregivers quickly access valuable data about the services and benefits the City has to offer. There were several challenges we wanted to address that included:

• Outdated Visual Design

• Broken Links and Stale Data

• Confusing Navigation (Repeated Data, Wrong Labels, Hard-to-use Forms) 

Mission:

  • To re-design the Aging website to help users quickly and intuitively navigate the site and access desired information.

  • Make the interface more pleasant and welcoming to encourage repeat visits and engagement.

Screen Shot 2019-10-16 at 12.29.20 PM.pn

New Design: High quality of Mockup

1.0 Homepage.png
2.0 H&S.png
4.0 About.png
5.0 Contact.png

Re-Design Process:

1- Heuristic Evaluation: A heuristic evaluation is a usability inspection method for computer software that helps to identify usability problems in the user interface (UI) design. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2: Competitive Analysis 

  • Understand the general landscape in which our product will compete

  • Compare our product’s unique qualities against the competition

  • Identify possible user types

  • Compare visual and language styles

Screen Shot 2019-10-16 at 12.22.50 PM.pn
Screen Shot 2019-10-16 at 12.23.01 PM.pn

3-Google Analytics:

After doing market research and content audit of the website, the Audience insights on Google Analytics was the best way to know our persona in this project. It is a comprehensive breakdown and helps us with who our user is. It provides details such as demographics, interests, location, which device they use, frequency of usage, and time of most engagement.

Screen Shot 2019-10-16 at 1.28.23 PM.png
Screen Shot 2019-10-22 at 1.01.42 PM.png

 4-Card Sorting Exercise with the Steak-holders

After we organized the foundation of the interface we found some inefficiencies that we wanted to restructure the site to improve navigation and allow for more efficient navigation. This was achieved by decluttering the site and creating a clean organized and modern interface. This was specifically achieved by categorizing the tabs into more lamen terms language that would make it easier for users' to navigate. 

Screen Shot 2019-10-22 at 3.57.58 PM.png
Screen Shot 2019-10-22 at 3.58.04 PM.png

 5-Hi-Fidelity Mockups & Clickable Prototype:

We had numerous revisions to achieve the interface we were finally content with. We conducted marketing research to create a final design that was more efficient to use. We used Sketch to create the mockups for the interface including the labels, photos, and overall new design. Marvel was used for the clickable prototype. 

 

Old design. vs New design

Screen Shot 2019-10-23 at 12.44.05 PM.pn

This project, http://aging.lacity.org/  , has been created but will launch in 2020.

           

bottom of page