Besiide • Landing page

Zalaan Khan

0

Graphic Designer

Web Designer

Copywriter

Figma

Framer

Besiide: Empowering Youth with a Judgment-Free Space

Besiide is a platform designed to give young people a voice, connecting them with professionals in a safe, judgment-free environment. By offering a space for honest conversations and open dialogue, Besiide empowers youth to express their thoughts, share their challenges, and seek guidance with confidence and ease.
My Role
I delivered a full-service solution for Besiide, managing every aspect of the project—from UX, UI, and copywriting to design and development. I began with Figma to craft interactive prototypes and refined the vision in Framer, creating a visually compelling and intuitive platform that meets the needs of its audience.
The Challenge
Many platforms catering to youth can feel intimidating, overly formal, or judgmental. The challenge was to create a landing page that reflects Besiide’s welcoming ethos while being engaging and easy to navigate. The focus was on building trust and relatability while ensuring the platform appealed to young users.
Strategy & Research
I conducted in-depth research on platforms aimed at youth engagement and mental health support. The findings revealed a strong preference for approachable, non-clinical designs and clear, relatable messaging. These insights guided the creation of a landing page that communicates warmth, inclusivity, and purpose.
Design & Development
Wireframes & Prototypes: Starting in Figma, I developed wireframes that mapped out an intuitive user journey, ensuring a seamless flow from the moment users land on the page. High-fidelity prototypes followed, balancing bold visuals with calming elements to make the platform feel both exciting and reassuring.
Key Features:
Welcoming Visuals: Soft colors, relatable imagery, and friendly typography set a tone of inclusivity and safety.
Clear Call-to-Action: Prominent CTAs invite users to start their journey with confidence, whether they’re seeking support or simply exploring.
Responsive Design: The page is optimized for mobile and desktop, ensuring a smooth experience across devices.
Development: After refining the prototypes, I brought the design to life in Framer. The platform’s design-to-code capabilities allowed for precision and creativity, ensuring the landing page is as functional as it is beautiful. Every interaction is optimized for speed and accessibility.
Tools Used: Figma for prototyping and Framer for development and publishing.
Challenges & Solutions
Challenge: Balancing a professional tone with a relatable and non-intimidating design.
Solution: I incorporated soft design elements, simple language, and relatable visuals to foster trust and connection.
Challenge: Appealing to a diverse audience of youth with varying needs.
Solution: The design is inclusive, with universal messaging and flexible visuals that resonate with a wide demographic.
Results & Impact
Besiide’s landing page successfully captures the platform’s ethos, drawing in young users and establishing trust from the outset. Early feedback highlights the welcoming design and easy navigation, reinforcing the platform’s goal of creating a judgment-free environment. Besiide is set to become a powerful tool in empowering youth to speak their minds with confidence.
Like this project
0

Posted Dec 25, 2024

Mini Landing page design for a mental health platform.

Likes

0

Views

36

Tags

Graphic Designer

Web Designer

Copywriter

Figma

Framer

Astera • Website Design
Astera • Website Design
Hookdeck • Full service Website Delivery
Hookdeck • Full service Website Delivery