![34 copy 2.jpg](https://static.wixstatic.com/media/74583d_7df39951f7934bef95d4ab47f84bd4d0~mv2.jpg/v1/fill/w_949,h_633,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/74583d_7df39951f7934bef95d4ab47f84bd4d0~mv2.jpg)
Introduction
Goal: To design an app that empowers parents of children with Trisomy 21, providing them with essential resources, support, and information.
Target Audience: Parents of children with Trisomy 21.
Delivery
- Information architecture ,
- User interface (UI) design,
- High-fidelity prototypes,
Softwares
Figma, After Creative Suite
Nadia Brunzlow Darya Andreyeva
Empowering Parents of Children with Trisomy 21
Delivery
As the UX designer, your primary contributions included:
-
Information architecture development: Based on client-provided research and interviews, you created a clear and organized structure for the app.
-
User interface (UI) design: You designed an intuitive and user-friendly interface that aligns with the established information architecture.
-
Prototype creation: Using Figma, you developed high-fidelity prototypes for testing and feedback.
Project Goals
-
Provide essential resources and information to parents of children with T21.
-
Foster a supportive online community for connection and knowledge sharing.
-
Empower parents to make informed decisions regarding their child's care.
Design Process
-
Client Collaboration:
-
Worked closely with the client to understand their vision and goals for the app.
-
Incorporated client-provided research findings, interviews, and user personas into the design process.
2. Information Architecture:
-
Developed a clear and organized information architecture based on the client's insights.
-
Defined key features:
-
Formula 21: A personalized early intervention plan.
-
Community Forum: A platform for parents to connect and share experiences.
-
Resource Directory: A comprehensive list of local specialists, events, and support centers.
-
Medical Information: Essential details about T21, including doctor's appointments and recommended tests.
-
Proposed Design Styles & Color Pallets
"I want the parents to feel welcomed, empathized with, and and most importantly I want them to feel like they have an impact to help their child in such a crucial stage."
- Client
![43.png](https://static.wixstatic.com/media/74583d_43df3a1557064d8ab63299839874deb1~mv2.png/v1/fill/w_600,h_338,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/43.png)
![2.png](https://static.wixstatic.com/media/74583d_1215c268bf1a4cef8dfdb0119c53e757~mv2.png/v1/fill/w_600,h_257,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/2.png)
![44.png](https://static.wixstatic.com/media/74583d_54328b71dfce44d7b408c1c0e4d99922~mv2.png/v1/fill/w_600,h_338,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/44.png)
![9.png](https://static.wixstatic.com/media/74583d_fbdead6f78bb441190c8deb48c687552~mv2.png/v1/fill/w_600,h_257,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/9.png)
![45.png](https://static.wixstatic.com/media/74583d_57bff0b540ce4750874c544578cadfcc~mv2.png/v1/fill/w_600,h_338,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/45.png)
![43.png](https://static.wixstatic.com/media/74583d_ffd46c5ee60943e3b95302d2b1ee50cc~mv2.png/v1/fill/w_600,h_257,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/43.png)
![46.png](https://static.wixstatic.com/media/74583d_521d075800d34ba2830eacbdd0c8a72a~mv2.png/v1/fill/w_600,h_338,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/46.png)
![44.png](https://static.wixstatic.com/media/74583d_4c0ecc3e31c74609b260992b837fdd9f~mv2.png/v1/fill/w_600,h_257,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/44.png)
Client chose number 1 as her favorite design
Here is our first UI design of the App
![40.jpg](https://static.wixstatic.com/media/74583d_ec611571a2b94a8b93ddc3b984ae4fa1~mv2.jpg/v1/fill/w_707,h_398,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/40.jpg)
We proposed 3 different color options
Here is our App Design with the selected color
![1_edited.jpg](https://static.wixstatic.com/media/74583d_7b922209943940a283062692928c92f0~mv2.jpg/v1/fill/w_600,h_338,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/1_edited.jpg)
F21 Challenge
Introduces T21 and the purpose of Formula 21.
Presents each of the five challenges (e.g., Oxygen Loss, Oral Motor Skills) with:
-
A concise explanation.
-
The importance of addressing the challenge.
-
Anticipated outcomes after intervention.
![3_edited.jpg](https://static.wixstatic.com/media/74583d_a1e929a5f9e649eaa7065578b9b48f37~mv2.jpg/v1/fill/w_600,h_338,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/3_edited.jpg)
Inspiring Journeys
-
Provide the user with the resources such as youtube videos, documentaries, articles and more to help parents and their children learn and connect.
![8_edited.jpg](https://static.wixstatic.com/media/74583d_775e04219f2e4185a37dcf6c46048cad~mv2.jpg/v1/fill/w_600,h_338,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/8_edited.jpg)
Settings
-
Enables filtering functionality for days of the week and exercise types (based on Formula 21).
-
Provides a checkbox layout for selecting relevant days and exercises.
-
Dynamically updates displayed content based on selected filters.
-
Uses clear labeling for intuitive user interaction.
![10_edited.jpg](https://static.wixstatic.com/media/74583d_39ac2037e7424cd98f178d066cd7b096~mv2.jpg/v1/fill/w_600,h_338,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/10_edited.jpg)
Resources
Presents a resources section with links to:
-
Relevant studies supporting the interventions.
-
Specialist suggestions and location links.
-
Gigi's Playhouse for additional support.
Home Page
-
Clearly conveys the foundation's mission and vision.
-
Offers a welcoming introduction.
-
Provides a call to action to explore the app's features.
-
Showcases heartwarming testimonials from parents.
![4_edited.jpg](https://static.wixstatic.com/media/74583d_18be5016bd444195b9c87764fe031a40~mv2.jpg/v1/fill/w_600,h_338,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/4_edited.jpg)
About F21
-
Offers tailored interventions based on early intervention principles and studies.
-
Includes examples linked to age for clear understanding (e.g., oral motor skill exercises for specific age groups).
-
Provides information on symptoms and practical solutions.
![2_edited.jpg](https://static.wixstatic.com/media/74583d_498d2d1548cb491b99ccc3118325a247~mv2.jpg/v1/fill/w_600,h_338,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/2_edited.jpg)
F21 Actions
-
Provides a list of recommended actions and tests that could be valuable for a child.
-
Includes a calendar and notification feature where you can add your child's visits and all the notes.
![11_edited.jpg](https://static.wixstatic.com/media/74583d_9264238b3f28475fb26bc759cfa680d1~mv2.jpg/v1/fill/w_600,h_338,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/11_edited.jpg)
Connect
-
Interactive world map interface highlighting Gigi's Playhouse facilities.
-
Clickable pins for navigation to facility websites.
-
Filter options by country and state (US) for user-friendly exploration.
-
Clear and concise layout for optimal usability.
![9_edited.jpg](https://static.wixstatic.com/media/74583d_8f8c222715aa4807831128bfadfa333a~mv2.jpg/v1/fill/w_600,h_338,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/9_edited.jpg)
My Figma Essentials
"components and styles"
![Components.png](https://static.wixstatic.com/media/74583d_8c57106e521a4cf2bd1539bb0d4d75dc~mv2.png/v1/fill/w_600,h_345,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Components.png)
..and, the prototype
maybe doesn't look organized but it is:)
![Screenshot 2024-09-10 at 2.24.19 PM.png](https://static.wixstatic.com/media/74583d_bfa237b3e24a47fda9ef1e3cfd0eb78e~mv2.png/v1/fill/w_593,h_251,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screenshot%202024-09-10%20at%202_24_19%E2%80%AFPM.png)
![Screenshot 2024-09-10 at 2.23.25 PM.png](https://static.wixstatic.com/media/74583d_a1c1655b391041c5bfa6bb7ba7b2dfbe~mv2.png/v1/fill/w_177,h_598,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screenshot%202024-09-10%20at%202_23_25%E2%80%AFPM.png)