FGM
Front-End, UI/UX Designer
Team Members
As an IT staff member specializing in front-end development and UI/UX design, I developed the Festival Gadjah Mada website, designed to provide an interactive and user-friendly platform for event attendees. The website allowed users to easily pre-order food, explore guest star profiles, and access event details, all within a visually engaging and intuitive interface. My primary focus was to enhance the overall user experience by ensuring a seamless, convenient, and engaging interaction for attendees. Built using NextJS, Contentful CMS, and Sheets API, the website successfully streamlined event engagement and provided attendees with a convenient, interactive way to participate in the event.
This project aimed to develop an interactive, user-friendly website for the Festival Gadjah Mada event. The site provides attendees with essential features such as food pre-ordering, guest star exploration, and event details, all within an intuitive and engaging platform.
Objectives:
Develop a responsive website that facilitates food pre-ordering for event attendees.
Provide a platform to explore detailed profiles of guest stars attending the event.
Ensure easy access to event schedules, maps, and other essential information.
Create a visually engaging interface that enhances user interaction and event engagement.
Implement a seamless, intuitive user experience to ensure convenience for attendees.
Deliverables:
A fully functional website that includes food pre-ordering, guest star profiles, and event details.
Integration with Contentful CMS for dynamic content management, including guest star information and event updates.
Use of Sheets API for handling food pre-orders.
Responsive design optimized for both desktop and mobile devices.
NextJS: For developing the responsive front-end and ensuring fast loading.
Contentful CMS: To manage dynamic content such as guest profiles, event details, and media.
Sheets API: To facilitate and manage the food pre-ordering system.
Figma: For UI/UX design mockups and wireframes.