Role
Product Designer
Timeline
2 Month
Tools
Figma & Framer
Introduction
As the solo product designer, I was tasked with creating MMR's first digital presence. With no existing website, this project represented a crucial opportunity to establish the company's digital footprint and create a platform that would effectively communicate their comprehensive services to potential clients.
Company Overview
Make My Restaurant (MMR) is a pioneering consultancy that specializes in end-to-end restaurant setup solutions. The company stands out for its comprehensive approach, handling everything from initial concept design to final execution. MMR's unique value proposition lies in its ability to transform entrepreneurial visions into fully operational restaurants, offering expertise in market research, interior design, kitchen setup, and operational systems integration.
Challenges
Creating a digital presence from scratch with no existing brand guidelines
Communicating complex, multi-faceted services clearly and effectively
Designing a lead-generation focused platform that appeals to high-end clientele
Building trust and credibility through digital means
Target Audience
The website was designed with two primary audience segments in mind:
Elite Class Clientele:
High-net-worth individuals looking to enter the restaurant business.
Expecting premium service and attention to detail.
Valuing comprehensive, end-to-end solutions
Aspiring Restaurant Entrepreneurs:
Individuals passionate about starting their own restaurant
Seeking professional guidance and expertise
Looking for reliable partners in their restaurant journey
Objectives
Design a user-centric website optimized for lead generation.
Highlight Make My Restaurant’s expertise and industry authority.
Implement features such as VR restaurant previews and progress tracking to enhance engagement.
Goal
The primary goal of the website was to convert potential leads into customers by offering a seamless user experience and clearly presenting the services.
Research and Discovery
To ground the project in insights, I started with competitor analysis, studying how similar businesses structured their websites and presented their value propositions. Alongside this, I delved into our company's services and customer personas to ensure the website reflected real client needs and expectations.
Design Strategy
Information Architecture
Developed a strategic site structure focusing on clear communication and lead generation. The website architecture was designed to guide users through a journey of discovery, understanding, and action.
Home Page: Conversion-focused layout with clear value proposition
About Us Page: Building trust through company story and achievements
Restaurant Type Detail Page: Specialized information for different restaurant categories
Contact Us Page: Streamlined consultation booking process
Project Progress Tracking Page: Unique feature for client transparency
Key Features & Innovation
VR Restaurant Previews
Allows clients to visualize their future space.
Sets MMR apart from competitors.
Enhances client confidence in decisions.
Real-Time Progress Tracking
Provides transparency in project execution.
Builds trust through regular updates.
Reduces client anxiety and support requests.
Interactive Service Explorer
Presents complex services in digestible formats.
Uses bento-style grid for visual appeal.
Guides users through the service journey.
Design Process
Initial Conceptualization
Created high-fidelity designs early to align stakeholder vision.
Focused on professional aesthetics while maintaining usability.
Developed clear visual hierarchy for content presentation.
Prototype Development
Utilized Framer for advanced prototype creation.
Built interactive elements to demonstrate functionality.
Created realistic animations and transitions.
Enabled seamless transition from design to development.
Iterative Refinement
Incorporated feedback from CEO and internal team.
Made data-driven adjustments to improve user flow.
Optimized call-to-action placements for better conversion.
Visual Design
The design process began with a focus on creating a clear and engaging visual structure that could immediately communicate the brand’s value. High-fidelity designs were prioritized early on to provide a comprehensive view of the website’s look and feel, ensuring alignment with the company’s goals and helping team members to visualize the end product effectively.
Current Status
The website is currently under development. The designs have been handed over to developers, with detailed guidelines to ensure fidelity to the design intent. Meanwhile, you can see the site that I have developed on framer, Go to site
Next Steps
Once live, I plan to monitor analytics and user feedback to iterate further, optimizing the website for both usability and conversions.
Reflections
This project demonstrates the successful creation of a professional digital presence for a premium service provider. While still in development, the website design effectively communicates MMR's comprehensive services, establishes credibility, and creates a clear path for lead generation. The project showcases my ability to handle complex design challenges independently, balance business objectives with user needs, and create solutions that cater to a premium market segment.