ondle

make them feel inclusive as much as possible

Role:
Tools:
user research,

competitive analysis,

interview and survey,

personas, Ideation

,sketches, usability
test,

visual components
design,

presenting.

Client:
Duration:

this was a students team work

8 weeks
project at Re:coded UX/UI design
bootcamp

Overview
Many parents of special need kids facing struggles and challenges on daily basis
and After digging deep in researches , interviews and surveys with the target
audience it found that :

58% of families 25% of families

17% reported the
feeling social are seeking
need of financial
isolation. medical
support.
treatments help
.

we created fondle app where the parents and caregivers of special need kids will
be able to incorporating with other parents in the community and feeling included,
additionally to that it offers guidance to all the places they need to solve their
problems.

Problems
Feels unsupported with no one to share her
challenges and emotional states with.

Inadequate financial resources and lack of

educational opportunities.

Unreliable medical sources.

less free centers or cheap treatments or

educations.

sloutions
fondle is a mobile app for all kind of devices it got two main
features the community to share feeling or ask and answer
questions ,join events and live sessions , the other feature is the
guiding map that reveal all the places they need in their city and
near to their areas further more the ability to make the whole
app about your kid or kids disabilities by answering some
questions while creating the profile.

Goal
The ultimate goal of this project is to support
and help parents and caregivers of special
need kids.

This is achieved by providing the resources

and guidance with the right assistance of the
society of different aspects.

Objectives

To get emotional aid from other parents with same

problems

To get better knowledge and resources for the

places they want and need.

faster access to information and answers of their

questions

To be updated most of the time

To let the users to customize the whole app to their

kids disabilities.

Target audiences

parents and caregivers of disabled kids need

to access information, resources, social and
emotional support with different opportunities
to ensure that they and their kids get the
necessary assistants to thrive.

Test
-Usability test

-Applying feedbacks

-forthcoming Ideas
Empathize

-Desk Research

-User Interviews

-Surveys.

-Competitive analysis
-Brainstorming

-Sketches

-User Flow

Define Design
-User Persona
-Lo-Fi Wireframes

-storyboard
-Hi-Fi Wireframes

-Empathy Map
-Prototypes
-journey Map

-Value Preposition

Empathize
Gathering information through desk research and interviews, surveys with the target
audience from different Arabic areas and came up with those findings as mentioned
it is difficult to find
below :
places or
programs for
financial support.
Paying for many
it is difficult to find
treatments and
places or programs
medications
with educational
needed.
opportunities

Research Finding separate from others

Lack of education affecting the emotional
and awareness is a and psychological state
serious issue.
of the parents and
children.
Children with
special needs
require specialized
treatment

C ompetitive Anal sis y

There are many competitors in the market that provided us with great insights and
valuable opportunities to improve our plans and strategy and determined the needed
advantages for our platform :

compan y m connect y navigate li e f wol and riends f f

te as x

Mission statement

Strengths

Weaknesses

Features

education
community
Guidance
Diversity
Notes
Notes

Opportunities

Identify
Opportunities

Not Availibale Availibale

Interview and Surveys

conducting interviews and surveys for more understanding and analyzing the
factors influencing and impact powerfully on the user as their problems and
complains then using the results for the designing what will meet their needs
and solves their pain points.

Surve
y ue
ho w
many
s t i o n s
q

........
........

spe cial ne
:

ed kid
s do y
ou ha
ve ?

Y our kid
kids a
belo
ge s
~

w ye
1-5
ar
elect t ?
(

hat ap
11-16

6 -10

plies )

If you
many are not a
y e a rs p a r e n
less a r e y o t b u t a
tha
n u a s a r e l at i
2- a ye
ar 4

c a r e v
giver ho takee 

5 w

s care
>

o
?

Do you f a spe
r k i c i a l need c
es d need hild ho
s a lon
Y


No

g term c w
som
etim
es

a re ?

Does y
o u r kid n
Alw
ay e e d m
Som
s

edica
etim l treat
Ofte
Rare
n
e


s

m ent ?
l y
Do you
find it
es 

Y
h ard to
get ac
c
No

som eptan
etim ce from
e s comm
unity ?

