3

1

BiteBoss

my UX work 🧠

designing one pixel at a time

Start

User research

My Role

UI UX designer

Quantitative + Qualitative Analysis

Competitor analysis

& wireframes


know more

BITEBOSS 🥘

Introducing BiteBoss, the app that whips up healthy recipes with a side of nutrient tracking. From gluten-free gurus to protein-powered pals, we have got your dietary needs covered. Filter through a world of recipes by calories, macros, & even vitamins, so you can conquer your nutritional goals with every bite. Track your nutrients, slay those cravings, & become the boss of your own bites!

Hi, Addie!

Recipes designed for you!

Veg

Search recipe

Today’s menu

Green salad

15 mins

4.7

200 Cals

This green salad is good for a side dish or a meal on its own. I make it often... view more

Stuffed avocado

40 mins

4.7

263 Cals

Full of creaminess and healthy fats, avocados are a wonderful addition to you...view more

Chickpea salad

15 mins

4.7

167 Cals

Chickpea salad is easy to make and comes together fast. It’s perfect for lun...view more

Chole chawal

15 mins

4.7

200 Cals

Skillet rice and chickpeas is a classic Middle Eastern dish that is easy to mak... view more

Chia seeds rose milk

15 mins

4.7

152 Cals

Easy to make with just three Ingredients. A must try drink in this summer...view more

Popular

Cherry tomato salad

45 mins

4.9

500 Cals

Burger

60 mins

4.7

400 Cals

Potato wedges

Veg

The blended oat flour is essential to the added chewy texture, and the molasses in brown sugar makes it a mor... view more

45 min.

260 cal

2

INGREDIENTS

NUTRITION

Potato

500gm

Paprika

3/4 teaspoon

Black pepper

1/4 teaspoon

Garlic powder

1 teaspoon

Onion powder

1 teaspoon

Salt

3/4 teaspoon

Thyme

1/4 teaspoon

Oregano

1/4 teaspoon

Basil

1/4 teaspoon

Corn starch

2 tablespoons

Add to shopping list

Steps

1

Soak and scrub 500 grams potatoes (1/2 kg) well with a brush and rinse them well under running water. This helps to get rid of the dirt and mud on the potatoes.

2

Cut each potato lengthwise to 2 parts. I prefer to keep the skin. If you don’t like you may peel it.

3

Then slice each part to 3 to 4 wedges depending on the size of the potato.

4

Add them to a bowl of cold water. Rest them for 30 mins. I had varying results when I skipped this step. You may experiment with and without soaking. I prefer this step. After 30 mins, drain water from the potatoes completely.

5

Measure all the seasonings and keep aside.

6

Mix all of the spices first and taste test. Add more salt if needed.

7

Check the instructions below to deep fry. The method to follow for deep frying is different so scroll down for that and skip steps 7 to 14. Preheat the oven or air fryer to 220 C or 400 F. Grease or line a baking tray. Keep it aside.

8

Drain water from the potatoes completely and wipe them dry with a kitchen towel. I let mine air dry.

9

Then pour 2 tablespoons oil and coat them well.

10

Sprinkle the seasoning prepared earlier. Coat all of the potatoes well with the seasoning. A lot of seasoning settles down at the bottom of the bowl. Mix well and coat them evenly.

11

If the seasoning is too dry then sprinkle more oil if baking. If using air fryer, then you may sprinkle water.

12

To air fry, just add them to the basket and spread them. The first option is to choose the default fries setting and then towards the end air fry at highest 200 C or 400 F until crisp and golden for 2 to 3 mins. The second method is to air fry at 200 C or 400 F for 8 to 9 mins and then shake them once and repeat for another 8 to 9 mins until crisp and golden.

More recipes

Ramen

45 mins

4.9

500 Cals

Pancake

30 mins

4.4

230 Cals

Tteokbokki

45 mins

4.9

500 Cals

White sauce pasta

60 mins

4.7

400 Cals

Momos

45 mins

4.9

500 Cals

Avocado salad

15 mins

4.7

200 Cals

Chicken biryani

45 mins

4.9

500 Cals

Burger

60 mins

4.7

400 Cals

