Web development · UI/UX · Information systems

Web projects built
in class and beyond.

Five live projects that show my work in responsive front-end development, websites for local businesses, UI/UX, and information systems.

05

Live web projects
ready to explore

01 Project index

Five projects.
Different briefs.

Every project includes its real context. Student work is identified clearly, and live demos open in a separate tab.

02
Responsive web experience

EvoSea

A responsive concept website that combines clear information hierarchy, visual storytelling, and accessible interaction across screen sizes.

Front-endResponsive DesignWeb UI
Live demo ↗︎
03
Local service business website

Haga Service

A live website for a local workshop in Temanggung, presenting bicycle and electric-bike service information, BMX Cub modification work, operating hours, and a clear consultation path.

Local BusinessResponsive DesignService Website
Live demo ↗︎
04
Project outside campus

Independent Web Project

An independent web project completed beyond campus coursework, focused on responsive execution and a clean user-facing experience.

Web DevelopmentFront-endResponsive UI
Live demo ↗︎
05
Interactive demo game

NutriVerse Exhibition Game

An interactive web game created specifically for a NutriVerse exhibition demo. Designed to attract visitors' attention while introducing NutriVerse's core elements and features through engaging gameplay.

Web GameFront-endInteractive Demo
Live demo ↗︎
AMICTA 20262nd Place · Information Systems ApplicationUniversitas AMIKOM Yogyakarta

Featured case study

NutriVerse

A health journey platform built on Gamification, Activity Validation, and Artificial Intelligence.

Developed by Team KOSEK, NutriVerse was presented at AMICTA 2026 and received 2nd Place in the Information Systems Application category. Below is an overview of the progressive web app and our official documentation.

01 / Purpose

Gamified Health Progression

NutriVerse is a Progressive Web App combining geolocation, gamification, and AI to motivate users in building active habits through the Competitive Health Progression System (CHPS).

02 / Contribution

Leadership & Infrastructure

As the Project Leader, I orchestrated the team's workflow while handling DevOps and cloud infrastructure, ensuring the platform's stability and seamless deployment for the competition.

03 / Recognition

2nd Place at AMICTA 2026

The project was formally recognized in the Information Systems Application category at Universitas AMIKOM Yogyakarta, validating our approach to modern health information systems.

Achievement evidence

Documented,
not just claimed.

02
2nd Place · AMICTA 2026

Official competition documentation from the Information Systems Application category.

Open official certificate ↗︎
02 Technical capability

A practical
web toolkit.

These are the tools I currently use across front-end projects, Laravel applications, interface design, and version control.

HTML5
CSS3
JavaScript
TypeScript
React
Next.js
Laravel
PHP
Tailwind CSS
Git
Figma
Enlarged NutriVerse award documentation

Available for focused work

Need a responsive site
with a clear visual system?

Let's talk about it ↗︎
Chat WhatsApp ↗︎