GP

The Grandpa Project (TGP) is a one-person non-profit whose vision is to inspire men to consider their mortality, commit to their health and wellness, and to spend time creating a legacy of memories for their grandchildren. Thegrandpaproject.com launched in Feb 2018 to help accommodate the vision of the program.

CHALLENGE

How can we help grandpas leave a lasting legacy for their grandchildren and to consider a commitment to building a healthier lifestyle?

As part of my SVC capstone class, I worked with one other UX designer to redesign the website for thegrandpaproject.com. By the end of the 10-week project, I had re-designed the Grandpa Project home page and came up with a new “Tell Your Story” submission page.

ROLE
Interaction Designer
Visual Design
Wireframing
Prototyping

TIMELINE - 10 Weeks / TEAM - 2 Designers

TOOLS - Sketch, InVision, Principle, Photoshop, Grammarly

CURRENT SITE

The clients request was to explore user experience improvements and to add new dimensions of engagement over time. By completing a heuristics analysis, I found many pain points throughout the site. The most complex problem was that the homepage isn't clear about what the site and business offers. The homepage also lacked information hierarchy and architecture.

In efforts to streamline data collection for the “Tell Your Story” page, I developed a form for TGP’s current website. The form aggregates content submissions into a simplified collection instance. Gathering this content had become an issue, as the current content collection method happened via email. Grandpas are now able to add comments, stories, photos, and other forms of consumer-generated content into one collection. As a result, TGP can sort through submissions and easily select feature content to further engage with customers.

THE PROCESS

The client also needed to gain more engagement over time, so we had to come up with ways to keep users interested on the site. I also had other questions for users, such as financial compensation for the program, social media, and other engagement.

IDEATING THE SOLUTION

My teammate and I each chose different sections of the site as our focal point. I was in charge of the home page and the story submission section. I started the sketching stage of the process, then we discussed our design ideas.

WIREFRAMES

I created low fidelity wireframes with the following features:

• A button option to link the digital video messaging recorder page on the top left corner of the page.

• "Enlarge Text Size" feature on the top for accessibility.

• The "Submit Your Story" screen has an attached button feature for pictures.

PROTOTYPING & TESTING

The current site has a dated look, so I decided to go with a clean and more modern design. Users had a hard time with the picture slide header and preferred less movement. I added a still header pic with no motion. Since sections of the site mention leaving a legacy after grandpa’s have deceased, I decided to use happy colors and pictures for the site to have more of an happy vibe.

In the final prototype I was able to make a few UI changes and switched the name “Voice Locker” to "Digital Capsule" as users didn’t understand what a voice locker meant. I added a "Resources" section for blogs, reading material, and other useful information for Grandpa’s. There's now a social media feature at the bottom of the page displaying user comments.

The "Tell Your Story" page has options for users to attach pictures, videos, or handwritten letters. There's also a disclaimer stating that “submitted stories may be posted publicly on the site”.