aimuzaki

Download CV

aimuzaki

kalacemeti.com

Experimental Web Archive for Art & Cult Movement

2024 — Remote work from Wonosobo, Indonesia.

A digital platform built for Kalacemeti, an experimental art collective documenting contemporary, traditional, ethnic, rituals, resistance, and art & cultural archive legacy.

Visit Website
Book a Slot

Program Lead – Web Development & Digital Infrastructure

PIC of Public Program & Digital Strategist.

UI/UX // Front-end // Back-end // Neurocasting // SEO // SSL.

Client

Indonesiana Fund (Dana Indonesiana)

Ministry of Education, Culture, Research, and Technology of the Republic of Indonesia (Kemendikbudristek RI).

 

Indonesian Endowment Fund for Education (LPDP)

Ministry of Finance of the Republic of Indonesia (Kemenkeu RI).

Reference

William E. Apipidely, M.A.

Chairman of Selection Committee – Dana Indonesiana Kemendikbudristek RI

Contact: weaipipidely@gmail.com

Role

I handled the entire stack — from UI/UX design to front-end development, CMS integration, and deployment. I designed the layout to echo the collective’s raw, subversive aesthetic, while keeping the experience intuitive and lightweight.

Value & Strategy

The site uses scroll-based neurocasting to subtly guide the user through archival content, creating an immersive narrative flow without overwhelming the reader. SEO structure was optimized to ensure long-term discoverability of cultural documentation, using accessible HTML and fast-loading assets.

Visual Identity Focus

Color schemes and typography were matched closely with the collective’s visual DNA — blending contemporary brutalism with traces of traditional visual culture. Every design decision was rooted in honoring the group’s radical spirit.

Project Objective

To create a fully integrated digital infrastructure that enables cultural practitioners, artists, and researchers to publish, distribute, and collaborate across disciplines using scalable open web technologies.

UI/UX Design

  • Figma (atomic design system, UX flows, dark/light theme adaptability)
  • Whimsical (user flow diagramming)
  • FigJam (stakeholder co-design workshops)

Front-End

  • Next.js (App Router)
  • TailwindCSS (utility-first responsive design)
  • Framer Motion (micro-interactions & animation)
  • React Hook Form (form state & validation)
  • Radix UI & ShadCN (for accessible components)
  • SWR & Axios (data fetching + cache management)

Back-End

  • Supabase (PostgreSQL, RLS, Auth, Edge Functions)
  • Firebase (analytics & fallback hosting)
  • Node.js (custom API & logic for AI modules)
  • Python (for content pre-processing & AI tagging)

AI Integration

  • AI Music Reporting (automatic recognition & royalty-split logs)
  • Audiofingerprint (to prevent double publishing)
  • Sync Tagging with CoolLabs AI (for media licensing metadata)

SEO & Neurocasting

  • Neurosemantic mapping with LSI keywords
  • Structured Data (JSON-LD for rich Google snippets)
  • Open Graph + Twitter Card automation
  • Performance optimization: CLS < 0.05, LCP < 1.8s

Design Philosophy

  • Accessibility-first (WCAG 2.1 compliant)
  • Modular UX that reflects the decentralized structure of cultural knowledge
  • Aesthetic rooted in “digital ethnography”: clean brutalism meets archival nostalgia

Deliverables

  • kalacemeti.com – Main portal for public communication, info, and access
  • records.kalacemeti.com – Music digital streaming platform releasing, publishing music copyright, and monetization sync-collaboration platform with AI backend
  • pictures.kalacemeti.com – Streaming hub for indie film, docu-fiction, and education
  • archive.kalacemeti.com – Knowledge commons & open-source research library with public submission via “Kalatizen Journalism”

“This project pushed me to blend code with cultural sensitivity — not just to ship a site, but to craft a living archive.”

My Other Digital Organisms

11 Years Experience

of Building, Branding, and Blowing Minds.

With 11 years of experience building websites for global clients, I bring more than just code. My work blends neurocasting strategy, brand-centered design, and multimedia storytelling — from UI to video, motion graphics, and animation — to make your website not just beautiful, but unforgettable. Let’s build something that speaks & sells.

 

Let’s build something that sells — not just sits pretty.