01

Hands to Empower

01

Hands to Empower

01

Hands to Empower

We are Empower Lives. Under Yayasan Pondasi Empowerment Kasih, we’re beginning our journey to empower orphaned children, giving them the chance to live, dream, and hope like any other child.

Role:

UI/UX Designer - Freelancer

Industry:

Non-Governmental Organization

Duration:

5 days

Challenges

  1. Brand Identity & Purpose

    Designed a visually engaging website that authentically represents Yayasan Pondasi Empowerment Kasih, under the brand name Hands to Empower. The site reflects the organization’s mission as an NGO focused on volunteer work in Bali, Indonesia, combining meaningful storytelling with a design that evokes trust and compassion.

  2. User Experience & Minimalist Design

    Crafted an intuitive, user-friendly interface with a minimalist aesthetic, using clean shapes and subtle visuals to enhance content clarity. The website is fully responsive, ensuring accessibility across all devices and platforms, allowing users to effortlessly explore the organization’s mission, stories, and activities.

  3. Donation-Centered Functionality

    Integrated a streamlined donation system, making it simple for supporters to contribute to the cause. The donation feature is prominently placed and easy to navigate, encouraging user action without distraction.

  4. Challenges: Content Management & Scalability

    One of the key challenges faced during development was enabling the client to independently manage their content, including blog posts, image updates, and donation campaigns. As a non-technical team, Yayasan Pondasi Empowerment Kasih required a content management solution that was both simple to use and scalable for future needs.

My Approach

  1. Discovery Phase

  • Client Consultation:
    Conducted in-depth discussions with Yayasan Pondasi Empowerment Kasih to understand their content direction, target audience, and specific website requirements. (Homepage, About, Programs, Activities, Contact Us & Donation).

  • Competitive Analysis:
    Reviewed websites within the same sector and analyzed best practices among NGOs, particularly those focused on content delivery and donation systems.

  • Brainstorm & Problem Analysis:
    Finding & discovering problem through brainstorm with Dev (Backend & Frontend) about the website design integration. Content Management (CMS), animation, etc.

  1. Design and Development

  • Design References:
    The client preferred a clean and simple design inspired by water.org, with an added touch of aesthetic elements toward the footer section.

  • UI/UX Design:
    Crafted a visually appealing interface that reflects Yayasan Pondasi Empowerment Kasih’s artistic vision while ensuring intuitive navigation for exploring content, donating, and engaging the target audience.

  • Content Management System (CMS):
    Implemented a flexible CMS that enables the client to independently manage and update content, including blog posts, articles, and images.

  • Donation & Maps Widget Integration:
    Integrated third-party donation and maps widgets to streamline the donation process, ensuring a smooth experience for both the organization and donors.

  1. Testing and Iteration

  • Client Feedback:
    Conducted usability testing sessions with Yayasan Pondasi Empowerment Kasih to gather insights and refine the website's design and functionality based on their feedback.

  • Performance Optimization:
    Optimized the website for fast loading times, responsiveness across all devices, and seamless user interactions.

Results

Launch & Impact

The launch of the Hands to Empower website received highly positive feedback from the client, resulting in increased user engagement and a notable rise in website traffic. The site’s intuitive design and interactive features have successfully strengthened the organization’s connection with their target audience, encouraging more users to explore the content and contribute through online donations.

CMS Integration & Client Feedback

The implementation of a custom Content Management System (CMS) significantly enhanced the client's ability to manage content and donation-related data independently. The system simplified routine updates and improved administrative efficiency, allowing the team to focus more on outreach and program development.

Clients expressed strong satisfaction with the new workflow, highlighting how the CMS reduced time and effort required for content management.

Key Outcomes & Metrics

Since the website launch, the following improvements have been observed:

  • 📈 Website Traffic: Steady growth in site visits from both local and international audiences.

  • 🔄 User Engagement: Higher interaction rates across blog content, donation pages, and volunteering sections.

  • 💝 Online Donations: Increased donor activity through the integrated donation platform.

Hands to Empower

Hands to Empower

Future Plans

  1. Community Building: Expand the engagement through articles & live in Instagram

Conclusion

Through strategic planning, creative design, and innovative development, we delivered a website that not only met but exceeded Yayasan Pondasi Empowerment Kasih expectations. This project exemplifies our commitment to crafting impactful digital solutions that amplify online presence and foster meaningful connections in the competitive music industry.

Gallery

Create a free website with Framer, the website builder loved by startups, designers and agencies.