Wellell Website

Project

Official Website for Medical Device Manufacturer

The launch of this project follows the rebranding of APEX to Wellell, focusing on digital well-being and strengthening partnerships. It aims to create an impactful website that communicates the company's mission, engages a wider audience, and establishes a strong foundation for its digital presence.

Overview

Objective

Following the rebranding from APEX to Wellell, the new website surpasses a simple content transfer. Through a comprehensive redesign, starting from the structural level, it aims to effectively convey the company's mission, engage a wider audience, and establish a robust digital presence.

Outcome

The official website has been launched with responsive design and SEO implementation.

I created a style guide, led an intern, worked with content creators and an SEO specialist, and delivered high-fidelity mockups, and functional design specs.

Info

Team

Lead Designer (Myself)
1 Intern

Responsibility

Project Management, UI/UX Design, Responsive Design, Handoff

Client

Wellell Inc.

Timeline

Oct 2020 – Feb 21

Cross-functional Partner

Content Creators
SEO Specialists
Software Engineers
Project Managers
Marketing Specialist

View Website

Heading 3

Heading 4

Heading 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Heading 2

Heading 3

Heading 4

Heading 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

User Research

Interview

The first step in creating the new official website for Wellell was to determine the content that needed to be included on the site. We then interviewed the website manager to gain insight into the demographics and behaviors of the website's visitors. The findings indicated that the majority of visitors to the website were distributors looking to review product lines and purchasers from medical institutions comparing the functionality of different products. End-users, who are the ultimate users of Wellell's products, made up a smaller portion of website visitors, as the company primarily operates on a B2B business model.

Concept Development

Site Map

We crafted a comprehensive site map after analyzing audience needs, user demographics, and competitors. The result is a user-friendly website that is easy to navigate, visually appealing, and provides the information visitors need quickly and efficiently. It's designed to meet the needs of our audience, providing a seamless user experience that exceeds expectations.

Authority Relationship Diagram

I was fortunate to have the opportunity to not only work on the site map but also to participate in the design of the workflow for the system's authority. This was a valuable experience for me, as I had the chance to apply my experience to a B2B project. Being able to contribute to the design of the system's authority workflow allowed me to gain a more comprehensive understanding of the project and ensure that the end product met the needs of our clients. It was a great opportunity to be part of a team that is dedicated to delivering exceptional results and to have the chance to work on a project that will have a direct impact on the success of the company.

Wireframe

Collaborating with content creators, we developed wireframes that effectively communicate the ideal amount of text for different types of information. We used placeholders to ensure a clear and concise structure for each section of the website. This process results in a visually appealing, easy-to-navigate website that guides users through their journey and meets their needs. The final product exceeds expectations.

Design Handoff

Design Specifications

As this project is developed by an outsourced team, clear and detailed documentation is crucial for ensuring the engineers are able to implement our designs and achieve the desired outcome. Having experience working in a design consultancy, we developed an innovative and efficient method for handing off designs to the development team. By utilizing software compatible with seamless synchronization, we can easily transfer designs into workflows, add annotations, and generate clear and detailed design specifications. This approach ensures the final product accurately reflects our design intent and allows us to deliver exceptional results to our clients.

More work