Promise is a prostate cancer registry for patients participating in a research study, aiming to learn how genetic differences can affect patient outcomes.
Our agency did the initial branding for the registry, including a multi-tab navigation website. My main contribution was the User Interface for the website.
Given initial branding, including logos, colors, and fonts, I took the wireframes from our UX team and built out the complete UI experience.
You can see the full website here.
To introduce the hero video on the homepage, we proposed and implemented a load animation, introducing the main headline, which then expands into a full bleed video.
Other functionality features included an expanding FAQs menu page, custom icons, and defined hover animations for navigation tabs and CTA buttons.
Below shows the full transformation from wireframes to UI designs.
We also built the screens to be responsive, thinking in mobile view and how the designs would translate for different screens.
Here are some examples of the mobile UI screens.
