USER EXPERIENCE DESIGN PORTFOLIO D O N N A
C A R D O Z A
A PP DESIGN
01
TYPE: APP DESIGN
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.
D R I P S N S P R I N K L ES PA S T R Y O R D E R I N G A P P
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.
Drips n Sprinkles
RESPONSIBILITIES Conducting interviews, paper and digital wireframing, low and high – fidelity prototyping, conducting usability studies, accounting for accessibility and iterating on designs.
TYPE OF WORK: ACADEMIC PROJECT
DESIGN PROCESS A B O U T T H E A P P L I C AT I O N 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.
1
2
3
4
Empathize
Define
Ideate
Prototype
Understanding the problem and user needs
Identifying the problem we try to solve
Brainstorming ideas and solutions
Developing prototypes for usability testing
P R O J E C T D U R AT I O N May 2023 to October 2023.
U N D E R S TA N D I N G T H E P R O B L E M Based on a few research interviews, the problems that users face are :
PROJECT TOOLS Figma
o o o
Having to stand in a long queue to order their favorite pastry Not able to pick up their order on the go The need to have cashless transactions for ordering
U S E R P E RS O N A S
D I G I TA L W I R E F R A M E S As the initial design phase continued, I made sure to base screen
SINCHANA
designs on feedback and findings from the user research.
23 yo, B.Arch student ● ● ● ●
To experience and try all the new and available pastries. Focus on work and avoid wasting time. Work hours are hectic and it gets really late after work. Waiting in long queues at the bakery overwhelms me.
“I am a fun loving person who loves pastries. I usually like to pre-oder my favorite pastry from the bakery.”
V I D H YA 45 yo, B.Arch Professor ● ● ● ●
To fulfill my daughters needs and desires. To maintain a good work life balance To focus on my daughter and my hobbies. It’s difficult to find fast and customizable pick up options.
“I am a working single mom and I love to bake for my daughter but unable to do so on busy work days.”
USER JOURNEY MAP
Go to Bakery app
Browse menu
Place order
TASK LIST
Decide on a bakery product and flavor options
Browse the menu and Select the items on the menu
Enter the address and enter contact number
FEELING ADJECTIVE
Overwhelmed by number of options in bakery menu. Excited to try new items on the menu
Too much of text with less visuals is annoying and irritating
IMPROVEMENT
Create a dedicate mobile app for the Bakery with customizable options.
Provide search filters with images and screen reader technology
Dissatisfied to find the checkout icon not very visible Anxious about remembering the order Provide an easy checkout
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.
MOCKUPS
COLOR AND TYPOGRAPHY
BEFORE USABILITY STUDY
AFTER USABILITY STUDY
Early designs allowed for some customization, but after the usability studies, I added additional options to
Aa
choose the cake base and frosting. I also revised the design so users see all the
customization options when #EBB4AE
#DB8B83
#FFFFFF
Inter bold Inter regular
they first arrive at the screen.
HIGH FIDELITY PROTOTYPES
ICONS
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.
BUTTONS
A C C E S S I B I L I T Y C O N S I D E R AT I O N S
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.
DESIGN DEVELOPMENT
3 S E L E C T PA S T R Y
4 4
BROWSE MENU
BOARDING 1 OTheNuser is greeted with onboarding screens that give a gist of the features of the application.
Users will find it easier to customize their pastry.
Variety of toppings to choose from
C H O O S E D E L I V E R Y L O C AT I O N
2
5
SET UP PROFILE!
For the convenience of the users, they can set a delivery location.
6
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.
VIEW CART A space for users to check their order, the bill amount and apply coupons or give instructions.
Select payment mode and do the payment.
Drips n Sprinkles
K E Y TA K E AWAY S Impact: D E S I G N E D B Y: DONNA CARDOZA UX DESIGNER
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.
W EBSITE DESIGN
02
TYPE: A RESPONSIVE WEBSITE DESIGN
OLD MEETS NEW
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!!
CLOTH ORDERING APP 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
A B O U T T H E A P P L I C AT I O N 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.
1
2
3
4
Empathize
Define
Ideate
Prototype
Understanding the problem and user needs
Identifying the problem we try to solve
Brainstorming ideas and solutions
Developing prototypes for usability testing
P R O J E C T D U R AT I O N
PROJECT TOOLS
May 2023 to October 2023.
Adobe Illustrator
W I R E F R A M I N G A N D C O N C E P T U A L I Z AT I O N
U S E R P E RS O N A S
Brainstorming ideas to provide a pleasant shopping experience for users
VINITH
through several methods like formulating the information architecture of
23 yo, Student ● ● ●
the user experience, performing the crazy eights exercise, sketching
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.
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.
“I love supporting small businesses and especially reselling of old items if in good condition and not in use”
CONDUCTING RESEARCH AND TESTING CONCEPTS RAHILA An unmoderated usability test conducted with 5 participants
35 yo, Designer and Artist
for the research was performed to understand how
● ● ●
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.
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.
“I am a working mom and I prefer shopping from small businesses in comparison to other fashion brands.”
USER JOURNEY MAP
Opt small Business
TASK LIST
Browses though stores and products based on filters.
FEELING ADJECTIVE
Feels excited about buying something trendy yet reliable.
IMPROVEMENT
Provide sort and filter options along with recommendations based on preferences
Based on rating 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.
Choose a product
Check reviews
Place order
Goes through various products but unable to see customer photos
Selects a clothing product and adds to cart. Checks size.
Place an order and make payment.
Feels excited to order and thrilled to see a good rating from other customers.
Is super happy that the size preferred is back in stock and feels excited to place an order.
Provide proper photos in the reviews and use of a Wishlist button
Allow users to select sizes and different models or color choices.
Feels awesome and happy to be well informed about the time of delivery. Ensure a smooth user experience for payment and delivery tracking
DESIGN DEVELOPMENT
2 BROWSE MENU & SELECT PRODUCT! The next step is to choose the product of your choice from the wide variety of options listed.
1
ONBOARDING The user is greeted with onboarding screens that give a gist of the features.
COLOR AND TYPOGRAPHY
Aa #E5CC7F
#7F7F7F
#FFFFFF
Calibri bold Calibri regular
OLD MEETS NEW
ICONS
YOUR CLOTHING STORE
BUTTONS
A C C E S S I B I L I T Y C O N S I D E R AT I O N S
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.
D E S I G N E D B Y:
c
1
DONNA CARDOZA UX DESIGNER
B USINESS C ARD DESIGN
04
TYPE: BUSINESS CARD DESIGN
AC E T EC H N O C R AT S
RAMANI HANDE Senior Architect
ARCHITECTS OFFICE Tel: 0820-2531560/ 2527791 www.acetechnocrats.com mail@acetechnocrats.com 13-2-4(4), Ajay Krishna Court Back Road, Udupi
A C E T E C H N O C R AT S WE MAKE THE DIFFERENCE
A C E T E C H N O C R AT S 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.
An Architecture/ interior design firm that deals with Residential, Commercial, Educational, Healthcare and Hospitality designs..
COLOR AND TYPOGRAPHY
P R O J E C T D U R AT I O N May 2020
Aa PROJECT TOOLS Photoshop, adobe Illustrator #C62828
#252525
#F2F2F2
Calibri bold Calibri regular
L OGO DESIGN
03
TYPE: LOGO DESIGN
LOGO – Derived from touch of nature – Bhoomi sparsha – terra blush. Transforming the elements from earth into a physical
T E R R A B LU S H
space using textures & colors that align closely with nature.
BEAUTY STORE
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.
B E A U T Y R E TA I L S T O R E People are learning the importance of resources and how to use them more wisely. The relevance of mindful goods created with authentic techniques.
BRANDING
TA R G E T S H O P P E R S
A Brand where luxury meets the soul. The products make us feel beautiful from within
ABOUT
and also beauty reflecting from the spaces
I love taking every opportunity I get to help a budding business enhance
designed. Promotes cruelty-free skin care and
their social presence and style by designing logos with peppy colors,
other locally available organic products.
various trending designs and several conceptual ideas developed. This is PAPER BAGS
a logo design done for one of my interior design projects.
POP UP GOODIE BAGS
COLOR AND TYPOGRAPHY
P R O J E C T D U R AT I O N March 2022 to June 2022.
Aa
PROJECT TOOLS Photoshop
#ECC2B7
#9E7970
#006666
Calibri bold Calibri regular
CLOTH BAGS
T
H
A
N
K
DONNA CARDOZA 918277615209 donna.disha210@gmail.com
Y
O
U