Website for The JI
Project Goals
The Jacobs Institute is a not-for-profit innovation center focused on developing medical technology to revolutionize treatment for vascular diseases. They reached out to us for help designing and developing a new website to better represent their organization and mission.
It was important for the new site to convey a not-for-profit look and feel, while putting a focus on innovation. The Jacobs Institute wanted to boost brand recognition, attract donors, and encourage people to reach out with ideas for new vascular devices.
Our goal was to design a site that felt similar to the Jacobs Institute building: Busy, smart, fast-moving, collaborative, clean, and cutting-edge. We needed the site to visually and structurally represent the organization’s mission and properly tell their story.
The site we designed also had to work for both users and the Jacobs Institute. We wanted to create a site that would guide users to relevant services and capabilities, offering a user-friendly experience, but also one that would be easy for our client to update and manage.
Solutions/Deliverables
- Animation
- illustration
- Strategy & Positioning
- UI/UX Design
- Web Development
The Jacobs Institute
UI/UX Design
The new UI/UX design we settled on for the Jacobs Institute refocused the brand initiative. We made sure to highlight the organization’s I2R (idea to reality) center, product development, clinical trainings, and education programs.
View Website
Custom Illustration & Animation
Our creative team designed a custom illustration and animation that came from an original hand drawing on a napkin. The drawing was made in the beginning stages of planning the Jacob’s Institute’s one-of-a-kind building layout. Our team took the original drawing, generated an illustrative interpretation of it, and turned it into an animation for the new website.
Strategy & Positioning Document
We put together a strategy and positioning document to keep the goals we set at the forefront of our minds throughout the project. The document helped guide each decision we made throughout the process, keeping the client and target audience in focus.
Our positioning document included:
- Industry, segments, & trends
- Users, personas, & their journeys
- The Jacob’s Institute’s core offerings & value
- Our core promise
- Website goals
Design Direction Document
In addition to the strategy and positioning document, we also compiled a design direction document that outlined the proposed anatomy of the new website. The document laid out the digital design system for the site, including its logo system, color palette, font, content, and more.