MONCHI

A handy snackbox for mess-free munching!

Designed by Edith, Guozi, Junwei
·
Designed by Edith, Guozi, Junwei
·
Designed by Edith, Guozi, Junwei
·
Designed by Edith, Guozi, Junwei
·
Designed by Edith, Guozi, Junwei
·
Designed by Edith, Guozi, Junwei
·
Designed by Junwei
·
Designed by Junwei
·
Designed by Junwei
·
Designed by Junwei
·
Designed by Junwei
·
Designed by Edith, Guozi, Junwei
·
Designed by Edith, Guozi, Junwei
Designed by Edith, Guozi, Junwei
Monchi
website

Problem

Important information about Monchi’s unique features, such as the flexible lid with finger sleeves and the ease of handling messy foods, may not be highlighted effectively or may be lost in the overall design.

Goal

Enhance visual clarity and user engagement to effectively communicate Monchi's unique features and benefits, ultimately increasing conversion rates.

solution

Implement a clean and intuitive layout with highlighted key features, engaging interactive elements, and consistent brand messaging, while ensuring mobile optimization for a seamless user experience across all devices.

Overview

Background of Monchi

Monchi is an innovative e-commerce site dedicated to providing a unique and playful snackbox solution for mess-free munching. The Monchi snackbox is designed to be versatile and fun, perfect for any environment, ensuring that everyone stays clean and safe while enjoying their snacks.

possible reasons users might be leaving the site

  • Complex Navigation: If the site navigation is not intuitive or requires too many clicks to find products or information, users might get frustrated and leave.
  • Complex information: Information about monchi is unclear and users may not be enticed by the overwhelming page.
  • Unclear Call-to-Actions (CTAs): If the CTAs are not clear or compelling, users may not know what to do next, leading them to leave the site without taking any action.

In depth research

identification of users

This way monchi can have a personalised content and experience where for parents, highlight child-friendly features and playful elements. In addition, by addressing the specific needs of different user groups, the website can create a more engaging and satisfying experience, leading to higher retention rates.

user flow

  • Landing Page: User lands on the engaging, interactive homepage.
  • Product Selection: User clicks on a snackbox product to learn more.
  • Product Page: User reads product details and clicks "Add to Cart."
  • Cart Page: User reviews the cart and clicks "Proceed to Checkout."
  • Account Creation/Login: User is prompted to create an account or log in, potentially causing frustration if guest checkout is not available.
  • Checkout Page: User fills in shipping and payment information.User is prompted to verify their email through a link sent to their inbox.
  • Checkout Page: User fills in shipping and payment information.User is prompted to verify their email through a link sent to their inbox.

possible reasons users might be leaving the site

  • Complex Navigation: If the site navigation is not intuitive or requires too many clicks to find products or information, users might get frustrated and leave.
  • Complex information: Information about monchi is unclear and users may not be enticed by the overwhelming page.
  • Unclear Call-to-Actions (CTAs): If the CTAs are not clear or compelling, users may not know what to do next, leading them to leave the site without taking any action.

Implementation

improved user engagement

The Monchi homepage has transformed into a whimsical, playful space where interactivity and motion guide users on an enchanting journey through a wonderland. Every click and scroll unveils delightful surprises, immersing visitors in a magical experience

viable solutions

  • Increase of CTA: Design clear, concise, and visually distinct CTAs that guide users towards desired actions, such as "Buy Now," "Learn More," or "Add to Cart."
  • Interactions: A design choice made to attract user and give personality and life to the product itself. It also helps to relate better with the target audience with the snacks and outdoor imageries.
  • Interaction and large images: Clearer showcasing of information and unique selling point.
  • Increase trust: checkout system only helps in heymonchi.com and does not open up any other sites. Additional, testimonials to increase relatability and trust.

problem statement

Information Clarity

Product descriptions lack detailed information, leading to user confusion about the features and benefits of Monchi.Users are unsure about the pricing and shipping details due to insufficient or hidden information.

User Engagement

The site lacks interactive elements that could engage users and encourage them to spend more time exploring the product. Also, there are no clear calls to action (CTAs) that guide users toward making a purchase or signing up for more information.

Trust and Credibility

Lack of customer reviews or testimonials makes it difficult for users to trust the product and make informed purchase decisions.

persona
user flow
brainstorm

Twothree

a luxury interior design website

Designed by Junwei
·
Designed by Junwei
·
Designed by Junwei
·
Designed by Junwei
·
Designed by Junwei
·
Designed by Junwei
·
Designed by Junwei
·
Designed by Junwei
·
Designed by Junwei
·
Designed by Junwei
·
Designed by Junwei
·
Designed by Junwei
·
Designed by Junwei
Designed by Junwei
twothree
website
Role: Lead UI/UX designer

Problem

