02 shruti uiux work

01 / Project Uplift
Projects
03 / Build
02/ Loco

Project Uplift 01 /
Project Uplift is a self development, self growth spiritual app. The app provides a platform to the
audience to get educated and inspired with simple words and practice. The app acts more like
your spiritual diary.
How does the application work /
This app is a n year long self development project. It has total 48 thoughts and habits, divided
into 4 categories which makes each category consist 12 habits.
The categories are based on the complexity of the practice and as learner progresses the
complexity rises. Every week one thought is introduced with the productive and easy
explanations. Everyday similar conversations are done with the learner to help him focus on his
practice.
Credits - All the teachings and messages used in the app are from Dan Dapani, a Hindu monk
practicing spirituality in modern life. He is currently based in New York.

The Approach
FOCUSING ON FEATURES GOALS
Although the brief was to develop better functionality than the competitors, it was stressed that engaging in
a feature parity war was neither strategic, nor had the best interests of the app's users at heart.
To differentiate ourselves in an already mature and competitive market, we needed to define a desirable
role for the app and how it would meet the needs of the scheme's users. I was thrilled by the opportunity to
create something more meaningful.

The Discovery
What does 'Uplifting' mean to you?
The discovery phase was a quick, high‐intensity effort that allowed me to define project milestones, audit the
existing work, review the competitor landscape, understand our client's vision, and begin research into user
needs, behaviours and pain‐points.
I also kicked off a technical discovery phase to understand feasibility and constraints. The research revealed
that the concept of 'uplifting' represented something different to users of the scheme. Users' motivations for
growth and learning in the scheme differed, hinting at different requirements.

Goes out in nature for regular walks
Annual member of Edgar Cayce A.R.E. community
Quite clear on the inner mind journey
Key Characteristics
Joined the community to learn new things from
the knowledge base of a century
Enjoys the structured database
Prefers the to learn and experience approach
Motivations
over knowledge
Santiago Garcia
34 yrs
Composer
"I feel so honored to be able
to know at this age that self
discovery is everything. If it
wasn't for my aunt Macie who
lead me to spiritual journey, I
would have never knew that
there is a deeper layer that
exists with me. It is a
beautiful but overwhelming
journey as I don't know
where to start. I don't want
to be a monk and give up on
everything I love"
Santiago's Goals
Awaken the 'Inner Self' in the contemporary lifestyle

Try attending local meditation classes 2-3 times a
week
Often explores different mediums to upgrade his
knowledge and experiences
Thinking of making a professional switch but hesitant
Key Characteristics
Blanco's Goals
Build bonds with his soul and practice the technique every
awakened minute
Loves the way he can connections with himself
while practicing
Credits himself for choosing a different path
To challenge himself for his own growth
Motivations
Blanco Diaz
44 yrs
Tech Engineer
"I have always been a A
grade kid in the school, loved
technology and dreamed a
well paid job. Initial couple of
years went very well but after
wards I stopped enjoying the
money and was constantly
unhappy. I started to
question my existence, I still
do. I want more from this life.
I want to feel what is beyond
this life. I feel like learning all
the ancient techniques but I
am scared to give up the life I
have build for myself without
knowing how lifetime of these
practices make me feel"

Used to be very religious
Trying to figure out the believes above 'church'
Lost in self search, is nature the god? am I the god?
Key Characteristics
Maria is worried that she doesn't know who she is
and how to find that either
Keen on practicing so that she can find answers
To know how it feels to be - Nature
Motivations
Maria Gomez
22 yrs
Student
"What is the point of going to
college and spending on
education loan if I don't even
know how to close eyes for 5
minutes in the nature and be
still...why I can't be like
water, just be in the moment
and go wherever life take me,
why I can't be like butterflies
who are always happy. Where
do I start? Who will teach
me? Should I just pack
everything and go to Hawaii,
the land of magical beings?
How am I going to get closer
to myself by being with
technology constantly"
Maria's Goals
Be close to nature and her own thoughts. Not get
dragged in the world of Instagram

The Discovery
After designating persona types and aligning this with our phasing strategy we were able to prioritise who we
would be focusing on supporting in the early stages.
We used personas constantly throughout the project to guide design decisions, priorities, and create empathy
amongst the client and the team.

Wireframes and screen flow explorations

