PhagoSense Hero

PhagoSense

Embark on the cutting-edge of Autophagy Analysis: Providing unmatched accuracy, seamless precision, and uniquely quantified autophagic flux—simplifying autophagy analysis.

Objective

Create an intuitive and interactive interface to educate users and facilitate the process that users need to take in order to complete their experiments and get accurate data.

Goal

Our aim is to deliver a world-class experience for users engaging with PhagoSense, prioritizing a user-friendly interface with clear guidelines for performaing complex tasks while the experiement is in progress.

Challenge

Streamlining and simplyfing access to all necessary detailed and scientific information, while empowering users to delve deeper into the data to extract enhanced insights from the results that the experiments yield.

Implementation

To simplify the navigation of the system and guide users through complex experiments, we began by clarifying the important steps in the hierarchy of information. We also established consistent terminology to describe controls across the platform. Additionally, we implemented a design system to style the various levels and types of information, as well as input buttons and fields. To help users orient themselves throughout their journey, we incorporated breadcrumbs into the design, as well as utilised illustrations to visually guide the user through all steps.

Pain Points

Lengthy and Complex Experiment

Some users may still find the platform complex, particularly when completing the steps for the experiment. This complexity could deter users from fully engaging with the platform and may result in frustration or abandonment of participation. A solution for this would be a detailed tutorial covering the onboarding and use of the system which will be developed further down the line.

Design System

A fundamental aspect of the design process entailed developing the design system for PhagoSense. This involved elaborating on the existing brand identity, as well as systematically identifying and organising UI patterns across the platform to improve scalability and accessibility. The colour palette is clean and minimal, with the typographic palette primarily.

PhagoSense Design System

Architecture Information

A fundamental aspect of the design process entailed developing the design system for PhagoSense. This involved elaborating on the existing brand identity, as well as systematically identifying and organising UI patterns across the platform to improve scalability and accessibility. The colour palette is clean and minimal, with the typographic palette primarily. We made use isometric illustrations—two-dimensional figures with a three-dimensional appearance—to add depth and emphasis to app and web graphics, enhancing user experience and engagement.

Illustration

We made use isometric illustrations—two-dimensional figures with a three-dimensional appearance—to add depth and emphasis to app and web graphics, enhancing user experience and engagement.

PhagoSense Illustrations
PhagoSense Illustrations
PhagoSense Illustrations

Wireframes

After conducting research and gathering insights we designed low-fidelity wireframes.

PhagoSense Illustrations

High Fidelity Designs

After conducting research and gathering insights we designed low-fidelity wireframes.

PhagoSense Illustrations

Results

The ultimate designs feature fresh, clean, and minimal screens, facilitating the swift and efficient relay of crucial information to users, thereby assisting them in completing tasks promptly. The end result ensures the system's intuitiveness for all users.

Travelwins Result

Want to get in touch?

Interested in becoming a partner or learning more about our offerings?
Are you ready to get started?

Connect With Us