UI/UX DESIGN PORTFOLIO

Page 1


APP DESIGN

01 DRIPS N SPRINKLES

PASTRY ORDERING APP

TYPE OF WORK: ACADEMIC PROJECT

TYPE: APP DESIGN

DESIGN PROCESS

THE PROBLEM

Though nowadays customers can easily customize their cakes and pick it up on the go. With the recent times ordering online is the go to option. Drips n sprinkles helps users to avoid standing in lines at pastry shops and also makes it convenient for them to have their pastries delivered as per their desired time.

THE GOAL

To design an app for Drips n Sprinkles that allows users to easily order and pick up pastries of their choice

MY ROLE

UX designer designing an app for Drips n Sprinkles from conception to delivery.

RESPONSIBILITIES

Conducting interviews, paper and digital wireframing, low and high – fidelity prototyping, conducting usability studies, accounting for accessibility and iterating on designs.

ABOUT THE APPLICATION

Drips n Sprinkles is a bakery App which redefines the experience of how users order pastry. Drips n Sprinkles strives to deliver healthy, specialty pastries and cakes. Drips n Sprinkles also provide customizable options.

PROJECT DURATION

May 2023 to October 2023.

PROJECT TOOLS

Empathize

Understanding the problem and user needs Define

Brainstorming ideas and solutions 1 2 3 Prototype

Identifying the problem we try to solve Ideate

UNDERSTANDING THE PROBLEM

Based on a few research interviews, the problems that users face are :

o Having to stand in a long queue to order their favorite pastry

o Not able to pick up their order on the go

o The need to have cashless transactions for ordering

Developing prototypes for usability testing 4

USER PERSONAS

KANCHANA

23 yo, Student

● To experience and try all the new and available pastries.

● Waiting in long queues at the bakery overwhelms me.

● To save as much time as possible.

● Work hours are hectic and it gets really late sometimes.

am a fun loving person who loves pastries. I usually like to pre-oder my favorite pastry from the bakery.”

SANDHYA

45 yo, Professor

● To fulfill my daughters needs and desires.

● It’s difficult to find fast and customizable pick up pastry options.

● To maintain a good work life balance and enjoy time with my family

● To focus on my profession and my hobbies.

“I am a working mom and I love to bake for my daughter but unable to do so on busy work days.”

USER JOURNEY MAP

DIGITAL WIREFRAMES

As the initial design phase continued, I made sure to base screen designs on feedback and findings from the user research.

Digitalizing paper wireframes for Drips n Sprinkles not only brought an outline and flow to the entire user experience but also brought in a lot of clarity in terms of functionality, placement, usability and accessibility.

Go to Bakery app Browse menu Place order

Decide on a bakery product and flavor options

Overwhelmed by number of options in bakery menu. Excited to try new items on the menu

Create a dedicate mobile app for the Bakery with customizable options.

Browse the menu and Select the items on the menu

Too much of text with less visuals is annoying and irritating

Provide search filters with images and screen reader technology

Enter the address and enter contact number

Dissatisfied to find the checkout icon not very visible

Anxious about remembering the order

Provide an easy checkout

“I

MOCKUPS

COLOR AND TYPOGRAPHY

Early designs allowed for some customization, but after the usability studies, I added additional options to choose the cake base and frosting. I also revised the design so users see all the customization options when they first arrive at the screen.

1 2 3

Provided access to users who are vision impaired through adding alt text to images for screen readers.

Used icons to help make navigation easier.

Used detailed imagery for pastry and toppings to help all users better understand the designs.

HIGH FIDELITY PROTOTYPES

The final high-fidelity prototype presented cleaner user flows for building a cake, ordering pastries and checkout. It also met user needs for a pickup or delivery option as well as more customization.

DESIGN DEVELOPMENT

1

ONBOARDING

The user is greeted with onboarding screens that give a gist of the features of the application.

Users will find it easier to customize their pastry.

2

SET UP PROFILE!

The next step is to choose the pastry of your choice from the wide variety of options listed.

The user can easily navigate from here to the next screen.

5

VIEW CART

