The official website for BEM FEB UGM underwent a complete redesign with a focus on improving both the user interface (UI) and user experience (UX) to create a more engaging and intuitive platform for the student body. By implementing NextJS, I significantly enhanced the website’s SEO, which resulted in improved visibility and reach for the Student Council. The project was driven by the goal of creating a user-centered design that not only met the needs of the target audience but also contributed to BEM FEB UGM's stronger digital presence and accessibility.

This project involved the redesign of the official website for BEM FEB UGM with a primary focus on enhancing the UI/UX to make it more engaging, intuitive, and accessible. The implementation of NextJS improved the site’s SEO, increasing its online visibility and helping BEM FEB UGM connect better with students and the wider audience.

Objectives:

Redesign the website with an emphasis on modernizing the user interface for better engagement.

Improve the website’s usability and accessibility for students and the public.

Implement SEO strategies through NextJS to increase the site’s online visibility and reach.

Ensure the website effectively supports the digital presence of BEM FEB UGM, with easy navigation and clear access to important information.

Deliverables:

A fully redesigned website that includes an updated interface, improved navigation, and accessibility features.

Enhanced SEO through NextJS, improving search engine rankings and overall reach.

A responsive and user-friendly design that works seamlessly on both desktop and mobile devices.

Documentation of the design process, SEO enhancements, and website updates.

Next.js: Used for building the front-end structure and ensuring fast, optimized loading.

Contentful CMS: For content management, allowing easy updates to the site’s text, images, and articles.

Figma: For UI/UX design mockups and wireframes.