In Collaboration with Triology Agency
Landing Page Profile Komunitas SRCI
Bali, Indonesi May - June 2025
About
The SRCI landing page was created to strengthen community branding and build client trust through a portfolio showcasing real contributions to society and the environment.
User need
The client wanted to rebuild the SRCI landing page to align with their branding while developing an internal web admin for blogs and educational classes.
MY TASK
I acted as a bridge between Triology Agency and SRCI, designing from scratch to the interactive stage for implementation by the development team.
TOOLS
Time Line Project
Below is the project timeline that I followed as a guideline to align the development process with the project’s goals and requirements.
Wireframe
The agency provided wireframes as a reference for the required content, which helped streamline the design process and ensure the project timeline was met. The three wireframes were created specifically for three countries: Canada, the Philippines, and Indonesia.
Canada
philippine
Indonesia
Work Flow The Team
Special thanks to Mr. Johan Aris for inviting me to join this project. In this role, I had the opportunity to collaborate directly with the SRCI team and my partner, Arya (developer), to solve problems and build the system together.
The Problem
The first problem I needed to solve was separating the Plastik Bank website branding from SRCI, while ensuring the new design followed the SRCI branding guidelines.
WEBSITE PLASTIK BANK
Plastic Bank is a social enterprise that reduces plastic pollution and empowers communities by turning plastic waste into economic value.
WEBSITE SRCI (social return community initiative)
SRCI (Social Return Community Initiative) is a social community focused on sustainability and community empowerment, aiming to deliver positive social impact through environmental and community projects.
The Solution
Both websites initially shared similarities but now have different visions and missions. At SRCI’s request, we redesigned the landing page based on their existing branding guidelines, aligning it with current UI trends while maintaining the functional value of the product.
User need
In the long term, the community (SRCI) requires an admin dashboard flow with a main feature to manage the landing page website. In the future, the landing page will evolve to include blog/news and online course features. In other words, this project focuses not only on building the brand identity but also on developing a long-term branding monitoring system.
The Solution
The main priority of this project is to complete the landing pages for three countries — Canada, the Philippines, and Indonesia. While also outlining the initial flow for the blog/news and online course features, including the design flow for the online course system.
Hi-Fi Design
This section presents an overview of the high-fidelity design. The main layout is generally represented here, with some frames not displayed.
Mock up & Prototype
The final output of this project was designed to be accessible across two primary devices: desktop and mobile. Therefore, I created two design versions to ensure responsiveness and meet the project requirements.
Access the link
This link will direct you to the released product, where you can try it out and explore it yourself.
Get experienceProject
Other project