After conducting interviews and surveys, here are the results :

Interview Findings
social problems

other findings

financial problems
no friends feeling of
meeting isolation

no good there is no
educational sympathy in
resources hospital

unable to pay financially

medical pills shortag e

less
community always doing
support things alone

the special need no guidance or

kids cant work awareness
family support
requirements
no sympathy about the places
always increase no Social from the that could give
awareness
husband
help

that it lead to
divorce

15% 24%

17% Surveys Findings

22%
17%
5%

80 (24%) Find it difficult to deal with their kids

breakouts.

75 (22%) Has one disable kid.

1 (5%)
6 Has got two or more disabled kids.

58 (17%) Many dont know how to get help.

58 (17%) Didn't visit a specialist .

50 (15%) Long term need medical attentions.

D e ine f
During this stage we have created user personas and empathy map and a user
journey map to represent our target user group, based on the information which we
collected through the previous stage.

Empath y M ap
empathy map was created based on what the persona feels, says, sees and hear.

she’s looking and

searching for finical help
or any kind of fundings

Research resources
I need help, I don’t know
Trying to explain her child’s
what to do
needs and challenges to others
Make important and sensitive
she’s trying to cope with decisions
her situation
Asking for help or advice


Other parents who seem

to have it all together
People offering advice

useless platforms

their kids surrounded by she hears other parents

other’s looks complaine about the same
issues

Challenges of finding
adequate resources
Insensitive pity comments

Doctors and therapists

a lot of unpaid bills

Families and friends who are
not supportive doctors keep telling her sorry
we can't help your child

her kid suffering

long list of needs for her kid

she feels she's an obstacle in

"Don’t want to fail my child"

the presence of others.
"I need more help"

"Am I doing enough?"

She worries about her child’s

future, Wonders why her child
she feels helpless because she
face so many challenge
doesn't know exactly what

“why this is happening to me?”


is happening with her disabled kid
"How will this effect or help my
child?"

User Persona
Based upon the information we gathered during the empathizing stage, this persona was
created to represent the ideal users of the application.

User Journe y M ap

This is the user journey map, we prepared using the information collected
during the earlier phases.

value proposition
It outlined the benefits of the app and services that our target audience
will gain from using it, as they complain of many problems and struggles
with us they will find the revilers they need.

Creators Gain G aining the knowledge

around and about all Customer Gain
the rare disabilities.

ntegration into
I
The ability to choose Regular notifications Community’s live

your location and of tips and info's events.

region. about your kid E asy and direct
condition even for communication and call
Notifications of all rare disability types. in session.
social events
happening around Choosing your city with
your era. The ability to match the services available
your profile with in your region.
other parents who
regular group call Easy to navigate using
has kids with the Telephone book.

sessions for
same type of
discussions and tips
disability by making To find an
the app all about emotional support
communities for
your kid disability from community
sharing thoughts,
similar stories and Adding contact and share
knowledge information into difficulties and
each map for the stories. .
guide sources near
your location. to have people in
common to ask
Website. about certain
places,experiences Aware of a guide to
Customer Job and courses .. hospitals, medical
communities for
asking information Services and educational
supports.
and join events.

Keep up-to-date
To quickly find
Guide Map for all the with any Financial
people with the
educational, medical aids and fundings.
same disability as
and caring centers their kids.
and for the Funding
NGOs.

Society perceptions.
Lack of emotional
support from the L ack os any
community group
community, friends sentimental
session for sharing Active communities
Knowing how to deal or family. comments or any
knowledge and that sympathize and
with their kids kind of sympathy
experience

support other parents

emotional crises and from doctors.
in similar situation.

Inactive social
demands.

support groups that

includes other going Lack of finical
through the same support or guide to
challenges. funding aids.
Map that guides the
user to all the places Save more time.

that offers help Wasting time with no

regarding education, useful results.
medical and financial
needs.

Customer Pain

P ain Relievers

Ideas
We expressed the ideas as rough, simple sketches that allow expression of ideas quickly,
inspire further ideas and are easy to share, discuss and continue to the next phase.

An in call num ers in the b

search bar to find platform that makes it