A space for users to check their order, the bill amount and apply coupons or give instructions.

Variety of toppings to choose from

CHOOSE DELIVERY LOCATION

For the convenience of the users, they can set a delivery location.

6

Select payment mode and do the payment.

DESIGNED

BY:

Drips n S

prinkles

KEY TAKEAWAYS

Impact:

The app makes users feel like Drips n Sprinkles really thinks about how to meet their needs.

What I learned:

While designing the Drips n Sprinkles app, I learned that the first ideas for the app are only the beginning of the process.

WEBSITE DESIGN

THE PROBLEM

In recent times purchasing clothes online is easy like never before. Here Old Meets New is helping users resell and purchase used clothes with no compromise on quality and these styles never go out of Fashion!!

THE GOAL

To design a website that allows users to easily order or resell used clothes.

MY ROLE

UX designer designing a responsive website from conception to delivery.

RESPONSIBILITIES

Conducting interviews, paper and digital wireframing, low and high –fidelity prototyping, conducting usability studies, accounting for accessibility and iterating on designs.

DESIGN PROCESS

Empathize Understanding the problem and user needs Define Identifying the problem we try to solve Ideate Brainstorming ideas and solutions

Prototype Developing prototypes for usability testing

ABOUT THE APPLICATION

Old Meets New is a Cloth reselling website which redefines the experience of how users can resell or purchase used clothes. They offer a wide spectrum of pricing.

PROJECT DURATION

May 2023 to October 2023.

PROJECT TOOLS

Adobe Illustrator

USER PERSONAS

SANITH

23 yo, Student

● Prefers small businesses due to their resonable pricing.

● Wants to be able to message the seller directly about the products that are re-sold.

● Would love to see reviews and ratings of products.

“I love supporting small businesses and especially reselling of old items if in good condition and not in use”

RAHILA

35 yo, Designer and Artist

● Finds it hard to find genuine stores online with reviews.

● There are too many to choose from but not much details offered to customers

● Finds it frustrating without proper filters or sort options.

“I am a working mom and I prefer shopping from small businesses in comparison to other fashion brands.”

USER JOURNEY MAP

TASK

FEELING

IMPROVEMENT

Opt small Business Based on rating

Browses though stores and products based on filters.

Feels excited about buying something trendy yet reliable.

Provide sort and filter options along with recommendations based on preferences

Checks ratings and policies of the store to ensure reliability.

Feels anxious about not finding clear information and confused Ensure transparency with proper rating and recommendation features.

Brainstorming ideas to provide a pleasant shopping experience for users through several methods like formulating the information architecture of the user experience, performing the crazy eights exercise, sketching wireframes and testing them with potential users to ensure the idea can be executed successfully and iterate on the wireframes to achieve a smooth user experience design.

CONDUCTING RESEARCH AND TESTING CONCEPTS

An unmoderated usability test conducted with 5 participants for the research was performed to understand how easy/difficult it is for users to perform basic tasks on the designed application. Moreover, to understand the user experience in real time and any features that can be added / improved to the proposed design solutions.

Choose a product

Goes through various products but unable to see customer photos

Feels excited to order and thrilled to see a good rating from other customers.

Provide proper photos in the reviews and use of a Wishlist button

Check reviews

Selects a clothing product and adds to cart. Checks size.

Is super happy that the size preferred is back in stock and feels excited to place an order.

Allow users to select sizes and different models or color choices.

Place an order and make payment.

Feels awesome and happy to be well informed about the time of delivery.

Ensure a smooth user experience for payment and delivery tracking Place order

DESIGN DEVELOPMENT

ONBOARDING

The user is greeted with onboarding screens that give a gist of the features.

BROWSE MENU & SELECT PRODUCT!

The next step is to choose the product of your choice from the wide variety of options listed.

COLOR AND TYPOGRAPHY

ACCESSIBILITY CONSIDERATIONS

1 2 3

Provided access to users who are vision impaired through adding alt text to images for screen readers.

Used icons to help make navigation easier. Used detailed imagery to help all users better understand the designs.

FARMER DASHBOARD

