Redesigning Mr. Mard
One day, I received a message that would lead me to a fascinating freelance project. A company called Mr. Mard had reached out after seeing my design work and asked if I could help them redesign their existing website. The company specializes in offering personalized haircare solutions, and they were looking for a fresh, modern look for their website to better engage users and enhance their experience.
I quickly understood the challenge ahead—Mr. Mard already had a solid concept, but their website needed a makeover to feel as polished and professional as their services. And that’s when the redesign journey began.
Freelance Project
3-4 Weeks
IT
1
The Challenge
Before diving into design, I needed to understand the company’s goals and user pain points. The old website had served its purpose, but it lacked visual appeal, wasn’t projecting the idea behind it, and didn’t convey the expertise and trustworthiness Mr. Mard wanted to project.
Objective: Redesign the website to create a more intuitive, visually engaging user experience that effectively showcases Mr. Mard’s expertise in haircare.
Key Considerations: How can we make the website feel welcoming and professional? How can we make the user journey simpler and more efficient? How can we showcase Mr. Mard’s services in a way that builds trust with potential customers?
What Changed?
Once the new design was presented, the response was overwhelmingly positive. The client appreciated the fresh, modern look and the streamlined user flow. The website’s new design was not only visually appealing but also aligned with the brand’s core values, helping to position Mr. Mard as a trustworthy, professional haircare platform.
The redesign improved:
User engagement: Visitors were able to find the information they needed more easily.
Brand perception: The clean, modern visuals helped enhance the brand’s professional image.
Conversion rates: A simplified user journey led to higher conversions, with more visitors filling out the contact forms or reaching out for more information.
The Design Process: Bringing New Life to an Old Experience
Analyzing the Existing Site: I started by reviewing the existing Mr. Mard website. The structure was functional, but the design was outdated, and the navigation was clunky. I also noticed that the content was a bit overwhelming for users, making it hard for them to focus on the key offerings.
Wireframing the New Structure: I focused on simplifying the user flow and making key information easy to find.
Designed a new, organized navigation system that grouped similar content together, allowing users to move effortlessly between sections like services, testimonials, and contact information.
Proposed a cleaner, more intuitive layout that would make it easier for visitors to understand the value of Mr. Mard’s services without getting lost in too much text.
Revamping the Visuals: I chose a refined color palette—soft, neutral tones combined with a touch of modern, sophisticated hues. The goal was to make the website feel professional, but still approachable.
Custom icons and imagery played a huge part in this redesign. I created visuals that highlighted Mr. Mard’s focus on personalized haircare solutions, helping users immediately understand the services offered.
Added subtle design elements, like rounded buttons and intuitive animated states, to improve usability and create a more interactive experience.
Crafting the User Journey: I focused heavily on the user experience, ensuring the redesigned website had a clear flow:
Landing Page: A welcoming page with a brief introduction to the services, along with a call-to-action that guided users to learn more.
Services Section: Clear, concise explanations of Mr. Mard’s haircare offerings, with visuals that communicated the benefits of each service.
Testimonials Section: A dedicated area where user stories were presented, showcasing real feedback and adding credibility to the brand.
Contact Page: A straightforward and easy-to-fill contact form to encourage conversions and customer engagement.
Responsive Design: I ensured the website was fully responsive—working seamlessly across desktop, tablet, and mobile devices. This would help users access Mr. Mard’s services anytime, anywhere.
“ The design you created is absolutely fantastic man! The developer was also highly impressed with the design, noting how seamless it was to translate into code. ”
Santhosh
CEO, Co-founder | Mr Mard
Reflections: A Journey Worth Taking
This project was a rewarding challenge. Redesigning a website is never just about aesthetics—it’s about understanding the brand, the users, and how to bridge the two through design. Working on Mr. Mard’s website allowed me to push my design skills while ensuring that the user experience was front and center.