Community that an accurate easier for parents to

has different information for connect with speci c fi

features like most of the people who can give help

calling sessions, disabilities and and guide for the places

guide system and guide you to they need.

sharing section. reliable resources.

Part in the platform A feature where it

similar to google

p
ma s but di ided into v is easily

: A platform where accessible to

different categories

education, fund and you can choose

communities with
social e ents with a v your country or
same issues or

feature of

disabilities
city and the

“asking”. v
ser ices a ailable v
in it.

Sketches
v
con ey ideas to different sketches dra wing with paper and digitally trying to demonstrate
functionality the platform as a wireframes without focusing on the visual de element yet

p
in ut bar

create

close

click to join in

participant

click for live

sessions groups

other users
click for
community
events

share

details for
the session

click for
more
details

even

w hat do you want to ask or share?

tagging user to a
video in community

Notifications Settings
tagging for files,links
from other user

notifications for saved

comments, new events or
articles from community

User Flow
It is the path a user takes while navigating our app and it shows what wil
happens in every step

D esign

Lo-mid Fidelit Wire rames y f

The first visual representation of a designer's idea thou translating the concepts
in to tangible and testable artifacts and for our user we made two versions of
the testing wireframes.

12:30
12:30
12:30
12:30 12:30 12:30

Create My ‫صخشلا يفلم‬ ‫يصخشلا كفلم

ءاشنا‬
Profile Account Edit profile
‫ يصخشلا كفلم‬
[email protected]
‫ليدعت‬
‫يصخشلا‬
[email protected]

Since you are a priority we need to My Kids

Loai
know what is it that your kid is Autism ‫يؤل‬
14
‫ يلافطا‬
suffering form ‫ نواد ةمزالتم‬
Notification 14 ‫ كلفط هيناعي ام نع انعالطا كنكمي له‬
‫تاراعشإلا‬
Ty pe of need Contact Us ‫جايتحالا عون‬
‫انعم لصاوت‬
Ty pe of Disability
Registered events
+ ‫ كلفطل صاخلا جايتحالا عون‬

Not available? + ‫ةلجسملا تايلاعفلا‬ ‫؟رفوتم ريغ‬

saved
‫تاظوفحملا‬
Language
‫ةغللا‬

Log Out
‫جورخلا ليجست‬

12:30 12:30 12:30

choose category choose category

12:30 12:30 12:30

Search ducational places
E

‫ةئف رتخإ‬ ‫ةئف رتخإ‬

Medical Places
Funding Places
‫ ةيميلعت زكارم‬ Search
lives
‫ ةيحص ةياعر زكارم‬

‫ يدام معد ريفوت زكارم‬

‫ةرشابم تاسلج‬

Community

‫عمتجملا‬

12:30 12:30
12:30

Category How to be the best parent

to an autism kid 20 14

someone L orem Ipsum Lorem Ipsum

2 hours ago
12:30 12:30 12:30
share feeling share tip events

Date Time
20 14
25 Mar 2023 4:30 pm
someone
2 hours ago orem Ipsum orem Ipsum ‫واد ةمزالتم وذ يلفطل لضفا دلاو حبصأ فيك‬ ‫ةئفلا‬
‫نواد ةمزالتم‬
L L

