top of page
Frame 241.jpg
About The Project

The CM Champions One-Pager Website Redesign project aimed to transform the online presence of CM Champions, a reputable moving company. I recently created a one-page website for CM Champions that features a visually pleasing design and optimized loading speed. The website's navigation is user-friendly and accessible, making it easy for visitors to explore the company's expertise and dependability. Overall, the revamped site offers a seamless and hassle-free experience for anyone who visits.

Role

UX Research
UI Design

Tools

Adobe XD

Adobe Photoshop

Adobe Illustrator

Year

2021

Problem Statement

The original CM Champions website had several weaknesses that necessitated a redesign. Firstly, the layout was cluttered and lacked a clear hierarchy, making it challenging for users to find relevant information quickly. The user interface was outdated and didn't align with modern design standards, resulting in a less engaging and visually appealing experience. The website also lacked responsiveness, causing it to display poorly on mobile devices. The need for a redesign was essential to address these weaknesses, improve the user experience, and create a more professional and impactful online presence for CM Champions.

Objectives & Goals

  • Our website redesign is focused on creating a visually attractive and easy-to-use platform that engages users, inspires longer visits, and promotes interactions with important features like contact forms and quote requests.

  • Our aim is to enhance the user journey by simplifying information, presenting clear calls-to-action, and improving the overall user experience. This will lead to an increased conversion rate, ultimately resulting in more inquiries and bookings for CM Champions' moving services.

289.png

Our Process

User1.png

Product Users

Individuals who are 18 years and older and going through the process of relocating at different stages.

User 4.png

Quantitative Research

We conducted an online survey with about 26 users who fall in our target demographic

1STQ.png
1STA.png
2ndA.png
2ndQ.png
3rdA.png
3rdA-1.png
User Persona
Frame 243.png
Frame 242.png
Wireframing

In order to craft attractive screens through XD software, we first started by sketching different design concepts on paper to delve into our ideas. Once we had a basic understanding of the screen layout and design, we moved on to creating wireframes with medium fidelity.

Wireframe1 – 1.jpg
Hwireframes.jpg
iPhone X, XS, 11 Pro – 4.jpg
UI Guidelines
Colors.png
Montserrat.png
Afek.png
Final Design - Desktop
Final Design - Mobile
bottom of page