Asset 10 Asset 13 Asset 11 arrow right
get a quote Logo

sporteluxe

Man after a workout is the icon for the new health and wellness portal Man after a workout is the icon for the new health and wellness portal start

About
Sportluxe

Project Type: Web Development, Tech Consultancy, UI Design, Animations
Date: March 5, 2018
Technologies: WordPress, HTML5, CSS3, JS

WFN helped Sporteluxe, a leading health and wellness portal, to accommodate their growing user base by improving their UX/UI and implementing eCommerce solutions.

task

branding, UX/UI design, e-commerce, web development

WFN approached this project with thorough industry research, competitor insights, and the business analysis to improve UX/UI, design and web development. We used WooCommerce and WordPress with custom PHP modules to combine a versatile web-shop with a robust content platform. In addition, we supported SEO strategies to help Sporteluxe attract consumers from different markets and increase overall traffic and conversions.

Sporteluxe Logo

I really am loving the look of the website!

Bianca Cheah, Founder

launch the site

colors

color scheme color scheme color scheme color scheme

Through research and testing, we found that the majority of readers were women and responded well to pastel colors. Given that it was a content-heavy site, we also wanted to keep the color palette clean.

wireframes

The designers worked out the structure of several new sections and categories, including the flow of the eCommerce component. Our strategy focused on user engagement and conversions. We implemented infinite scroll to keep users on the media site for as long as possible. In addition, we optimized the site according to UX research to achieve conversions for sales, subscriptions, and article shares. The wireframes help the stakeholders to visualize the flow and layouts before we commit to designing.

UX design for dynamic categories

dynamic categories

We created a categories page that embedded content, products, social media elements, and ads. Adding category tags in the backend was easy to do allowed the client to be autonomous and flexible in consolidating content.

e-commerce

We built an online store from scratch and created product categories that related to the existing content so it will be an easy cross-sell for readers that led to higher conversion rates. We implemented a full eCommerce ecosystem from signing up and browsing, to checking out and tracking conversions. This was possible by having a solid eCommerce strategy and insights.

UX design for interactive product cards

interactive product cards

WFN designed product cards that was embedded with gifs, images, and social sharing buttons to make it easy for consumers to interact with the product and find out more information without overcrowding the space.

responsive design

The responsive design ensured that the content looked good on mobile devices and tablets and that content-heavy pages were also able to load quickly and seamlessly. This led to increased readership and reduced bounce rates.

looks impressive? let’s work together!

send over your project and get a quote from our team.

get a quote

other works

01

MBC

UX/UI Design / E-Commerce / Web Applications / Tech Consultancy

see case study Matboard Center photo frames hanging off the wall to represent our custom web application

02

quantum sponsor

UX/UI Design / Web Development / Branding / Animations

see case study Quantumsponsor social media influencer photoshoot of making healthy food

03

telmd

UX/UI Design / Web Development / Web Applications / Tech Consultancy

see case study TelMD wellness user depicting balanced life and enjoying the sunset

04

ilec

UX/UI Design / Web Applications / Animations / Tech Consultancy

see case study Cameras in a production studio for our new live streaming application