Shreya Kundu

Portfolio
UX designer & illustrator

I’m a 3rd year human centered design student in

Srishti Manipal institute of art, design, and technology,

Bangalore.

I believe good designing = good storytelling. shreyadoodles.com

TravelKaro
An app to enable users to find people to
travel with, for short trips, and to create trips.
Team:

Shreya Kundu - UI + visual

Adwait Bhattacharjee - UX + wireframes

Tariq Aziz - UX + wireframes

UI Illustration

See full case study

 Mismatching holidays often result in cancelled
Overview travel plans. We brainstormed for some innovative Main problems addressed
solutions to give us more freedom to go on trips.
Plans failing due to Hassle of planning many
mismatching schedules aspects of travelling
Prototype : https://bit.ly/TravelKaro_prototype
Difficulty in finding travel
groups to a tourist spot 4 Budget not matching
with friends

My process

Understanding Exploring the user’s Creating a stylescape Making the UI component Prototyping
the user problem system
 User base Overall “feel” of the app Designing for consistency
young working generation, who often look forward to Clean, confident, minimal, smart, different, bold, simple, The components intact with all required properties like
exploring different places on weekends, but often don’t representing a boarding pass design style; to the point, padding, packing with space between, and other
find people to go with. attempting something new, different from what was out properties, hence anyone can create new screens
there, not just another travel app without breaking the consistency in design.

Stylescape
 User profile
Final screens Create new trip
Some of the final UI screens
Error icon in fields
and components
Errors like wrong input will be
denoted by a small red exclamation,
to attract the user’s attention, while
not shocking them
Calender interaction
Same width as other fields, to make
it seem a part of the continuous
process, instead of an overlay

Trip cards
The trip description card will show
different amounts of info in different
pages, to decrease cognitive load of
the user
Explore Trip description and iternerary
Important features
of Travelkaro

1 Creating trips on the fly

2 Easy to invite people to the

trip

Easy to keep all travel

3 buddies updated on the
plans
Nesting icon components
Nested icons since one cannot change the
sizes of the instances of the nested Best suited for
components
4 professionals who want to
book trips on short notice

Decreasing designer’s
workload Itenerary format
I designed the components to have The itenerary has 3 main parts -
several sections of different input travel, stay, activities.
types. Even though repetitive,
unnecessary sections can be hidden.

It will be easier than making many See full case study

similar variants, increasing the crowd.
TableTop
TableTop is a digital waiting tool to serve
people at restaurants.

UX + UI Storyboarding

See full case study

Overview
Main problems addressed
Waiting tables is a lot harder than it looks.

I studied some of the problems in this

Social anxiety stopping users from waiters being too busy to attend

area and designed TableTop. properly communicating with waiters the customers in time

unclear communication between social distancing while

kitchen and customer 4 communicating with the restaurant

Process
Storyboards
Based on my secondary and primary

research, I made storyboards to

visualise the problem better

Key findings
Competitor

analysis

I evaluated the demos of 5 similar

services based on three categories-

interesting features, problems,

opportunities/avoid

Stylescape
High fidelity Welcoming and preferences Adding to order
interfaces
Some wireframes made in Miro

Component system
From the wireframes, I suspended the
individual UI molecules and organisms,
and made the high fidelity versions of
those for making UI screens quickly
Placing an order Ending meal and payment
Important features
Menu readily available of TableTop
at each step
The user can go back to the menu
Clear communication
to check item prices if needed.
Often in real life, the menu is taken
away once the user has placed the
1 between customer
and kitchen
order, hence they cannot check
prices later if needed.
2 Quick ordering

3 Easy to browse menu

4 Easy to edit order and

eating preferences

Eliminating uncertainty
After placing an order, the user Takeaway option
can see the orders they made, The user will be subtly directly,
and avoid anxiety. and not pushed, to the menu.

Flexibility in editing order

a timer: open scope to edit the order
made right after placing an order See full case study
MyCycle
An app to enable tourists to rent bicycles,
and to tour and explore more independently.

UX+UI

See full case study

Overview Main problems addressed
Tourists often feel hesitant to explore new places
v
better because they ha e to rely on strangers. I Independently exploring comes
C
designed My ycle to enable users to explore Hesitance to explore new places with its own consequences, like
places more independently. unfamiliarity with local rules.

Tourists often don’t get the genuine

glimpse of places
4 No licence to rent a car

My process

Understanding the user Exploring the user’s User journey in form of Studying interfaces of Making wireframes
problem conversations between apps with minimal actions and some high fidelity
the app and the user in screens
different scenarios

This step was to humanise the app experience

Final screens Trip details
Most important details enlarged,
so the user can refer to them
Use case #1: quickly at a glance while cycling

Renting to dropping off a bicycle Important features

of MyCycle

Quick access to tools

1 while cycling

Easy-to-glance at

2 travel stats while

cycling

Bicycle info shown

3 upfront before

starting trip

4 Minimal interactions

Bicycle status
Shows the most important
stats a user needs to know Tools at fingertips
to choose a bike Translator, safety calls, nearest
shop - the most important tools
are easy to find in need
Use case #2:
Low battery + switching bicycles

Easy-to-read when out

low battery tooltip more
conspicuous to catch the
user’s attention subtly, but Time efficient
not alarmingly. To avoid time wastage, there’s
an option to switch to a fully
charged bicycle

See full case study

Product
illustrations
For different agendas, users, scenarios.

Illustration
 I drew some packs of illustrations
Overview in different styles, for both
personal and client projects.

My process
Office tasks (WIP)
I’m making a collection of 10
illustrations representing different
office tasks and situations
Doodled animals Webalo illustrations
A collection of animal A collection of illustrations I made for presentation
illustrations in my comic style. slides of a frontline worker management tool, Webalo
Daily practice
I try to draw
illustrations daily to
sharpen my skill.
Litmus
illustrations
Brand identity and illustration set for
a SaaS platform, Litmus.

Illustration Brand identity Client project

 Litmus is an Open Source Chaos
Overview Chaos experiments concept

Engineering framework. I designed the

I represented ‘experiments’ with test

brand mascot, the Chaos Bird, which does tubes, and ‘chaos experiments’ with

‘experiments’ on code and frameworks to the liquids inside the test tubes,

sometimes with squiggly lines, to

tests their resilience to failures.
denote ‘chaos’.

Video tutorials on Litmus

Doing experiments Examining analytics Seeing YAML files Chaos bird inviting feedback
Chaos Hub Moving towards more resilience Searching for experiments 404

See all illustrations

MayaData
graphics
Graphic assets I designed for
MayaData

Graphic design Client project

Overview

I designed graphic assets, including posters,

feature illustrations, blog banners, and ebooks

for Mayadata, a leading open-source company

for data on Kubernetes.

I have also created graphic assets for 2 of their

other products - Litmus and OpenEBS.

KubeCon assets KubeCon is a flagship conference organised by the
Cloud-Native Computing Foundation (CNCF). It gathers
DevOps, SRE, developers, and technologists to meet
leading open source and Cloud-Native communities.
See more assets
Liked what you saw? Let’s discuss opportunities.

[email protected]

See more of my work:

shreyadoodles.com