SMAN 2 Sumenep Website Redesign

A front-end redesign concept for a high school's public website, focused on clean information architecture and accessibility.

Key features:

• Fully responsive layout across mobile, tablet, and desktop
• Custom visual identity with a charcoal and gold color scheme meeting WCAG AA contrast standards
• Multi-page site: home, school profile, news portal with category filtering, news detail pages, photo gallery with lightbox, and contact page with map
• Data-driven content architecture — news and gallery items are managed through simple JS data arrays, making updates straightforward without touching markup
• Semantic HTML and keyboard-navigable UI for accessibility
• Zero build step — deployable as static files to any static host (Cloudflare Pages, Vercel, Netlify, GitHub Pages, or shared hosting)

Tech stack: HTML5, CSS3, vanilla JavaScript (no frameworks, no build tools)

Role: Designed and built the full front-end — layout, styling, accessibility, and the JS-driven content system — end to end.