LAPOR WARGA

WEB APP · CIVIC TECH2025

LAPOR WARGA

// OVERVIEW

Designed and developed a high-fidelity frontend prototype for a citizen reporting system. The project focuses on advanced UI/UX patterns, utilizing a custom Glassmorphism design system and smooth animations with Framer Motion. It features an interactive map interface for pinning report locations, ensuring a seamless and responsive user experience across devices.

CLIENT

Competition Project

ROLE

Frontend Engineer

DURATION

1 months

YEAR

2025

TOOLS

Next.jsFramer MotionGoogle Maps APITailwind CSS

// KEY OUTCOMES

01

Designed custom Glassmorphism design system with advanced UI/UX patterns

02

Built interactive map interface for pinning report locations using Google Maps API

03

Implemented smooth page transitions and micro-animations with Framer Motion

04

Created responsive, mobile-first reporting flow for community accessibility