a group of people in a room

Online Safety IRL

event landing page
Standard
complexity

Engaging event programme for youths

Open live project

UIUX Design

Web Development

Animations

Interactions

Youths IRL is a fellowship initiative aimed at empowering Malaysian youths to become leaders in digital policy and online safety. Our design objective was to create an engaging, informative, and youth-centric platform that encourages participation and reflects the program’s dynamic nature.

Engaging and mobile responsive form to increase enrolments from all devices
  • Responsive Design: Ensured optimal viewing and interaction across all devices, catering to the mobile-first habits of the target audience.
  • Vibrant Visual Identity: Utilized bold colors and dynamic imagery to resonate with the youth demographic and convey the program’s energetic spirit.
Usage of bold colour palette and typography
  • Clear Information Hierarchy: Structured content to guide users through the fellowship’s objectives, benefits, and application process seamlessly.
  • Interactive Elements: Incorporated interactive components like timelines and collapsible sections to enhance user engagement and information accessibility.
Setting up animations for each element to enhance user delight

We adopted a collaborative and user-focused approach to design and development, ensuring the platform effectively communicates the fellowship’s value proposition.

  • Stakeholder Consultation: Engaged with the Online Safety IRL team to understand program goals, target audience, and content requirements.
  • User Experience Mapping: Developed user personas and journey maps to inform design decisions that align with user needs and expectations.
Language switch — available in both Bahasa Melayu and English
  • Wireframing & Prototyping: Created wireframes and interactive prototypes to visualize the user interface and gather feedback before development.
Wireframe of the required pages
  • Webflow Development: Built the website using Webflow, allowing for efficient development and easy content management for the client.
  • Testing & Optimization: Conducted thorough testing across devices and browsers, optimizing performance and ensuring accessibility standards are met.

Enhanced User Engagement

The intuitive design and interactive elements led to increased time spent on the site and higher user interaction rates.

Improved Application Rates

Clear presentation of program benefits and streamlined application process contributed to a rise in fellowship applications.

Positive Feedback

Received commendations from both the client and users for the site’s aesthetics, functionality, and informative content.

Scalable Framework

The modular design and CMS integration allow for easy updates and scalability for future program iterations.

a screenshot of a computera screenshot of a cell phone
a woman smiling for a picture
next Case study

elfo

explore