03

HELLO KISAN FARMING

DASH BOARD

THE PROBLEM

Hello Kisan solves the knowledge gap by providing information access and agricultural services at every farming stage!

THE GOAL

To design a website that allows the user to easily track their crop and income.

MY ROLE

UX designer designing a responsive website and corresponding app.

RESPONSIBILITIES

Conducting interviews, paper and digital wireframing, low and high –fidelity prototyping, conducting usability studies, accounting for accessibility and iterating on designs.

DESIGN PROCESS

Empathize Understanding the problem and user needs Define Identifying the problem we try to solve Ideate Brainstorming ideas and solutions

2 3 Prototype Developing prototypes for usability testing 4

PROJECT DURATION September 2023.

PROJECT TOOLS

Figma, Photoshop

USER PERSONAS

VISHWA M PATIL

30 yo, Farm Manager

• One stop solution for every farmers needs.

• Full-stack agricultural services at every farming stage.

• Easy tracking market prices of their produce.

“I want to manage my farmlands and crop related information with ease and also weather related information along with government subsidies”

USER JOURNEY MAP

WIREFRAMING AND CONCEPTUALIZATION

Easy Signup / Login for easy navigation. Selecting crops and farm location which leads to obtaining relevant information. The home page helps explore new updates on weather, crop prices, news articles and easy access to other helpful services.

ACCESSIBILITY CONSIDERATIONS

1 2 3

Provided language accessibility for users and screen readers. Used icons to help make navigation easier. Used detailed imagery to help all users better understand the designs.

DESIGN DEVELOPMENT

ONBOARDING

The user is greeted with onboarding screens that give a gist of the features.

BROWSE

The Dashboard page helps to explore new updates on weather, crop prices and other helpful services.

ICONS BUTTONS

Calibri
Calibri regular
DESIGNED BY:
DONNA CARDOZA UX DESIGNER

BUSINESS CARD

DESIGN

ACE TECHNOCRATS

ARCHITECTS OFFICE

ACE TECHNOCRATS WE MAKE THE DIFFERENCE

ABOUT

A business card is more than just your contact info, it is more than just your mere logo on a card, It is the identity of your brand and a way for you to sell your product/service by capturing people's attention to your brand name.

PROJECT DURATION

May 2020

HANDE

Tel: 0820-2531560/ 2527791

www.acetechnocrats.com

mail@acetechnocrats.com

13-2-4(4), Ajay Krishna CourtBack Road,Udupi

ACE TECHNOCRATS WE MAKE THE DIFFERENCE

An Architecture/ interior design firm that deals with Residential, Commercial, Educational, Healthcare and Hospitality designs..

COLOR AND TYPOGRAPHY

PROJECT TOOLS

Photoshop, adobe Illustrator

LOGO DESIGN

03

TERRA BLUSH

BEAUTY STORE

TYPE: LOGO DESIGN

ABOUT

I love taking every opportunity I get to help a budding business enhance their social presence and style by designing logos with peppy colors, various trending designs and several conceptual ideas developed. This is a logo design done for one of my interior design projects.

PROJECT DURATION

March 2022 to June 2022.

PROJECT TOOLS

Photoshop

BRANDING

A Brand where luxury meets the soul. The products make us feel beautiful from within and also beauty reflecting from the spaces designed. Promotes cruelty-free skin care and other locally available organic products.

LOGO – Derived from touch of nature – Bhoomi sparsha – terra blush. Transforming the elements from earth into a physical space using textures & colors that align closely with nature.

COLOR – Nature is simply a vibrant array of colors composed of energy that flows around living things. The colors indicate and bring out our moods, emotions, and overall vibe.

FONT – The Modern font projects a sense of tradition and respectability and they feel crisp and friendly. The tagline in Cambria is clean, modern, and engaging.

BEAUTY RETAIL STORE

People are learning the importance of resources and how to use them more wisely. The relevance of mindful goods created with authentic techniques.

TARGET SHOPPERS

COLOR AND TYPOGRAPHY

donna.disha210@gmail.com T H A N K Y O U

Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.