Duration Location 20 14
My kid isn’t really reacting with 60 min Hadd’h street.
me ‫دمحم‬ ‫ةرشابم ةسلج‬ ‫ةرشابم ةسلج‬
42 responses 2 hours ago
This event includes
Lorem ipsum Lorem ipsumLorem ipsumLorem
20 14 ‫ كب رعشن‬ ‫ةلئسالا‬ ‫ تايلاعف‬
ipsumLorem ipsumLorem ipsumLorem
someone
2 hours ago ipsumLorem ipsumLorem ipsumLorem
L orem Ipsum Lorem Ipsum ‫خيراتلا‬ ‫تقولا‬
ipsumLorem ipsumLorem ipsumLorem 25 Mar 2023 4:30 pm ‫دمحم‬ 20 14
I feel all alone, everyone is ipsumLorem ipsuem ipsumLorem ipsumLorem 2 hours ago
making fun of my kid ‫ةرشابم ةسلج‬
ipsumLorem ipsum
‫ةدملا‬ ‫عقوملا‬ ‫ُادج نيزح ودبيو يعم لعافتيال يلفط‬، ‫ لعفأ اذام‬ ‫ةرشابم ةسلج‬
42 responses 20 14 60 min ‫ةدح عراش‬ ‫؟ لعفأ‬
L orem Ipsum Lorem Ipsum ‫ءاقللا رواحم‬: 42 ‫ قــــــــيلــــعــت‬
Price é
YR. 2000 Register Now Ú 20 14
payment on arrival è ‫دمحم‬
à 2 hours ago ‫ةرشابم ةسلج‬ ‫ةرشابم ةسلج‬
é ‫ يلفط نمو ينم رخسي عيمجلا‬
Ú
‫ملك يطح زوه دجبا نملك يطح زوه دجبا نملك يطح‬ 42 ‫ قــــــــيلــــعــت‬
‫نملك‬
20 14

‫ةرشابم ةسلج‬ ‫ةرشابم ةسلج‬

‫رعسلا‬

The English version YR. 2000 ‫ لوصولا دنع عفدلا‬

‫ نألا لجــــس‬

The Arabic version

Testing

AS being parents or caregiver of special need kids being a specific

situation we tried to plan the testing phase carefully, we conducted fair
number of our audience personally and remotely vie zoom.

going with in the testing by showing and asking them questions while
they navigate through the wireframes and saying out loud what they
think during that .

Feedback a ter testing f

Overall feedback of the user was mostly positive with some confusing
parts that we change it later on the design as you will see
Simple, clear, and it is
easy to navigate
throughout

map feature is clear

the live sessions layout is
but i could not find
crowded
the category easily.

li can not figure out which

room is which from the icons
in the live sessions

community organized
and more appealing

map feature was clear

and great but need more
details

wire rames changes comparison f

a ter testing f
Before

12:30 12:30 12:30

All rooms All rooms All rooms

three types of live sessions

layouts to only one layout.

Leave

After

12:30

Back 1

Leave

Before

12:30 12:30

choose category
12:30

Medical Places
changing the category to
20 14
Search Search
more easier navigating way
orem Ipsum orem Ipsum

and add more details

L L

20 14

change the crowded layout to

L orem Ipsum orem Ipsum
L

more clear and easy layout

20 14

L orem Ipsum orem Ipsum

L

lo r em cente r
specialist in A utism

20 14

L orem Ipsum orem Ipsum

L

After

2
3
12:30 12:30 12:30

F unding Medical ducational

E F unding Medical Educational

20

L orem Ipsum
L r o em Ipsum Lorem Ipsum Lorem Ipsum

20

L orem Ipsum
L r o em Ipsum Lorem Ipsum Lorem Ipsum

20

L orem Ipsum
L r o em Ipsum Lorem Ipsum Lorem Ipsum

lo r em cente r
specialist in A utism
20

Lorem Ipsum
o em Ipsum Lorem Ipsum Lorem Ipsum
L r

Our app
fondle is a mobile app for all kind of devices it got two main
features the community to share feeling or ask and answer
questions, join events and live sessions, the other feature is the
guiding map that reveal all the places they need in their city and
near to their areas further more the ability to make the whole
app about your kid or kids disabilities by answering some
questions while creating the profile.

Style Guide
This style guide of fondle app contains the required resources related to user interface.

T ypography

This is an example of an
The primary typeface used in this App is SUPREME.
Fondle

Logo

header
Meaning “gentle

touch and full support”

Supreme -48- Bold

And this is Sub-Heading

aa name

Supreme - 38 - SemiBold

Lorem ipsum dolor sit amet consectetur. Viverra ac lectus proin

AB CDEFGHIJKLMNOPQRSTUVWXYZ

ondle
congue ullamcorper semper. Ornare tellus adipiscing aliquam
a bcdefghijklmnopqrstuvwxyz

nullam feugiat sed felis semper. Tristique vulputate dignissim

0123456789 .,!?- :;
amet eget eget lacinia vitae. Quis parturient senectus phasellus

arcu purus odio.