In spiritual world, Green symbolizes healing property and hence it was used as the principle
color for the product. However different shades were explored as the goal was to choose a
color that doesn't depict nature directly or nor it to vibrant for the mind. We were looking at a
toned down version of Green color to create a stable visual platform

The landing page for the product. As the circle is the symbol of awakening of human consciousness , the
logo is presented in this particular form. The leaf is portrayed as if two palms are joined together to
receive the knowledge

Introductory page where the disciplined tone of the practice has been set. Throughout the app the user is treated as a
spiritual learner or a seeker. A good amount of thought and research had gone during the initial stages to set the tonality of
the product. Intention was to create a respectful communication and a feel of being in a monastery

In following screens user need to reveal their names and the time of the practice. It was decided to collect as less
data as possible from the user to keep the interaction simplistic and real. The app just needs to know your name
so that it can be in-corporated in the daily communiactions to build the personal connection

Once the user is finished with the basic enrolling process, the next screen explains the learnings, syllabus that they
will be practicing for 48 weeks. As you can see it is a careful curation of the habits for one's holistic growth. The
background for the all 4 screens have been kept constant as if we are glancing through a book

These 2 screens are very interesting! When it is time for users to practice, the app first confirms if they are in the right mindset to receive
the learnings. In today’s chaotic and stressed lifestyle our minds fluctuate every single minute and if we are not in a calm and focused
state, we don’t grasp the moment, in this case the learnings. Once the user confirms that they are ready for that day’s learning, a quick 30
seconds breathing process is initiated to stabilize the mind for most productive learnings

After the 30 seconds breathing process initiation when the user opens up the eyes, that day’s learning appears in front of them. At
the top of the screen, is the main habit / word of the week followed by a brief explanation about how to practice that particular
teaching. At the bottom user is also reminded gently to practice the teachings and not just read and let it go

Every screen has relatable and meaningful visuals in the background. Intrestingly the visuals were designed to keep it constant for that entire
week / word so that users can also remember the learnings with those visuals. Keeping it constant for all 7 days creates a strong mental
association with the word and the message, cognitively something effective to remember. This design decision was also taken to convey a
fundamental principle that practice is about repetition!

Monday - Tuesday - Wednesday - Thursday - Friday - Saturday - Sunday
7 days - 7 screens with similar visual identity but diffrent teachings

At the bottom of every screen is a button that extends an information bar. Here is the space where the user can see what practice
he or she is in at the moment and with which day. The menu also contains notes, favourites and settings sections. On purpose it
has been designed to be a hidden menu bar as we want learner to focus on the learnings largely and not get distracted with
additional elements

A simple and clear notes section that lets the learner write the wandering thoughts, learnings, ques, memories
related to that day’s teachings. This screen has been designed to create a blank canvas with nothing but pure
white space for self expression and realization. Perhaps a digital self dialogue with one’s mind!

From the Settings Screen, the learner can see the multiple favourite practices he or she has liked the most throughout
the 48 weeks of journey. This data gets saved as per the 4 levels so it is easy for them to find. The main Favourites
Screen is a visual library with the clear headings of the practice. Once the particular visual is selected, the following
screen opens with the teachings

The Settings Screen also gives access to Notes, Levels and Schedules Section. Notes are the thoughts that the learner
has saved. They can view this as a diary whenever all the notes get accumulated if they want to access it anytime
The Levels Screen explains to learners where they are currently in the 4 stage progressive learning, how much of the
course syllabus has been completed and how much is remaining. This also gives them an idea about the speed with
which they are progressing

These are Advanced Stage Screens where we can see that the teachings, messages have become in-depth with much more
complexities of the spiritual teachings. However the design language remains same for the utmost focus throughout the app

Kindly note that following slides are the screenshots of the actual live prototype and hence the resolution is poor. However if you wish to see
the product with the live prototyping with actual resolution, please click on the link. Please view the link ONLY on laptop or a desktop. if that's
not possible, please continue with the following slides
https://kael295642.invisionapp.com/prototype/Project-Uplift-ckczzcm3y001sqo01r3kj9wdx

LOCO
02 /
LOCO is a one stop solution for paying all the necessary bills on a single digital
platform. The product is for financial, banking industry where they would want to
offer and explore an extension of their services. This service is targeted at the
younger generation and hence it was made sure that the language of the app is fun,
fresh and positive instead of it being formal and serious like most of the
competition.
The extra attention was paid to design the app in a minimalistic way as the research
suggested that higher the numbers and data on financial digital platforms, higher
the confusion and disinterest with the younger generation to use the product.
Successful and productive outcome has been achieved at presenting the data in
very organized yet refreshing manner.