Taco

45 mins

4.9

500 Cals

Sushi

60 mins

4.7

400 Cals

Pizza

45 mins

4.9

500 Cals

Waffle

60 mins

4.7

400 Cals

Home screen

Recipe screen

It is made using variables. Try out the different themes of BiteBoss!

Click here!

Prototype

Try it out!

2

Figma Community

Get a copy from the

Tools Used

Figma

My Role

UI UX designer

Colour palette

Colour palette


NEBULA UI - DESIGN SYSTEM 🎨

The Nebula Design System is a comprehensive and meticulously crafted toolkit designed to elevate user interfaces and streamline the design process. Its foundation encompasses a rich palette of colours, typography, precision layout grids, and dynamic shadows, ensuring unparalleled visual aesthetics. In the realm of components, discover exquisite buttons, intuitive input fields, captivating badges, and iconic icons, complemented by meticulously designed tables for efficient data organisation. Nebula provides a seamless design experience, transforming interfaces into celestial wonders with its stellar elements.

know more

Colours

When representing the brand or its products, it is important to utilize the brand colours. This colour palette is designed to evoke a feeling of purity and sophistication. Graphic elements that incorporate colour, such as badges, collaterals, and images, can be used creatively and without restrictions.

Neutral

These shades serve as secondary accent colours that are used to complement the primary colour scheme.

50

#FAFAFA

100

#F2F2F2

200

#E5E5E5

300

#D4D4D4

400

#A7A7A7

500

#737373

600

#525252

700

#404040

800

#262626

900

#10100E

Primary

The primary colour palette is applied to all interactive components, including CTAs, links, inputs, and active states, among others.

50

#EBFFFF

100

#E1FDFF

200

#D7F3FF

300

#CDE9FF

400

#C3DFFF

500

#B9D5FF

600

#A5C1EB

700

#91ADD7

800

#7D99C3

900

#6985AF

Secondary

Secondary colours can be used as accents or sparingly, allowing the primary colour(s) to remain prominent and take precedence.

50

#F8EBFF

100

#EEE1FF

200

#E4D7FF

300

#DACDFF

400

#DOC3FF

500

#C6B9FF

600

#B2A5EB

700

#9E91D7

800

#8A7DC3

900

#7669AF

Success

These colours elicit emotions of joy and are typically associated with states of accomplishment and fulfillment.

50

#EDFEF3

100

#D4FDE5

200

#AAF9CE

300

#58F2A6

400

#00E175

500

#00C94F

600

#00A63D

700

#008134

800

#00672F

900

#00552A

Warning

These colours communicate a sense of warning or danger and are typically utilized for all levels of alerts.

50

#FCF3D4

100

#FAEAAF

200

#FFE99A

300

#F7DB77

400

#F8BC56

500

#FF832B

600

#E4650A

700

#BC5C18

800

#9D511B

900

#824114

Destructive

These colours elicit negative emotions and are usually used to represent error states in the design.

50

#FFF1F2

100

#FFE1E0

200

#FFC8C9

300

#FFA0A1

400

#FF656B

500

#FF2A3A

600

#F0000F

700

#C9000A

800

#A70011

900

#8B0D15

Shades

Shades come in black and white.

00

#FFFFFF

100

#000000

Gradient

Linear gradient

#B9D5FF

#C6B9FF

#B9D5FF

#C6B9FF

DESIGN SYSTEM

VARIATION

COMPONENTS

DESIGN LIBRARY

DESIGN SYSTEM

VARIATION

COMPONENTS

DESIGN LIBRARY

Nebbula UI

Design System

Foundation & components

Zing

Tools Used

Figma, Spline

My Role

Visual designer

Click here!

Brainstorm ideas

Nebula UI

Local styles +local variables

User journey flow


ZING - WEB APP 🍛

Zing is your go-to web app for effortless food ordering. With features like pre-ordering, menu filters, and estimated wait times, it simplifies the process. Plus, Zing offers delivery options. It's the perfect solution whether you're craving a quick bite or planning a special meal. For food lovers who prioritise convenience and efficiency, Zing is a must-have tool.

know more

Deliver Now

