NShape Fitness

WordPress | Fitness

NShape Fitness



NShape Fitness


October 2015


Wordpress, UX

NShape Fitness is one of the first international qualified fitness center in Hanoi. Now with already 3 luxury gyms across the city, NShape is moving its focus to Digital branding and has chosen to partner with Sutunam for online strategy including revamping its website.

1. Design

Opposite to the previous darker theme with black being one of the main color, we decide to have a more vibrant look with the combination of corporate orange and white. With a clean header of organized top menu items, smooth sticky menu allows good accessibility and navigation. We focus a lot on the visual with big pictures to illustrate gym activities, big overall map above footer to locate the three location with customized NShape icon map pin. Even thought there are a lot of information on homepage, it does not feel congested because elements are organized by sections.

2. Technique

The flexibility of php language with Ajax and Jquery has given us the freedom to customize this website in order to fit client’s wants and needs.

The back-office is made easy to insert new class schedule every week with daily and weekly schedule shown in front-end. The calendar is flipped along with classes every Saturday morning in order to fit NShape’s management. Trainers showcase are divided in categories and with owl carousel, it is very convenient for users to flip through the list of coaches in each division.

Moreover, NShape members can register for an account to keep track of their personal information and body index number in order to always keep up with working out. This info will be connected through an API to NShape Fitness Application that sends push notification about class schedule or fitness goal. NShape wants to keep their member always active with a constant reminder of achieving healthy lifestyle.