Supreme - 24- Regular

Iconography and Illustrations

button solid button outline button text other buttons

Button
Button Text
+
Button Text
Button

Button Button Text

Button
Button Button Text

Buttons Button Text

Text

illustrations
Text

Color palette

y
primar & secondar y Font & background Button C olors

error accent

neutrals

Following are some of the final design screens which are designed and prototyped
using Figma.

High Fidelit y Wireframes

undefined shapes to
explain that people are
different in their needs and
rights.

12:30 12:30 12:30

On boarding :

Skip

designed to introduce the users

to our app and the main task or
ondle
where it’s all about you

We’re asking you questions
We are here to feel
to get you to the place

ideas behind although they can

you and all your kid’s where you feel included

cases only

skip it by pressing the skip

Next Next

button.

Logo which means a gentle touch

Slide for more details

choose your kid’s case

Creating your account :

12:30 12:30

First

creating new account is necessary

Since you are a priority we need to

know what is the case of your kid is

Type of special need

cause the user goes through a very Type of special need

e.g Autism
Autism

Deaf and Hard of Hearing

specific few steps and questioner to

Not available?

To get Started Visual Impairments

Psychiatric Disabilities

help us identifying the kid’s case and Create Profile

Down syndrome

Mental disorder

make all the app relating to it.

notifying the users if his/her
kid’s case available

asking user for what their kid case if

its not included in the app
The main page and menu
user input only basic information and
his/her kid-kids . The kid page

12:30 12:30 12:30

12:30 12:30 12:30

Create Profile My Account

[email protected]
Edit profile First Not there?

Parent Name

Since you are a priority we need to

Age My Kids
know what is the case of your kid is

Loai can you tell us what is your kid case ?

Autism
Notification
14

Contact Us Type of special need Type your kid need type

Kid’s Name
Registered events
+ Autism

Not available?

Kid Age saved

We’ll do our best to include
it as soon as possible and
Language
you will be noti fied
Your Kid Gender
Log Out
Female Male

Submit submit OK

Submit

Menu

User can add more

N avigate through pages than one kid

submitting your answer after

choosing the kid case that
included in the app

The Map Feature :

open track my location Category and tag

one of the main features of this app is

12:30 12:30 12:30

a guiding map for all places that Fu nding Medical Educational Fu nding Medical Educational Fu nding Medical Educational

searching bar
needed to help solving some of the
Search

Arrival ( 2 mins ) Arrival ( 2 mins ) Arrival ( 2 mins )

parents struggles, users first need to

Arri val ( 2 mins )

activate track my location from their

phones then choose what aspect they Hospital of down
syndrome

want to search for and lastly all the

places near their location will appear Guide Guide Guide

so they can click on each one for

more details and specific information.
map or guiding
details of the specific place

choose which part of the community

Live sessions:

12:30 12:30 12:30

Choose Live session

user can discuss and meet other 10

Your kid is aging, he is a teenager Ahmed Sami Majed

users whom have same conditions lives

and struggles or even for emotional

Sameera Hebah Ameera
Tuesday march 3rd

Understanding Your Kid Better

support each session has buttons for Community

share your struggles
20 Saleh Afrah Hazem

share or to save for the ongoing Anas Yusra Yusuf

sessions. community community

Leave

voice and writing method

ongoing session for chatting while session.

chose category
give instructions

participate in an
12:30 12:30 12:30

Category Category Category event

share thoughts
share feeling share tip events share feeling share tip events share feeling share tip events

Hebah Huda Huda

1 hours ago 1 hours ago 1 hours ago

The Community Feature :

My kid isn’t really reacting with me How to be the best parent to an How to be the best parent to an

autism kid autism kid

40 responses 40 responses Registe r Remi ne d me 40 responses

Hazem Hazem
Mohammed Hazem

2 hours ago 2 hours ago 2 hours ago

I feel all alone, everyone is making 3 tips to help your autism son Let’s gather let’s fondle ,
fun of my kid maintain a social life

responses responses r ne responses

In this part user find what he/she

20 20 Registe Remi d me 20

Hazem Hazem Hazem

2 hours ago 2 hours ago 2 hours ago

