Yayasan Zulka

Project Overview

Yayasan Zulka is a community website created to introduce the foundation, share its story, and showcase memories through photos and member information.

• Project Type : Community / organization website
• Target Users : Members of the community, visitors, and people who want to know about Yayasan Zulka
• Main Goal : Provide an online platform where people can understand the foundation and explore its activities and history
• Solution : A simple and welcoming website that highlights the community’s story, members, and shared moments through an accessible web interface.

Background & Motivation

This project was created to help document and share the journey of Yayasan Zulka, which started from a temporary house for students and later grew into a close community.

The goal of the website is not only to introduce the foundation but also to preserve memories and show the values of togetherness, support, and belonging within the community.

Through this project, I also wanted to practice :

• Building informational websites for organizations
• Structuring content such as history, members, and gallery sections
• Creating a warm and friendly website design

Key Features

• Homepage with a welcoming introduction to the foundation
• About / History section explaining the origin and story of the community
• Member section that introduces people involved in the foundation
• Photo gallery showcasing events, gatherings, and shared memories
• Simple navigation between Home, Member, and Gallery pages
• Social media integration (Instagram) for external connection

How It Works (Technical Implementation)

When visitors open the Yayasan Zulka website, they are welcomed with a homepage that introduces the foundation and its purpose.

From the navigation menu, users can explore different sections of the website. The Member page displays information about the people involved in the community, while the Gallery page shows a collection of photos from events and activities.

The gallery is presented in a grid layout so visitors can easily browse through images. This helps users understand the atmosphere and experiences within the community.

The website also includes a social media link that allows visitors to connect with the community outside of the website.

Challenges & What I Learned

One of the challenges in this project was designing a layout that feels warm and welcoming, rather than looking too formal like a typical organization website.

Another challenge was handling pages that contain many images, especially in the gallery section. I needed to ensure that images display properly and the website remains responsive on different devices.

From this project, I learned :

• How to design websites for communities or organizations
• Better content structuring for informational websites
• Managing image-heavy pages

Why This Project Matters

This project shows my ability to build a real-world website for a community or organization.

It demonstrates :

• Website structure planning
• UI design for informational content
• Image gallery implementation

The project also highlights how a website can be used to represent a community and share its story online.

Future Improvements and Conclusion

Future Improvements

• Add better gallery interactions (image preview or lightbox)
• Improve animations and visual transitions
• Add event or activity updates
• Expand member profiles with more details
• Improve image optimization for faster loading

Conclusion

This project helped me understand how to design and build a website that focuses on storytelling and community presence. It also improved my skills in layout design, content organization, and creating a user-friendly experience.