HSR Layout 2nd..

Find your perfect food match

Download our

App

Less than a Whatsapp forward

or a Selfie!! Not even an mB.

Join the Cult!

Live Order tracking

Free Packaging

30% OFF, and much more

Download Zing Lite

----------------- 4 Restaurants Near You ----------------

Tasty Magic

0.25 km・North India

Cafe À Paris

1.25 km・Continental

Go Andhra

2.35 km・South Indian

Thar - The Taste...

3.25 km・Indian

rajasthan

in-a-box bowls

exclusively curated by zing

Tasty Magic

0.25 km・North India

Cafe À Paris

1.25 km・Continental

Home page

Confirmation page

Confirmation

California Burrito

Presidency University • Engineering Block

#291

Drishti Khanna

Good food cooking!

Your food will be ready by 3:00 PM

View on Maps

Call on + 91 9485530203

Download Receipt

View on Maps

UI screens & UX flows

More?

Check out my other work!

Tools Used

Figma, Zeplin

Click here!

Try it out!

Prototype

UI screen iterations

i

d

e

a

s

B

r

a

i

n

o

r

m

s

t

akansha sharma

product designer.

I'm a passionate art lover, & a comprehensive designer. My creative process involves absorbing the world's inspirations, concocting distinctive & unconventional designs. I thrive on discovering new marvels and devouring books like they hold my hidden superpower.

experience ⏳

2+ Years

social links 🔗

i currently design for 🎨

view my resume 📑

wanna talk about

a new project? 💼

this is how we can engage!

full-time employment

This is my playground, where I obsess over the tiniest details. Let's dive into the whimsical world of your project and make magic happen!

freelance projects

Looking to unleash a tornado of creativity that stretches beyond the boundaries of my daily domain. Let's create magic together!

akansha sharma

product designer.

I'm a passionate art lover, & a comprehensive designer. My creative process involves absorbing the world's inspirations, concocting distinctive & unconventional designs. I thrive on discovering new marvels and devouring books like they hold my hidden superpower.

experience ⏳

2+ Years

social links 🔗

i currently design for 🎨

view my resume 📑

  • Visual Storyteller

    Crafting Solutions

    User-Driven

    Thoughtful UX

    Functional Art

    Strategic Design

    Visual Storyteller

    Crafting Solutions

    User-Driven

    Thoughtful UX

    Functional Art

    Strategic Design

Figma Community

Hi, Addie!

Recipes designed for you!

Veg

Search recipe

Today’s menu

Green salad

15 mins

4.7

200 Cals

This green salad is good for a side dish or a meal on its own. I make it often... view more

Stuffed avocado

40 mins

4.7

263 Cals

Full of creaminess and healthy fats, avocados are a wonderful addition to you...view more

Chickpea salad

15 mins

4.7

167 Cals

Chickpea salad is easy to make and comes together fast. It’s perfect for lun...view more

Chole chawal

15 mins

4.7

200 Cals

Skillet rice and chickpeas is a classic Middle Eastern dish that is easy to mak... view more

Chia seeds rose milk

15 mins

4.7

152 Cals

Easy to make with just three Ingredients. A must try drink in this summer...view more

Popular

Cherry tomato salad

45 mins

4.9

500 Cals

Burger

60 mins

4.7

400 Cals

Potato wedges

Veg

The blended oat flour is essential to the added chewy texture, and the molasses in brown sugar makes it a mor... view more

45 min.

260 cal

2

INGREDIENTS

NUTRITION

Potato

500gm

Paprika

3/4 teaspoon

Black pepper

1/4 teaspoon

Garlic powder

1 teaspoon

Onion powder

1 teaspoon

Salt

3/4 teaspoon

Thyme

1/4 teaspoon

Oregano

1/4 teaspoon

Basil

1/4 teaspoon

Corn starch

2 tablespoons

Add to shopping list

Steps

1

Soak and scrub 500 grams potatoes (1/2 kg) well with a brush and rinse them well under running water. This helps to get rid of the dirt and mud on the potatoes.

2

Cut each potato lengthwise to 2 parts. I prefer to keep the skin. If you don’t like you may peel it.