needs of information rather it is asking

community community community

20 responses 20 responses 20 responses

about their kid case or specific

problem and he/she can share 12:30 12:30 12:30

feeling, moments or educational tips Hazem

2 hours ago
Mohammed
2 hours ago
How to be the best paren

to an autism kid
t

and join an events. I feel all alone, everyone is

making fun of my

The lings o rustration anger an

fee f f
kid
, d
3 tips to help your autism son

maintain a social life

If you e recentl learne t at our c il as

'v y d h y h d h
Hebah
1 hours ago

impatience t at come it raising a c il

h w h h d or mig t a e autism spectrum isor er
h h v d d ,
Date
w it autism are a solutel real an t e can
h b y , d h y you re pro a l on ering an orr ing
' b b y w d d w y
25 Mar 2023
Time

: 0 pm
ta e a toll on e er aspect o
k our li e. e
v y f y f Th a out at comes ne t. o parent is e er
b wh x N v
4 3

emotional p sical , nancial social an

hy , fi , d prepare to ear t at a c il is an t ing
d h h h d y h

ps c ological impacts can e aunting ut

y h b d , b ot er t an app an ealt an an A
h h h y d h hy, d SD
Duration
t at in no a usti es ail elling at amil iagnosis can e particularl rig tening. ou
Location
h w y j fi d y y f y d b y f h Y

mem ers. b ere are online in person an

Th , - d ma e unsure a out o to est elp our
y b b h w b h y
60 min Hadd’h street.

t erapeutic support options in e er state

h v y c il or con use
h d, con icting treatment
f d by fl

for parents an at is e en more galling is

, d wh v a ice. r ou ma a e een tol t at A
dv O y y h v b d h SD

t at ou a e spent goo mone an time

h y h v d y d is an incura le li elong con ition lea ing
b , f d , v
This event includes
on t erap . a t erap at t at. na le to
h y B d h y, h U b you concerne t at not ing ou o ill ma e
d h h y d w k
o to eal it ou r n a pro essional
e press t eir t oug ts or eelings in
x h h or s h f w d , a i erence.
d ff
h

a
w d w h y kid i f

c il ren it autism ma las out an it

h d w h y “ h ” d h ,
w y

un erstan ing at is more ene cial or

scratc or ite t eir parents or si lings. d d wh b fi f
h, b

itting can range rom an open an e slap

h b
you r i . k d

getting to no at ot ers en ure

H f -h d d

to a close ste punc .

k w wh h d

uring treating t eir i s cases.

d-fi d h
d h k d

100 li e
k 20 comment
Whi le it is true t at A is not somet ing a h SD h
Price
person simpl gro s out o t ere are man
y “ w f,” h y
YR. 1000 payment on arrival
treatments t at can elp c il ren ac uire
h h h d q

ne s ills an o ercome a i e ariet o

w k d v w d v y f
Re gister Now
d e elopmental
v c allenges. rom ree h F f

go ernment ser ices to in ome e a ioral

v v -h b h v

t erap
h an sc ool ase programs
y d h -b d ,

assistance is a aila le to meet our c il sv b y h d'

special nee s an elp t em learn gro

d d h h , w,

an t ri e in li e.
d h v f

what's ne t? x
The plan is to continue growing up the app for more better version and adding
more feature that can help in solving the problems easing the struggles ...here are
suggestions for the future plan
web versio
researching librarie
contact the professional

Re lection
Re lection
ff
First of all, this was a capstone project while being in recoded ux ui design bootcamp 2023 as a team work
for 8 weeks to create our app and I must say this was a great opportunity for us to explore a lots of trends in
UI/UX designing. Personally, Even though it was hard and challenging specially for the audience to open up
with us in such sensitive subject but it all went well and i was satisfied with the feedback given.

this is a great approach to continue with the future developments.

With the experience, we got during testing phase, we thought to do this project better, eliminating the issues
with the layout in the app. however there are still of new features can be added in the future and up to
testing again.

Finally I would like to say, from the beginning this project was a great experience and mainly it motivated me
to explore more about UX and UI designing. And I wish we would be able to release a better version of this
app with new more great features.

Thank You