Biogen

Biogen is a leading biotechnology company at the forefront of healthcare innovation They are driving significant changes by prioritizing user support through efficient solutions and modern design approaches.

Project Type

Constructed design compositions from wireframes by utilizing the current design kit and generated new components when required.

Audience

Internal users of Biogen

My Role

Visual Designer

Tools

Figma

Contribution

User Research
Ideation
High-fidelity Prototype

Duration

1 Sprint (1 month)

How can Biogen modernize its platform to maximize user efficiency, integrating cutting-edge design elements and functionalities to significantly enhance user experience, streamline processes, and drive increased user engagement within the biotechnology landscape?

Research

During the research process for Biogen, we identified that the Touch On-line home page, a dashboard for internal users, was significantly outdated. Recognizing the importance of user experience, we aimed to avoid overwhelming users with overly complex designs for this update. We strategically opted for a simplicity-driven approach while updating the design, prioritizing clarity and ease of use to ensure a seamless and user-friendly interface.

Key Findings

  • Outdated Design

    • Visually antiquated layout and aesthetics

    • Inefficient use of screen space, especially on mobile devices

  • Data Overload

    • Abundance of data tables causing cluster

    • Overwhelming amount of information to display on smaller screens

  • Action Overload

    • Numerous actions and information needing visibility

    • Challenge in accommodating multiple functionalities on limited mobile space

  • Poor Mobile Adaptation

    • Lack of optimization for smaller screens

    • Difficulty in presenting comprehensive information and actions effectively on mobile devices

  • Simplification and Prioritization Needed

    • Necessity to simplify design without compromising vital data

    • Emphasis on prioritizing crucial actions and information for mobile users

Design Iteration

In addressing Biogen's interface challenges, our team embarked on creating a versatile table component. Prioritizing accessibility and mobile compatibility, we reimagined the design to ensure seamless functionality across devices. Our UX designers initiated the process by crafting an interface tailored for standard desktop dimensions. Subsequently, they meticulously adapted and simplified each essential component to suit responsive sizes, ensuring a smooth transition to mobile devices. The resulting table component not only maintains accessibility but also streamlines vital information and actions, guaranteeing a user-friendly experience on various screen sizes.

I supported the wire-framing process by enriching the UX designers' wireframes with visual content. By integrating visuals like images, icons, and placeholders, I ensured a more comprehensive representation of the intended design direction. This visual augmentation helped to convey the aesthetic and functional aspects of the interface, providing a clearer understanding of the final product's look and feel.

Conclusion

Research played a pivotal role in shaping the comprehensive redesign for Biogen's user interface, bridging the considerable gap between the outdated system and the modernized user experience. The transition required careful examination of user needs, technological constraints, and security considerations, making the research phase integral to our success. Given the sensitivity of the project, details are limited, but the insights gained were instrumental in crafting informed and secure design solutions, ensuring a seamless evolution toward a more contemporary and user-centric interface.