3

Then slice each part to 3 to 4 wedges depending on the size of the potato.

4

Add them to a bowl of cold water. Rest them for 30 mins. I had varying results when I skipped this step. You may experiment with and without soaking. I prefer this step. After 30 mins, drain water from the potatoes completely.

5

Measure all the seasonings and keep aside.

6

Mix all of the spices first and taste test. Add more salt if needed.

7

Check the instructions below to deep fry. The method to follow for deep frying is different so scroll down for that and skip steps 7 to 14. Preheat the oven or air fryer to 220 C or 400 F. Grease or line a baking tray. Keep it aside.

8

Drain water from the potatoes completely and wipe them dry with a kitchen towel. I let mine air dry.

9

Then pour 2 tablespoons oil and coat them well.

10

Sprinkle the seasoning prepared earlier. Coat all of the potatoes well with the seasoning. A lot of seasoning settles down at the bottom of the bowl. Mix well and coat them evenly.

11

If the seasoning is too dry then sprinkle more oil if baking. If using air fryer, then you may sprinkle water.

12

To air fry, just add them to the basket and spread them. The first option is to choose the default fries setting and then towards the end air fry at highest 200 C or 400 F until crisp and golden for 2 to 3 mins. The second method is to air fry at 200 C or 400 F for 8 to 9 mins and then shake them once and repeat for another 8 to 9 mins until crisp and golden.

More recipes

Ramen

45 mins

4.9

500 Cals

Pancake

30 mins

4.4

230 Cals

Tteokbokki

45 mins

4.9

500 Cals

White sauce pasta

60 mins

4.7

400 Cals

Momos

45 mins

4.9

500 Cals

Avocado salad

15 mins

4.7

200 Cals

Chicken biryani

45 mins

4.9

500 Cals

Burger

60 mins

4.7

400 Cals

Taco

45 mins

4.9

500 Cals

Sushi

60 mins

4.7

400 Cals

Pizza

45 mins

4.9

500 Cals

Waffle

60 mins

4.7

400 Cals

my UX work 🧠

designing one pixel at a time

know more

NEBULA UI - DESIGN SYSTEM 🎨

The Nebula Design System is a comprehensive and meticulously crafted toolkit designed to elevate user interfaces and streamline the design process. Its foundation encompasses a rich palette of colours, typography, precision layout grids, and dynamic shadows, ensuring unparalleled visual aesthetics. In the realm of components, discover exquisite buttons, intuitive input fields, captivating badges, and iconic icons, complemented by meticulously designed tables for efficient data organisation. Nebula provides a seamless design experience, transforming interfaces into celestial wonders with its stellar elements.

BITEBOSS 🥘

Introducing BiteBoss, the app that whips up healthy recipes with a side of nutrient tracking. From gluten-free gurus to protein-powered pals, we have got your dietary needs covered. Filter through a world of recipes by calories, macros, & even vitamins, so you can conquer your nutritional goals with every bite. Track your nutrients, slay those cravings, & become the boss of your own bites!

know more

ZING - WEB APP 🍛

Zing is your go-to web app for effortless food ordering. With features like pre-ordering, menu filters, and estimated wait times, it simplifies the process. Plus, Zing offers delivery options. It's the perfect solution whether you're craving a quick bite or planning a special meal. For food lovers who prioritise convenience and efficiency, Zing is a must-have tool.

know more

B

r

a

i

n

o

r

m

s

t

i

d

e

a

s

User research

Brainstorm ideas

Competitor analysis

& wireframes

User journey flow

Foundation &

components

Local styles +local variables

Prototype

Start

Tools Used

Figma, Zeplin

Tools Used

Figma

Tools Used

Figma, Spline

My Role

UI UX designer

My Role

Visual designer

My Role

UI UX designer

Try it out!

Try it out!

Check out my other work!

Quantitative Analysis

Qualitative Analysis

UI screen iterations

Prototype

Deliver Now

HSR Layout 2nd..

Find your perfect food match

Download our

App

Less than a Whatsapp forward

or a Selfie!! Not even an mB.

Join the Cult!

Live Order tracking

Free Packaging

30% OFF, and much more

