grato.mx

Concept and creation UX/UI Design Solution Implementation grato.mx e-commerce with a twist. Mexican gourmet products oriented to a specific target in Mexico City.

Year
2020

Client
grato.mx

The Design Process

  • Concept

    Grato is a picnic-style concept of food experiences, every month you'll have a new concept, and 3 to 4 options to choose the content of the "box" It will be created around a festivity or a season. You can choose the option between, 2, 4, or a custom number of people to enjoy the experience, it will be sent to your home and you will find everything you need to live the experience, maybe you will find a wood board for cheese and some candles, or maybe and wine open-bottle and a pair of glasses, maybe you can find all the decoration to set up the table for your new experience. All of these accessories will be paired with a fine selection of local (Mexican) products, perfectly curated for the greatest experience for you and your loved ones. You will receive a bottle of wine, fine water, beer, tea, and/or coffee depending on the experience, covering the beverages for you. Also, you will receive the food, considering as a main, entrance, dessert or even just sharing food, once again depending on the concept or festivity that the experience is all about.

  • Users Needs

    The website needs to enable the user to order online. Order a gourmet experience at the door. Buy the greatest products. Novelty experiences to share. Be able to choose the amount of people that will enjoy the experience. Use no cash to pay. Schedule orders in advance. See past orders. Have the option to change or modify the experience box. Provide a solid desktop and mobile experience

    The website needs to enable the user to sell food online that will be delivered. Provide a system for order customization. Provide knowledge of the products, where are from, and who is the producer. Provide a safe pay method. Create a CRM system to keep customers engaged. Give the user the option to program delivery ahead. Create the option for gift or delivery for myself. Communicate reliability. Communicate freshness (farm to table)

  • Content Audit

    Content Requirements:

    Images of the product

    Experience menu (options)

    Product descriptions to be well-described

    Prices

    Festivity information what about the experience box

    About us

    Calendar for festivities and orders

    Contact information

    Delivery information

  • Functionality Requirements

    Create an account

    Place order (using account information or an additional one)

    Login

    Informed about the product origins and link to the providers’ website

    Customized product order (allergies or dietary restrictions, extra products, choose number of persons)

    2 people option

    Add an extra product

    4 people option

    Add an extra product

    4 people veggie option

    Add an extra product

    Customized number of people option

    Program delivery in advance

    Safe payment modes such as Paypal.

    Chat for help via WhatsApp (most of the Mexican market use the WA app)

    Choose cero waste and/or gift option for envelopes when you check out

Flowchart

Conceptualization

UX/UI Design Solution Implementation for grato.mx

1. Establishing the Product Mission and Strategy: 

  1. Conduct a comprehensive review of grato.mx current product team mission, strategy, and KPIs.

  2. Introduce agile methodologies to enhance responsiveness and adaptability to changing requirements.

2. Streamlining Decision-Making Processes and Reducing Friction:

  1. Facilitate cross-functional collaboration through streamlined communication channels and project management tools.
  2. Implement a project management framework to reduce friction, ensuring efficient decision-making and task execution.

3. Market Understanding and Product Strategy:

  • Create and interview user personas, competitor studies, and usability tests to gain deep insights into user behaviors and preferences.
  • Develop market-based product strategies that align with user needs and differentiate Mounjaro in the competitive landscape.
  • Utilize user personas to guide design decisions and ensure a customer-centric approach.

4. Enhancing Customer Experience:

  • Implement a responsive design that ensures a seamless experience across various devices.
  • Optimize website speed to provide a fast and efficient digital experience for users.
  • Integrate user feedback mechanisms to continually enhance and simplify the overall customer journey.

5. UI/UX Design Deliverables:

  • Develop detailed wireframes, prototypes, and design specifications based on research findings.
  • Leverage best practices in information architecture to create an intuitive and user-friendly website structure.
  • Prioritize accessibility standards to ensure inclusivity and cater to a diverse user base.

6. User-Centric Design Advocacy:

  • Prioritize accessibility features to ensure a positive experience for users with diverse abilities.
  • Advocate for user needs throughout the design process, ensuring that design decisions align with the best interests of Mounjaro's audience.
  • Encourage a user-centric mindset within the organization, emphasizing the importance of empathy in design.

Website visualisation

  • Homepage

  • Services

  • Store

  • Products