Website E-Physio

Introduction

During a school project I created a new website/identity for the company E-physio in a team of four people. “Online physiotherapy when it suits you.”

Landing Page

Within the landing page, (potential) customers gain insight into the company E-physio, what online physiotherapy entails, and how the process works. The content within the landing page is tailored to these purposes. In addition, call-to-actions have been used to introduce potential customers to the service and the company E-physio. After the potential client has gained insight into E-physio and the treatment process they follow, an appointment can be scheduled.

Corporate Identity

For the heading, the font 'Mulish' was chosen. Mulish is a versatile and minimalist sans-serif font that is fully optimized for web and mobile interfaces. This font is also considered clear and easy to read. In combination with the clear, calming, and smooth appearance, this font perfectly matches the identity of E-physio.

The color palette uses blue as the base color. The color blue characterizes a calming, reliable, and informative feeling. Purple is used as the second color, which radiates luxury, comfort, and dignity. The color purple translates an activating role, which is a good fit for the subject of physiotherapy.

In addition, the color white is used, which is a widely used and peaceful base color in web design. White also gives a feeling of purity, innocence, and perfection.

The gray color is used as a supporting color and to avoid harsh black. Gray is a timeless color and is quickly associated with a sense of safety and professionalism.

Motion Guide

To optimize the experience within the landing page, different types of animations have been used. To achieve this, core values and the identity of E-physio have been taken into account. To bundle and present the realized motion with the necessary underpinnings, a motion guide has been set up. The motion guide can be downloaded below, which further describes the applied animations. The animations are made in CSS and the Tailwind framework.

Result

The delivery to E-physio consists of advice for the landing page, onboarding, and a motion guide that takes into account the identity and interests of E-physio and the target group. Take a look at the website of E-physio for more information.

Posted on Dec 11, 2023
Bas
Welcome to my portfolio on Dribbble

More by Bas

View profile