What does the current financial subscriptions landscape look like?
METHOD 1:QUALITATIVE & QUANTITATIVE DATA
By performing in-person interviews and conducting surveys,
I learnt existing user behaviors for cards managemenr and
bill payments . Findings included studying device usage,
existing bill payments methods and user preferences for
quick banking services
METHOD 2:USER REVIEWS ON APP STORES
I sifted through hundreds of reviews and comments left by
users on Play Store and Apple Store, and further categorized
them under buckets and highlighted them in terms of
importance. This was some crucial feedback that helped me
identify various pain points and areas of improvement.

Ideation, wireframes and sketching

Research insights that inspired the design process
Fresh visuals
Not the feeling of
expenditure but
sophisticated lifestyle
As small efforts as
possible. Remember
we are the
generation of 140
words!

The market research has shown that most financial apps are in the lines of Blue, Purple colors. From the start the focus was to create a product that
stands out in the market, a new age product which is completely bold. Bright Yellow is a statement color which is complimented with Green to tone it
down wherever required as Yellow at times tends to shout. Due to it’s bold nature it is also a color which is less explored on digital platforms, hence
selecting it as a final color palette definitely has it’s own risk. If required, it is decided to tone it down in LOCO 2.0

The landing screen with the typographic logo and the brand tagline

Sign up, sign in screen as app needs to save the data on the server for security and privacy reasons. The product’s overall language
is visually straight forward and hence any images, filters, effects in the background were completely eliminated from the design
language. Afterall it is a matter of money which needs to be clearly communicated!

One of the interesting features of the app is that it doesn’t need to demonstrate the currency symbol on every single screen unlike other apps. In the beginning
itself it does ask consumers to set the currency in which the transactions would take place. That creates a cleaner experience for consumers on the screen with just
the numbers and not the numbers and the currency sign every time!

The home screen gives immediate glance to the consumers about how much money has been spent for the current month along with subtle data of
the previous months also. It helps them quickly identify the comparative financial picture. The screen has been designed with little light moods just to
kick off the financial analysis. It was identified that consumers may feel overwhelmed to see the data in immediate conversations and hence decision
was taken to keep the home page with less details as compared to following screens

The structured yet visually rich and clean experience design makes it easier to track the data. Also the
treatment reflects a bit of software design principles to set a premium product interaction

These are the screens where users can identify the self pre- approved services for billing purposes. This one sight data also gives the quick analysis of
most expensive services, mostly money has been spent on what kind of services etc. Based on this data, consumer can optimise the services for highest
financial and service benefits

Screens for adding new subscriptions or services. An incredibly minimalistic and onto the point interface

Screens for setting up the card details after adding up any new subscriptions or services

Another interesting feature of the app! Under the my cards section, it is identified how many subscriptions or services has been linked to
the particular card. Consumers can also view those spendings under the cards and if needed remove it and add it on the other card. More
visual weightage has been given on the logo of the respective brands to identity and connect with it quickly

Card details saving in process

Under the settings section, consumers can have a look and edit the details of themselves as on when required. Screens designed to be in
synchronization with rest of the app. The upgraded version of the app involves integration with other platforms for premium discounts,
integrated savings account and credit cars statements etc

https://kael295642.invisionapp.com/prototype/Loco-Final-ckczyoysc001oqo01864ox6hj

BUILD
03 /
Build is a wonderful platform to discipline ourselves and create new habits to enrich our
lives! The product not only helps uers build new habits but also lets them keep the track of
the progress in extremely detailed and visual fashion.
The app is based on cognitive research which has proven that human beings understand,
connect and remember visual data better than text. To create more profound support to
users the product is also designed to speak the visual language at large.
The product also helps aims at letting user stay focused on their mission and hence
unnecessary features, visual elements, text etc has been eliminated from the design. It
was important to create a digital space that is comforting and emotionally secured for
users so that they are in complete harmony and alignment with themselves to build the
habits to grow!

Working Backwards From The Perfect Human Being
I reversed the polarity of the perfect discipline to jumpstart creativity. Four key
design challenges emerged:
How might we better understand discipline and self commitment?
How might we form a platform that minimizes effort and saves time?
How might we remove the guilt and self doubt entirely?
How might we better adapt to the dynamic nature of our desires and mind?

