Vitroprobe

Creating a brand guide and webdesign for Vitroprobe

Role

UX/UI Design, Visual identity, Motion design

Tools

Figma, Wordpress, AE, AI

Team

Dina Garis, Carl Weigert, Peter Jansson

Brief

School group-project collaboration with Chalmers Ventures where Vitroprobe was our client. Vitroprobe is a startup focused on atomic-scale biomolecular analysis to improve pharmaceutical drug design. Our assignment was to produce their brand identity, a brand guideline and creating a website that clearly showcases their technology and research innovations.

Brief

Process

We created and presented different wireframes and stylescapes in Figma, to understand what would suit their brand best. Together with the client, we agreed to adopt a basic, research-inspired style with high recognizability to effectively represent the company. We chose to do this by firstly using a classic, calm blue color scheme. We chose an orange accent color to include a new and innovative feeling to the site - which reflects the innovative work they stand for. Also we used a user friendly sans seriff typography and organized elements on the website to ensure easy navigation.

The client wanted a more vibrant and engaging feel for their website that effectively showcases their work. To achieve this, we incorporated 3D molecular elements and dynamic charts.

Reflections

This project presented an excellent opportunity to practice UX/UI design principles in a real-world environment. It required me to think creatively to meet client needs and preferences, thereby enhancing my skills in research, design, and collaboration.

Along the way, we encountered various challenges that needed to be addressed, such as modifying designs to better align with client feedback and problems with Wordpress such as responsive design and plug-ins. Countering these problems and finding solutions helped me develop problem-solving abilities.