Param's Portfolio > Hungry Hop

dadegaonkar.me

Home

Introduction

Overview

Background

Visual Design

Starting From Scratch

Virtual Reality

•

Interactive Systems

•

3D Visuals

Apr 2023

Hungry Hop Chef Panel

Industry Project

✨Project Highlight

This project includes an extremely optimized, auto-layout enabled design that makes it very easy to develop using Figma's Dev mode.

Timeline

April 2023 - Ongoing

My Role

UI Designer

Tools

Figma

Overview

Hungry Hop is an upcoming chef to consumer meal delivery service, and I was the sole designer working to design & conceptualize the features available to the seller, or chef user on the platform.

Jump To:

Immersion

Interfaces

The Background

While this was a fairly standard design brief when it came to the visuals, I was able to make it extremely optimized for development by learning and applying auto-layout throughout the design, and also using clever Figma prototyping tricks to communicate my ideas with the development team.

The goal of this design was to provide an excellent user experience while maintaining a seamless developer experience.

Visual Design

The primary colors used were black (000000) and white (FFFFFF), along with some accent and status colors.

#2B3463

Primary Accent Color

#315B2D

Secondary Accent Color

#BBD2FF

Primary Accent Variant

The font family used in this design was IBM Plex Sans.

Starting from Scratch

In this section, you will be able to see two before and after designs for a particular section, to discern between the existing design, and the way I was able to update the design.

In this section, you will be able to see two before and after designs for a particular section, to discern between the existing design, and the design I was able

The original dashboard design.

The updated dashboard design.

What did I do here?

The original dashboard design had no hierarchy of information, starting with the top bar as well as the side navigation bar. Bringing better font scaling to those items improved their accessibility. The backend of this system is built on a standard supply management platform, and hence the functionality of the side bar was required to be included. The only thing that could be changed was the CSS of the components and the data within them.

Hence, I cleaned up the overall UI language and ordered the dashboard items in terms of importance to the user, where orders take priority over sales data.

Auto Layout was also used to ensure proper scaling of components when the sidebar expanded or retracted.

In this section, you will be able to see two before and after designs for a particular section, to discern between the existing design, and the design I was able

The original menu management design.

The updated menu management design.

What did I do here?

I created a fully scalable product list interface with multiple tabs to modify any number of menu items added by the business team. Further, these items had clear indicators of whether they were published to the marketplace.

In this section, you will be able to see two before and after designs for a particular section, to discern between the existing design, and the design I was able

Disclaimer!

Since this is an upcoming product, I cannot share any further information about this project!

Please get in touch with me to be further informed about this project after a quick need evaluation.

Built with
and lots of

Find me on the web

Instagram

✨

Connect to Content

Add layers or components to infinitely loop on your page.

Built with
and lots of

Find me on the web

Instagram

Jump To:

Jump To:

Disclaimer!

Since this is an upcoming product, I cannot share any further information about this project!

Please get in touch with me to be further informed about this project after a quick need evaluation.

Disclaimer!

Since this is an upcoming product, I cannot share any further information about this project!

Please get in touch with me to be further informed about this project after a quick need evaluation.