Applied empathy research methods throught the project
Empathy map Day in a life RoleplayCard Sorting Shadowing

Most valuable research insight was to create a
product that is very visual so that users could keep
track of progress super easily and push thmselves to
raise the bar higher and higher, literally!

UX hierachy of needs influensing the overall strategy

Blue has been chosen to be a principle color for the product. Blue color represents stability and inspiration. After all, it is the color of the ocean
and sky! Both strong elements of abundance.
Also the color needed to be gender neutral and hence choosing the right Blue hue was also equally important. After multiple explorations this
Blue gem was selected! A pure treat of royalty to eyes!!! In addition to this the app uses equally refreshing color palette wherever required

The landing page exhibits a well defined, structured logo ( as building habits is a structured process ) along with a tagline of the
brand that assures practitioner that they always have full potential to manifest the habits, disciplined they desire

The product gives customers an introduction about the app before they are required to signing off. On purpose on these screens human figure
illustrations have been explored in the design process so that the users get inspired subconsciously which may give them a kick off push so that they
can stay on course. Also in 4 quick and effective stages it is communicated to the user that how excitedly this product may make their lives better!

The main focus of the home screen is on the present day of the user’s goals. Irrespective of what their progress has been in the past, intentionally exhibiting
any history has been avoided so that they can just focus on the present day and not dwell in guilt of not being disciplined enough in the past days or weeks etc.
Through strategically building home screen just about the present day, BUILD is communicating that change is right here, right now!
It also explains the visually and numerically how effective one has practiced today’s goals

The first screen in the Progress menu is about that present day’s progress. The user keeps marking achieved goals through the day and that also lets the app
create hourly or timely progress of the day. This particular screen doesn’t talk much about numbers as much as other progress screens. BUILD understand
the everyday stress we go through and hence it was a conscious decision to communicate present day data as visually as possible

The Progress section uses everyday data to create the live reports of not just of the present day but also for the weeks and months.
Users have freedom to choose a particular graph style to view the progress. The screens are designed to celebrate the user’s
achievements proudly and hence the top numeric data in bold typography! One can also just keep track of that and giv himself a
challenge to improve every week

The Habits screen keeps users informed at all times about the multiple challenges that are ongin
currently. Users can also use this data to add or remove newer or overlapping goals. This screen is
literally a bird’s eyes view for them and their loved ones to see where they are headed in life!

Once users have gone in the details of the individual habits he can see the days / frequency of the particular month when it was practiced. He can
also access the Notes section from here and understand how he was feeling, thinking during the goal completion progress. While BUILD itself is
using daily data to calculate and generate the progress reports, the particular Notes section also gives them freedom to map out their own
progress in any way they want. Ultimately the goal is to empower users to be masters of their own life!

Upon clicking on the top right Create icon on the Habits screen, the New Habit screen opens up. The setting up of the new habit has been divided into 5
stages so that the user is not overwhelmed with the pressures of all the detailing that mentally goes in to process the required efforts, dedication and
discipline. BUILD also has inbuilt habits that users can pick up on along with them deciding their own habits too. The screens are designed to set up a
tone of a conversation rather than making it feel like a rigid mechanical setup

Users also have a choice of using an inbuilt BUILD timer or they can use their own devices for
it. The advantage of using the BUILD timer is that on the completion of the goal, there is an
immediate and personalized appreciation which has been designed to keep the user motivated
and to let them know that they have accomplished their goals! As they say, change is the
matter of smaller thank you notes to ourselves!

The Profile section can be shared to anyone. Upon sharing, the app generates a particular code through which it creates a
file of the last 30 days of data. This can be then emailed to anyone users desire. This is specifically helpful for parents,
teachers to keep track of their children and students. It also can be used for therapists or life coaches to keep track of their
patients, client's progress. Afterall it is always a good idea to share your accomplishments with your loved ones!

https://kael295642.invisionapp.com/prototype/BUILD-ckczz9kc7001qqo011rih93pc

02 shruti uiux work

Recommended

Recommended

More Related Content

Similar to 02 shruti uiux work

Similar to 02 shruti uiux work (20)

More from AmolSawant52

More from AmolSawant52 (20)

Recently uploaded

Recently uploaded (20)

02 shruti uiux work