haloafan.
(01) — CASE STUDY / 2025

Universitas Sunan Gresik — Universitas Sunan Gresik

CLIENTUniversitas Sunan Gresik
YEAR2025
TIMELINEAug - Oct 2025
ROLEUI/UX Designer & WordPress Developer
usg.ac.id/
Universitas Sunan Gresik
ACADEMICLIVE SITE
✓ Production ReadyClick to open →
(02) — OVERVIEW

Overview

Redesigning website into a modern and structured academic platform, with a focus on clearer information hierarchy, easier navigation, and a consistent visual experience.

(03) — THE CHALLENGE

The Challenge

Information Hierarchy

Organize admissions, study programs, university profiles, services, and news into a clearer structure so visitors can understand where to find each type of information.

Navigation

Make a large amount of academic and institutional content easy to discover, with intuitive navigation for the university’s different types of visitors.

Content Scalability

Create a modern, credible interface that stays consistent as the website grows, with enough flexibility to accommodate future content.

(04) — MY ROLE & PROCESS

My Role & Process

1

Analyzing the existing website structure and content hierarchy

Reviewing the existing website, identifying key content groups, and understanding how different visitors access academic and institutional information.

2

Restructuring navigation and academic information architecture

Organizing major content areas and navigation paths to make important university information easier to find and understand.

3

Creating page layouts and visual direction in Figma

Designing the website interface in Figma with a focus on clarity, hierarchy, consistency, and a professional academic identity.

4

Building reusable sections and visual patterns

Establishing reusable components and layout patterns to maintain consistency across different types of university pages.

5

Implementing the approved design in WordPress and Elementor

Translating the approved Figma designs into functional WordPress pages using Elementor while maintaining the intended visual hierarchy and layout.

6

Refining responsiveness, navigation, and content presentation

Reviewing layouts across screen sizes, improving navigation behavior, and refining content presentation for a more consistent browsing experience.

(05) — TECH STACK

Tech Stack

FigmaWordPressElementor ProAstra Pro ThemesCustom CSS
(06) — RESULTS & IMPACT

Results & Impact

2025Project Year
3Months Timeline
The redesigned Universitas Sunan Gresik website provides a clearer and more structured digital experience, making academic programs, admissions, university information, services, and updates easier to discover while establishing a scalable foundation for future content and institutional growth.

Have a similar project in mind?

Let's build something great together — just tell me about your project.