top of page
(Home Page Redesign)

Original Home Page

PATRIC Old.jpg

Redesigned Home Page
(Link to Website)

New Home Page.png

Project Plan


Guidelines for Home Page Design

•Make the site’s purpose clear: Explain who you are and what you do

•Help users find what they need

•Reveal site content

•Use visual design to enhance, not define, interaction design

Obtained from:

Google Analytics


  • Which web links are users clicking on?

  • What is the difference in clicking behavior between new users and returning users?

  • Are there any low-value links that are drawing too many clicks?

Google Analytics_1.png

Links Most Frequently Accessed from the Home Page

Google Analytics_2.png

Stakeholder- and User-Interviews


Based on preliminary insights from Google Analytics and Home Page Guidelines, I surveyed/interviewed stakeholders and users about the following general issues


  • Unique selling points (USP's) and strengths of the product (PATRIC)

  • ​Current and target users of PATRIC​​

  • Top 5 activities that users should be able to do on the Home Page

  • Long-term goals of PATRIC


  • General usage and most common tasks they currently perform

  • Unfamiliar terminology and jargon on the Home Page

  • Searching behavior on website - what, why, how?

General Insights

  • The purpose of the website was not entirely clear from a first glance at the Home Page

  • Multiple links/buttons misinformed the user on what they would do when clicked

  • There was use of non-standard terminology and jargon, as well as inconsistency in the terminology used to represent the same concept

  • Some visual icons were too generic, and did not necessarily represent the correct information

Interface Insights.JPG

Design Charrette


To initiate the process of designing a new Home Page, I organized and moderated a Design Charrette with the stakeholders (project manager, domain scientists, and software developers).

The following design prompts were provided:

  • "Design a Home Page that clearly communicates the purpose and benefits of PATRIC quickly to new users, and provides faster workflows for current users"

  • "Design a Home Page that communicates that PATRIC is an integrated resource and one-stop shop of bacterial data and tools.” (your ecosystem/home for your data/your workbench)

  • "Design a Home Page that eliminates unnecessary links and emphasizes those that are frequently used"

Charrette Responses.png

PowerPoint Mockup

My PPT Design.JPG

Graphic Designs

I collaborated with the a Graphic Designer to transform the PowerPoint mockups into higher-fidelity designs using Adobe Photoshop


New Home Page

The user-interface developers on the team created the new Home Page based on our graphic designs.

New Home Page.png

Next Steps..

Heuristic Evaluations and interaction design on New Home Page

bottom of page