Previous website lacked modern design, intuitive navigation, and mobile responsiveness, leading to high bounce rates and low user engagement. This hindered the firm's ability to showcase their luxurious designs and attract clients.

Goal

The purpose was to redesign the website to create a modern, user-friendly online presence for twothree.sg while capturing the sense of luxury.

solution

The redesigned twothree.sg website features a modern, visually appealing layout with enhanced user interactions and full mobile responsiveness. Key improvements include intuitive navigation, an engaging showcase of luxurious projects, streamlined form submissions, and strategically placed, compelling calls-to-action (CTAs). These enhancements ensure a superior user experience, effectively representing the brand’s high standards in interior design, increasing user engagement, and boosting client inquiries.

Overview

Background of Twothree

Twothree.sg is an interior design brand specialising in bespoke, aesthetically pleasing, and functional spaces. They blend modern trends with timeless elegance to create exceptional residential and commercial interiors, ensuring quality and customer satisfaction in every project.

Challenges

The main challenge was the number of pages were limited due to the client's fund, hence, most frontend issues have to be solved through other routes.

possible reasons users might be leaving the site

  • Complex Navigation: Bad layout introduces high bounce rate (42.34%) suggests users find the layout unappealing or confusing. Poor engagement metrics indicate visitors are not staying long or exploring multiple pages.
  • No Product Showcase: Users likely leave quickly due to the inability to find a compelling showcase of twothree.sg's portfolio. A lack of visual appeal or clear presentation of projects can contribute to higher bounce rates.
  • Unclear Call-to-Actions (CTAs): Poor conversion rates and high bounce rates could be due to unclear or poorly positioned calls-to-action (CTAs). Users might struggle to find how to contact or engage with the company.
  • Hard to Navigate: High mobile usage (80%) necessitates a mobile-first design approach, which might be lacking. If users find it difficult to navigate, especially on mobile devices, they are more likely to leave quickly.
  • Form Page Not Intuitive: The form page lacks of details and users find the experience undesirable where text are too cramped and messy.

Research

user flow

  • Homepage: Visitor lands on the homepage, greeted with a visually appealing hero section showcasing a prominent project or design concept. Navigation menu is prominently displayed, featuring links to key sections: Portfolio, Services, About Us, Blog, Contact.
  • Portfolio: They are presented with a grid or gallery layout displaying thumbnail images of various interior design projects. Each project thumbnail is clickable, leading to a dedicated project page with detailed images, descriptions, challenges, solutions, and client testimonials if available.
  • Services: They encounter a comprehensive list of services offered, such as consultation, full-service design, remodeling, etc, all with CTA
  • About Us: User explores the "About Us" page to learn more about the company's background, mission, values, and team members.
  • Contact: User decides to contact twothree.sg for more information or to schedule a consultation. They click on the "Contact" link in the navigation menu or footer.They are directed to a contact page with a contact form where they can input their name, email, phone number, and message.
  • Client Testimonials (Optional): If available, user may explore a section dedicated to client testimonials or success stories.
  • Responsive Design: Throughout the user journey, the website maintains responsive design principles to ensure optimal viewing and interaction across various devices (desktop, tablet, mobile).

Implementation

Improved visual & branding

Successfully positioned twothree.sg as a premium interior design brand dedicated to crafting bespoke solutions that transform spaces into both aesthetically pleasing and functional environments. By introducing clean and aesthetic layouts with complementary visuals, reflecting the unique services twothree can provide.

other solutions

intuitive form

Having an intuitive form on the twothree.sg website is crucial as it reduces bounce rates by simplifying the user experience and enhances customer satisfaction. It guides visitors through the process seamlessly, saving time and effort, which increases conversion rates for inquiries and bookings. A well-designed form also reflects professionalism and builds trust, showing that twothree.sg values visitors' time and aims to provide a smooth interaction from start to finish.

Distinct CTA

Including prominent CTAs at every showcase and having a sticky CTA in the navigation bar significantly enhances user experience on the twothree.sg website. These elements make it effortless for users to take action and navigate through the site, whether they're exploring portfolios or reading about services. Prominent CTAs ensure clear guidance and encourage interaction, while the sticky navigation CTA remains accessible at all times, reducing friction and improving overall usability. This approach streamlines user engagement, increases conversion opportunities, and ultimately fosters a more satisfying and efficient browsing experience.

showcase of visuals & services

Including prominent CTAs at every showcase and having a sticky CTA in the navigation bar significantly enhances user experience on the twothree.sg website. These elements make it effortless for users to take action and navigate through the site, whether they're exploring portfolios or reading about services. Prominent CTAs ensure clear guidance and encourage interaction, while the sticky navigation CTA remains accessible at all times, reducing friction and improving overall usability. This approach streamlines user engagement, increases conversion opportunities, and ultimately fosters a more satisfying and efficient browsing experience.