Information portal with free consultations on HIV issues for women.
"Focus Media" foundation has been working in the field of preserving public health and developing civil initiatives since 1996.
Client
Create a portal where women can easily get counseling and answers to questions about HIV.
Task
Prototyping
Our main strategy was to create a mobile-first site, since 70% of visitors visit the site from mobile devices.
The limitations of the mobile platform have influenced the design and development. It was important that women could get all the necessary information and full access to the site from both the phone and the computer.
The target audience of the project is women from 35 to 50 years old. We have added tips and instructions to the most important pages so even an inexperienced user does not get confused and can get the necessary help.
Anonymity
User's anonimity was our main priority when designing the site.
In order to get a consultation, the user goes through a quick registration by phone number. But even without registration, women can get answers to frequently asked questions.
Consultation
To get an answer to the question is essential when asking a doctor. The site doesn't show neither doctor's name nor her discipline in the chat list. Instead, the question is always in focus.
It is important for a woman to feel comfortable discussing her problems, that's why we've designed a feature to show only female doctors.
The site has a list of online resources where users can learn more about HIV or get additional help, and a map of organizations that provide assistance to people with HIV+ status. Paid organizations are additionally marked.
Organizations
It is important that the person is not left alone with his problem. One of the goals of the project was to create a community of people supporting each other. To do this, we have added a section with personal stories of women living with HIV and a private chat in Viber.
Community
During registration, users don't have to enter their real names, any pseudonym will work.
Users can't upload photos or enter any personal information. The doctors only see pseudonyms and it's up to the user what she decides to tell about herself.
Each doctor undergoes a strict check. The personal data is confirmed and can be changed only by system administrators. That ensures the consultation is carried out by a trusted professional.
Design
Using pastel colors and flowing shapes, we have made UI delicate and soft, conveying friendly image of the portal.
Since most of the users come from mobile devices, it was important to create a website that looks and feels like a mobile app.
Vivid red elements accent the main actions on the page, strengthens the visual hierarchy and helps users find exactly what they're looking for.
Vivid red elements accent the main actions on the page, strengthens the visual hierarchy and helps users find exactly what they're looking for.
Development and technology
SMS-registration
To make signing up as easy as possible, we've used SMS-registraion. To access the site, user only needs a mobile phone number.
GraphQL
We use GraphQL to work with API requests. Unlike REST, GraphQL query return only the fields you need—the result can be used as is, without additional cleanup.
GraphQL makes it easy to aggregate data from different resources and returns a single result, even if each field is in its own resource.
GraphQL APIs are organised in terms of types and fields. That makes it easier to check if the query is correct before execution.
WebSocket
Created a chat for the first time ever. For that, we used SebSocket protocol, the same as Telegram and Facebook use. Now our projects can be even more advanced.
We made 63 pages for phones, tablets and desktop. In 24 days we designed UI, developed a website and launched a project.