S.H.A.R.E
WEBSITE
PROJECT OVERVIEW
“S.H.A.R.E – Sex Education for Teens” is a nonprofit project created by students in Hanoi to provide accessible sex education for teenagers in Vietnam. The project aims to share reliable knowledge about puberty, personal development, and sexual health for adolescents who may not have easy access to this information.
Through educational content and supportive communication, the project hopes to create a safe and open space where young people can learn and discuss topics related to growing up.
UX/UI ANALYSIS
Target Audience
Teenagers who are at the age that have much curiosity about the knowledge related to sex (body & mental changing, sexual experience,...). They are looking for a channel (or a project where they can work at) that provides valuable information about this topic. Or anyone who already know about the project but want to have a better understanding
-
Age: 13-18
-
Gender: Any gender
-
Location: Everywhere
-
Personality:
- Interested in learning about puberty, personal health, and topics related to growing up.
- Looking for a community that discusses these topics in a safe and open way
- Interested in youth education projects or social initiatives
Goals
The UI of the website should clearly introduce the project and help visitors easily understand its purpose, activities, and outcomes. The interface should guide users through the main sections of the project, including the project overview, activities, and products. Since the target audience includes teenagers and students, the design should feel friendly, simple, and engaging while presenting information in a clear and organized way.
Solutions
To achieve these goals, the website UI uses a simple structure with clear navigation and well-separated sections such as project overview, project activities, and project products. Each section includes short text descriptions and visuals to help explain the project’s work and impact. A clean layout, readable typography, and balanced use of images help make the website easy to explore while highlighting the mission and achievements of the S.H.A.R.E project.
#FF7FE8
#FFFFFF
#231B3B
UI DESIGN
Colors
Typography
A/a
Montserrat/bold
A/a
A/a
Montserrat/regular
Anton/regular
A/a
Sarabun/bold