Family of Eateries Natalia Uribe UX-UI Designer

Client:

Family of Eateries

Category:

UX/UI Design

Year

2023

Skill Set:
UX/UI BRAND DESIGN HTML/CSS PROTOTYPING GSAP ADOBE XD
Family of Eateries
Family of Eateries

Overview

Restaurants have quickly adapted to the growing influence of mobile applications on our daily lives. They have developed their own apps to provide customers with easy access to essential information such as menus, operating hours, and contact details. These applications such as Family of eateries have revolutionized the dining experience, offering convenience and efficiency to millions of people worldwide. Moreover, many restaurant apps now include reservation features, which further enhance customer satisfaction and streamline the dining process.

My role was: designing the visual elements of the restaurant app, including layout, typography, color scheme, and overall aesthetic appeal. Consider accessibility principles to ensure that the app is usable by all individuals, including those with disabilities. Create wireframes and prototypes to visualize the app's structure and functionality.

Goals

The restaurant app project aims to create a user-friendly and accessible app that helps customers find nearby restaurants and browse menus with ease. Customers can make reservations and access additional useful details about each establishment within the Family of Eateries. They can also explore daily specials offered by each restaurant.

Challenges

I face multiple challenges that I confidently tackle every day. Such as:

  • To strike a perfect balance between aesthetic appeal and functionality.
  • Ensuring consistency across multiple restaurant brands.
  • Ensure accessibility for all users, handle complex information architecture.
  • Create engaging visuals for specials.

Deliverables

  • Wireframes and Prototypes.
  • Visual designs, including layout, typography, color scheme, and overall aesthetic appeal.
  • A collection of design assets, including icons, illustrations, and other.
  • The final designs for all screens and components.

Process Thinking

Brand purpose

Create a golden circle to get the why, how & why.

Understand the audience

Identifying your target market clarifies your ideal customer.

Ideate

Increase in user time on site engagement.

Prototype & Design

Creating visual models to preview and test the interface's functionality.

Branding

Branding image
Branding image
Branding image

I initiated the project by analyzing existing restaurant apps and taking inspiration from the market to ensure practical usability. Next, I prioritized creating branding for the Family of Eateries and its three restaurants. Then proceeded to draw out the app flow and create wireframes. Once the prototypes were validated in Adobe XD, I swiftly moved on to designing the user interface, ensuring that it was aligned with the established branding.

The design decisions were solely based on insights gathered from previous app research. After completing the UI design, I dived into the HTML and CSS coding process and added functionality using JavaScript. Finally, I integrated minimal but impactful animations using GSAP

Wireframes
innerEateries/eateries-lofi.jpg
Wireframes Hi-Fi
innerEateries/eateries-hifi.jpg
innerEateries/eateriesbanner.jpg
innerEateries/eateriessection2.jpg
innerEateries/eateriessection3.jpg
innerEateries/eateries-mockupleft.jpg
innerEateries/eateries-mockupMedio.jpg
innerEateries/eateries-mockuright.jpg
imagen gift

Let's create together! Email me to get started.