Website for The JI

JI-logo_Revised_white +

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.


  • 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.

What They're Saying

“Graphic Design is visual problem solving. You have to wear multiple hats to see all possible perspectives. One design can look beautiful while another works great, the magic happens when it works beautifully.”

Jordan Siefer

Creative Director, Cypress North

“We understand the complicated choice a client has to make, and if they are willing to bring us in, it is our mission to better understand their goals, clearly describe how we can help, and take the optimal route forward.”

Jon Nalewajek

Senior Software Engineer, Cypress North

“There are infinite ways to accomplish the same task. We figure out the one that is going to have the longest lasting value, be maintainable, and prop up that effort for the longest period of time.”

Matthew Mombrea

CTO / Partner, Cypress North

“Digital strategy is a living, breathing thing. Consistent, open communication and ongoing analysis are essential to refining campaigns and building on success.”

Jessica Budde

Vice President, Marketing Operations & Client Services, Cypress North

Meet the project leads

Related Work