Children Development Center
Redesigning a website for Children Development Center 'Razvivayka'
Current webpage of the center.
Important note: Due to enormous amount of work, this project is only partially translated from Russian to English.
UX research, responsive mockups
Figma, Google Docs, InDesign, MIRO
Rethink functionality of the Children Development Center ‘Razvivayka’ and design the web-service, that will be aligned with clients and business goals.
1) Include the possibility to book group classes and make individual appointments to the specialists.
2) Make possible communication between teachers and parents within the website.
3) Teachers/specialists portal.
4) Rethink website design.
Project was done following design thinking process:
Analysis of the current processes
Brainstorm ideas for the website
Prototypes (lo-fi and hi-fi)
During the research were interviewed 5 clients of the center. This user group confirmed initial assumptions about the updates that needed to be done to the initial website (class booking option, communication and notifications), but research also revealed that parents want to have a digital place where they can not only communicate with the center, make/change appointments, but also keep notes from the individual sessions (made by the specialists and the client itself).
Bellow are summarised pain points named by clients:
PAIN POINT 1
There is no way to communicate with the center except via phone.
PAIN POINT 2
Clients want store information related to the activities in Razvivayka in one place.
PAIN POINT 3
Clients want to have a good search filter to book the classes.
PAIN POINT 4
Clients want to be notified about Razvivayka events, actions and other important information.
A primary user of the service are parents with children, who attend Razvivayka’s classes and/or work with a certain specialist(s).
Clara and Dimitry are parents and clients of ‘Razvivayka’ Child Development Center,
who need a convenient way of communication with the center
because it will help to keep track of the upcoming classes and don’t miss important events or updates.
Mapping User Journey
First of all were registered main processes of the center that supposed to be represented on the website, as well a short description of all the classes and sessions they have in the center.
The main focus was spend on defining and registering processes for individual specialists (like, psychologists or speech therapists), as unlike group sessions, these meetings are less standardized and have an individual character.
(Due to remote work, most of all the diagrams and tables were done in MIRO)
Customer Journey - Expanded version
Customer Journey - Making appointment
Design and Prototyping
Next step was to sketch out wireframes for major screens of the website, that could also introduce solution for the user pain points about communication and scheduling appointments.
Here you can see my sketches of the Home page and favourite elements:
Digital wireframes and Prototypes
Main Website pages were created after design iteration process and by synthesizing elements that would help to speed up the processes.
Bellow you can see a digital prototypes for the "Book class" flow:
User tests and design updates
5 participants were asked to run through different scenarios in our prototypeto test main design elements and the flow itself.
Bellow are some of the insights that lead to the design updates of the desktop and App versions:
1. Add updates and significant event notifications on the landing page
2. Make the offices pins expandable on the map in the App
3. Keep only Group/Individual class buttons in the App
Include 'hide filter' option in the App
Design and Prototyping
Bellow is presented a blueprint for the process of booking an appointment for the individual session with a specialist (child psychologist):