What's included

• UX/UI Design Holistic Audit Documentation (Delivered on Figma)

  This will be a table identifying all the problems the current website has, according to the UX/UI Principles, explaining what specific principle is lacking, what the problem is, and how to fix it

• Userflow (Delivered on Figma)

  Now, this is the first step in defining the Information Architecture of the digital product. This deliverable establishes if the sequence of steps and processes the user will be able to take on the digital product

• Sitemap (Delivered on Figma)

  Being the second step in defining the Information Architecture, this sitemap outlines the sections or pages of the digital product, based on the userflow previously created.

• Wireframes (Delivered on Figma)

  This is the creation of all the screens of the digital product, in a simple way, that focuses on creating the structure of each section and page, without entering into details of the copywriting, images, or colors, only focusing on the structure and the information on each page.

• Wireframes Design Iteration N° 1 (Delivered on Figma)

  After having a meeting together, where we review the wireframes and gather some feedback on each screen, I will iterate on the wireframes to apply all the feedback discussed during the meeting.

• Wireframes Design Iteration N° 2 (Delivered on Figma)

  After having a meeting together, where we review the wireframes modified and gather some feedback on each screen, I will iterate a second time on the wireframes to apply all the feedback discussed during the meeting.

• Design System (Delivered on Figma)

  Now, it's time to create the Design System, each will be documentation for maintaining consistency throughout all screens, for optimizing time in design, and for future modification or scalation of the digital product. This will be using the brand's identity or creating the branding if the business doesn't have one yet.

• Mockups (Delivered on Figma)

  This is the result of applying the Design System to the wireframes, adding also all the copywriting, images, and the rest of the elements to create designs that look like something the user will find on the final design

• Mockups Design Iteration N° 1 (Delivered on Figma)

  After having a meeting together, where we review the mockups and gather some feedback on each screen, I will iterate on the mockups to apply all the feedback discussed during the meeting.

• Mockups Design Iteration N° 2 (Delivered on Figma)

  After having a meeting together, where we review the mockups modified and gather some feedback on each screen, I will iterate a second time on the mockups to apply all the feedback discussed during the meeting.

• High-Fidelity Prototype (Delivered on Figma)

  This consists of adding interaction to the mockups, for understanding what will be the flow of the screens and buttons on each one. The goal for this is to have a very close design and user experience to what the user will find when launched

• Web Development on Framer (Including launching)

  Migration of the designs from Figma to Framer, for the development of the website. This includes a custom domain name according to the business name, hosting, and maintenance for 1 year (All additional changes during the year, after the launching of the website, are going to incur an additional invoice)