Download Zing Lite

----------------- 4 Restaurants Near You ----------------

Tasty Magic

0.25 km・North India

Cafe À Paris

1.25 km・Continental

Go Andhra

2.35 km・South Indian

Thar - The Taste...

3.25 km・Indian

rajasthan

in-a-box bowls

exclusively curated by zing

Tasty Magic

0.25 km・North India

Cafe À Paris

1.25 km・Continental

Home screen

Recipe screen

Colour palette

Home page

UI screens & UX flows

Confirmation page

wanna talk about

a new project? 💼

this is how we can engage!

It is made using variables. Try out the different themes of BiteBoss!

Click here!

full-time employment

This is my playground, where I obsess over the tiniest details. Let's dive into the whimsical world of your project and make magic happen!

freelance projects

Looking to unleash a tornado of creativity that stretches beyond the boundaries of my daily domain. Let's create magic together!

Get a copy from the

1

2

3

Colours

When representing the brand or its products, it is important to utilize the brand colours. This colour palette is designed to evoke a feeling of purity and sophistication. Graphic elements that incorporate colour, such as badges, collaterals, and images, can be used creatively and without restrictions.

Neutral

These shades serve as secondary accent colours that are used to complement the primary colour scheme.

50

#FAFAFA

100

#F2F2F2

200

#E5E5E5

300

#D4D4D4

400

#A7A7A7

500

#737373

600

#525252

700

#404040

800

#262626

900

#10100E

Primary

The primary colour palette is applied to all interactive components, including CTAs, links, inputs, and active states, among others.

50

#EBFFFF

100

#E1FDFF

200

#D7F3FF

300

#CDE9FF

400

#C3DFFF

500

#B9D5FF

600

#A5C1EB

700

#91ADD7

800

#7D99C3

900

#6985AF

Secondary

Secondary colours can be used as accents or sparingly, allowing the primary colour(s) to remain prominent and take precedence.

50

#F8EBFF

100

#EEE1FF

200

#E4D7FF

300

#DACDFF

400

#DOC3FF

500

#C6B9FF

600

#B2A5EB

700

#9E91D7

800

#8A7DC3

900

#7669AF

Success

These colours elicit emotions of joy and are typically associated with states of accomplishment and fulfillment.

50

#EDFEF3

100

#D4FDE5

200

#AAF9CE

300

#58F2A6

400

#00E175

500

#00C94F

600

#00A63D

700

#008134

800

#00672F

900

#00552A

Warning

These colours communicate a sense of warning or danger and are typically utilized for all levels of alerts.

50

#FCF3D4

100

#FAEAAF

200

#FFE99A

300

#F7DB77

400

#F8BC56

500

#FF832B

600

#E4650A

700

#BC5C18

800

#9D511B

900

#824114

Destructive

These colours elicit negative emotions and are usually used to represent error states in the design.

50

#FFF1F2

100

#FFE1E0

200

#FFC8C9

300

#FFA0A1

400

#FF656B

500

#FF2A3A

600

#F0000F

700

#C9000A

800

#A70011

900

#8B0D15

Shades

Shades come in black and white.

00

#FFFFFF

100

#000000

Gradient

Linear gradient

#B9D5FF

#C6B9FF

#B9D5FF

#C6B9FF

DESIGN SYSTEM

VARIATION

COMPONENTS

DESIGN LIBRARY

DESIGN SYSTEM

VARIATION

COMPONENTS

DESIGN LIBRARY

Nebbula UI

Design System

Confirmation

California Burrito

Presidency University • Engineering Block

#291

Drishti Khanna

Good food cooking!

Your food will be ready by 3:00 PM

View on Maps

Call on + 91 9485530203

Download Receipt

View on Maps

Click here!

Click here!

BiteBoss

Nebula UI

Zing

More?

akansha sharma

product designer.

I'm a passionate art lover, & a comprehensive designer. My creative process involves absorbing the world's inspirations, concocting distinctive & unconventional designs. I thrive on discovering new marvels and devouring books like they hold my hidden superpower.

experience ⏳

2+ Years

social links 🔗

i currently design for 🎨

view my resume 📑