Jurven Ameerun

Product Designer

NoCoder

Jurven Ameerun

Product Designer

NoCoder

Jurven Ameerun

Product Designer

NoCoder

Program Business Transformation & Insights

Program Business

Transformation & Insights

AARP Foundation

Role

Product Designer

Industry

Nonprofit

Platform

AARP Foundation

Tools

Figma

About

Project Overview

We are set to assess the AARP Foundation website's homepage, both in its current state and its future vision. These evaluations will inform the development of digital experiences that prioritize efficiency, intuition, and user-friendliness.
Our mission is to craft seamless, intuitive, and accessible experiences across various touchpoint, aligning with customers' expectations for digital interactions that are efficient and easy to use.

We believe that a great experience:

Is aligned to a user’s needs
Makes solutions optimized and usable
Makes information findable
Establish a strategy for program management transformation

Is aligned to a user’s needs
Makes solutions optimized and usable
Makes information findable
Establish a strategy for program
management transformation

Is aligned to a user’s needs
Makes solutions optimized and usable
Makes information findable
Establish a strategy for
program management transformation

Is aligned to a user’s needs
Makes solutions optimized and usable
Makes information findable
Establish a strategy for program management transformation

Is aligned to a user’s needs
Makes solutions optimized
and usable
Makes information findable
Establish a strategy for program management transformation

Can be measured
Enables continuous improvement
Define and implement an enterprice-wide Foundation participant experience

Can be measured
Enables continuous improvement
Define and implement an enterprice-wide
Foundation participant experience

Can be measured
Enables continuous improvement
Define and implement an enterprice-wide
Foundation participant experience

Can be measured
Enables continuous improvement
Define and implement an enterprice-wide Foundation participant experience

The Approach

Focus on The User

The overall purpose of user research is to find opportunities that will improve the product. During the UX design process designers will produce a wide variety of artifacts and project deliverables as part of our UX Methodology. The 3 main phases will consist of user research, synthesizing of acquired data, and prototyping of the product for user feedback and validation.

Challenges

Navication

Navigation is one of the most important interface elements that users use to get to the content they need; it usually consists of four common areas:

Universal Navigation

Visible to all the audiences of the website and points to the main areas, pages such as Home, Contact Us.

Main Navigation

Provides access to the most pertaining areas for a specific audience/user group. Example: Courses, Tuition.

Service Navigation

Adds quick and easy access to essential functionality such as Login, Signup.

Footer Navigation

Extends the main navigation and adds the option to show sitemap, legal and compliance information, and social media links

The Target Audience

The AARP Foundation is committed to enhancing its ability to fulfill its mission of serving individuals aged 50 and above, particularly those with lower incomes, through a digital transformation initiative. As a crucial step in improving the overall participant experience and program management operations, Salesforce has played a pivotal role in assisting the AARP Foundation. Salesforce has been instrumental in optimizing the AARP Foundation's Salesforce Service Cloud. This involved transitioning the platform to the contemporary Lightning UI, establishing virtual workshops and messaging capabilities to replace in-person interactions during the COVID-19 pandemic, and seamlessly migrating extensive third-party
data sets into the system.

Heuristic Evaluation Current State

Need consistency in column size and width
Consistency in font , size and color
Place contact information in footer section

Need consistency in column size and width
Consistency in font , size and color
Place contact information in footer section

Give users guidance by adding color to the navigation tab bar
Change header size, title & paragraph.
Hyperlinks are not clear there is no clear Call to Action for user to apply

Give users guidance by adding color to the navigation tab bar
Change header size, title & paragraph.
Hyperlinks are not clear there is no clear Call to Action for user to apply

Future State UI Design

After concluding the heuristic evaluation, I prepared a presentation report for the business to spotlight the existing website's challenges, issues with UI interface flows, and elements that lacked user-friendliness. I developed future-state mockups for the AARP Foundation's homepage, building upon insights from the heuristic evaluation. These mockups aimed to enhance intuitiveness for their specific audience and revamp the page's UI structure to foster increased
engagement and knowledge sharing.

UI Layout, Guidance to Success

"I streamlined the UI layout by organizing the page into components that guide users through the website. To provide clearer guidance on prioritized information, I introduced prominent headers and   sub-headers. Additionally, I expanded relevant textual content while minimizing less important details and incorporated action-oriented buttons for effective call-to-action prompts

Implementing New
UI Futures

I implemented a Helpdesk feature designed to assist users with straightforward questions. Our aim was to encourage users to empower themselves in seeking information and simultaneously reduce the volume of phone inquiries handled by the Helpdesk department.

How The User Interact With The Pages

We gathered valuable insights through interviews with the business, revealing that users aged 50+ faced challenges in comprehending information and navigating the AARP Foundation website, particularly when it came to handling inquiries or completing forms. In response,