Dr. Wentz

Dr. Wentz website

Overview

The Dr. Wentz's website provides users with information about his latest and most recent accomplishments in science, medicine, and humanitarian work.

my role
I was the primary designer from start to finish: discovery, design, development, usability, testing, prototyping, and ongoing support.

Objectives & Goals

The Dr. Wentz website was created to highlight USANA founder Dr. Myron Wentz's life, career, and accomplishments.

The website was launched nearly 6 years ago, and over time it became out of date, both visually and functionally, and updates were difficult due to the platform on which it was built. As a result, a redesign or realignment was necessary.

The first and most important goal of the Dr. Wentz website redesign was to provide a more complete and up-to-date account of his achievements as a scientist, humanitarian, visionary, and author.

Several additional objectives or secondary goals were set for Dr. Wentz's site, including improving accessibility via mobile devices, improving SEO, and better reflecting USANA brand standards.

Stakeholder buy-in

Dr. Wentz's personal assistant contacted us about redesigning the website and informed us that they would be the project's point of contact.

Dr. Went's assistant was excellent at answering all of our questions and providing us with all of the resources we required throughout the duration of the project. They also communicated regularly with Dr. Wentz, informing him of the project's progress and obtaining his approval.

Website Audit & Review

The first step was to conduct a thorough audit of the current website in order to determine which elements we should keep and which ones should be retired.

During the audit of the existing site, we were able to refine our understanding and exploration of the story and outcome we wanted to tell with this extensive redesign.

In addition to typography, color, graphics, and other aspects of the site, the audit examined the website's usability.

After conducting the audit, we learned that in addition to redesigning website, a new brand would be required, which included a word-mark, a color scheme, and typography.

We then collaborated with our graphic design team to create a brand, while our UX team defined a color scheme and a font. The primary colors we chose were blues and greens, which represent health and wellness. We chose a sans-serif and a serif font combination for Typography.

Design & Implementation

With a font, color, and brand established, we began work on the website. Before putting pen to paper, we wanted to understand and map out the potential user journey to the Dr. Wentz website. To accomplish this, we created user flows that depict how a visitor to the website would access content.

Creating user flows, which we also reviewed with the client, allowed us to visualize a potential customer's entire experience and identify any concerns or gaps in our process.

The next step in our design process was to create block and wireframes. We were able to design, layout, and tell the "story" of the site without having to worry about color or imagery by creating these important assets first.

These were then presented to the client, who received an explanation of our methodology and help in understanding why we were taking the necessary steps to develop the client's website. The client was able to see how the website's content would be organized and whether it satisfied their requirements for getting the right content to their users.

After the wireframes were approved by the client, we moved on to creating high fidelity mockups, where we began to add color and imagery. Using core design principles such as contrast, space, and hierarchy, we were able to explore and implement a design that was accessible to all users during this phase. Following and adhering to Good Design principles is the first step toward having a good, if not great, user interface.

Having finished the final high fidelity mockup and having it universally approved by the client, we developed the design for the web.

We decided to build the website with Webflow, an online web builder. Webflow allowed us to not only easily design the site without a dedicated IT team, but also provided a CMS tool that made it simple for the admin/client to make changes to their site.

Building the website in Webflow took about a week. Throughout the development process, we communicated and tested the site with the client on a regular basis to show the site's progress and to test the site for any bugs or errors.

wireframe-mobile
wireframe-mobile
wireframe-mobile
home-wire-tablet
visionary-wire-tablet
author-tablet-wire
home-wire
visionary-wire
author-wire
home-mobile
visionary-tablet
humanitarian-mobile
home-tablet
visionary-tablet
author-tablet
home-desk
visionary-desk
author-desk

Management & Maintenance

We officially launched the site after it was built and approved by the client. Additionally, we provided the client with training on website editing procedures.

We've been in touch with the client ever since the project's launch, and we've updated and changed things as they've asked.

The website lived up to the client's expectations because it accurately and honestly described Dr. Wentz's life and accomplishments.

Conclusion

The client enthusiastically embraced the design direction we suggested as a solution, so the redesign of the Dr. Wentz website can be viewed as a success. The website was simple to navigate, relatable, and accessible. Most importantly, it provided Dr. Wentz with the narrative he desired. Dr. Wentz wanted a website that showcased his accomplishments as a Scientist, Humanist, Visionary, and Author, and he felt that his website did just that.

arrow