KOLAM.CO2026
Coffee, Space & Daily Rhythm — Artisanal Co-Working Sanctuary
A tactile digital sanctuary and co-working hub architecture built for Kolam.co Madiun. Balancing specialty slow-bar brewing, deep-focus remote work ergonomics, and a friction-free Nakama membership loyalty ecosystem.
Slow Living Rhythm, Engineered for Deep Productivity
Cafes should never force people to choose between sterile corporate co-working hubs and chaotic noisy coffee shops. Kolam synchronizes a balanced third-place cadence: morning slow-bar calm, afternoon deep focus, and evening community gathering.
Commercial Noise vs Sterile Workspace Friction
Most modern coffee shop websites are either static glorified PDF menus or bloated template pages filled with intrusive order popups, broken maps, and zero spatial feel. Visitors cannot assess whether the venue actually suits prolonged laptop work or peaceful gatherings.
A Digital Reflection of Physical Atmosphere & Focus
Kolam.co reimagines the hospitality web experience into an atmospheric architectural showcase: real-time seating & spatial guides, transparent Indonesian single-origin roasting telemetry, and a zero-friction Nakama Membership pass without app downloads.
Remote Creators & WFC Nomads
PERSONA 01Designers, software developers, and remote workers needing reliable high-speed internet, dedicated power sockets, and an inspiring ambiance for 4-8 hour focus sprints.
- ✓Clear confirmation of Wi-Fi speed (100 Mbps verified) and dedicated power plug availability per desk.
- ✓Uncluttered menu catalog to order focus fuel without interrupting creative workflow.
- ✓Comfortable ergonomic seating zones with quiet indoor AC climate control.
Specialty Coffee Connoisseurs
PERSONA 02Locals and traveling coffee enthusiasts seeking authentic Indonesian single-origin beans, precise manual brew parameters, and barista interaction.
- ✓Transparent bean origin notes (Aceh Gayo, Ijen, Flores) with altitude, varietal, and wash process details.
- ✓Manual filter options (V60, Japanese Ice, Cold Brew maceration) with clear tasting profiles.
- ✓Community coffee cupping sessions, retail bean packs, and brewing advice from friendly baristas.
Disciplined Sitemap with Direct Conversion Flow
Clear boundaries between discovery, education, and simulation without circular navigation or dead ends.
Atmospheric hero, terracotta brick architecture, spatial zones (Indoor AC, Outdoor Garden, Slow Bar), and operating cadence.
/#spaceSpecialty brews, signature coffee mixes (Monkey Boost, Kolam Creamy, Alabasta Peach), Japanese curry bowls, and artisan snacks.
/#menuInteractive 3D membership card, stamp milestone rewards (10 stamps = Free brew), and WhatsApp POS integration.
/#membershipCommunity event calendar: Friday Morning Ride, Saturday Vinyl DJ Session, Sunday Sunset Gathering, Wednesday Cupping.
/#eventsLive operating hours (09.00 - 00.00 WIB), Jl. Diponegoro No. 40 coordinates, Google Maps verification, and WhatsApp table reservation.
/#locationSpatial Inspection & Work Feasibility Assessment
- 1.Visitor lands on Kolam.co and explores the architectural photography showcasing indoor & outdoor spaces.
- 2.Verifies co-working specs: 100 Mbps fiber line, AC indoor comfort, and dedicated power sockets at every table.
- 3.Inspects quiet hours vs evening social sessions to plan remote work timing.
- 4.Triggers one-tap WhatsApp reservation for dedicated focus pods or communal tables.
Specialty Bean Discovery & Flavor Selection
- 1.Visitor navigates to the Coffee & Slow Bar menu roster.
- 2.Filters offerings between Specialty Espresso, Manual Brew Single Origin, Signature Chillers, and Artisan Meals.
- 3.Examines tasting profiles: Monkey Boost (Banana Cream + Double Espresso) and Sea Salt Cold Brew.
- 4.Selects preferred drink and sends direct order note via WhatsApp Kasir.
Nakama Loyalty Stamp & Reward Milestone Redemption
- 1.Customer views the Nakama Member section on mobile browser.
- 2.Flips the interactive digital member card to inspect tier rewards and stamp criteria.
- 3.Provides WhatsApp number at kasir without needing cumbersome mobile app installations.
- 4.Monitors progress toward the 10th free coffee milestone and minimum transaction treats.
Terracotta Bricks, Warm Oat Paper & Espresso Roasted Tones
Reflecting Kolam.co's physical architecture in Madiun — exposed terracotta clay, teakwood joinery, and lush garden foliage — balanced with typographic restraint and high-contrast digital legibility.
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz · 0123456789
High-personality modern serif and brutalist geometric display conveying warmth, craft, and contemporary hospitality poise.
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz · 0123456789
Precision sans-serif paired with monospaced data tags for ultra-crisp mobile readability across menu prices and schedules.
Materiality Over Flatness
Every visual asset honors physical materials — brick textures, ceramic cups, wood grains, and warm ambient evening glows.
Zero-Friction Utility
Eliminates redundant app downloads or complex logins; membership and reservations operate directly through familiar WhatsApp touchpoints.
Sound & Spatial Awareness
Digital schedules reflect actual daily physical transitions — from quiet morning work sessions to dusk vinyl gathering.
Interactive Nakama Loyalty & Micro-Lot Extraction Dossier
Bridging physical cafe hospitality with interactive digital micro-experiences — from 3D card flips to bean origin exploration.
Nakama Digital Membership & 10-Stamp Rewards
A frictionless customer retention engine. Customers bypass clumsy mobile app store downloads and track loyalty stamps directly linked to their WhatsApp phone number at the kasir. Collect 10 stamps for a complimentary specialty brew.
Aceh Gayo Natural Micro-Lot
Notes of wild blackberry, dark cacao nibs, and jasmine blossom with a lingering syrupy mouthfeel.
Ijen Anaerobic Honey
Sweet stone fruit, fermented grape, and creamy butterscotch finish crafted by East Java micro-farmers.
Flores Bajawa Washed
Crisp green apple acidity, brown sugar sweetness, and roasted hazelnut fragrance with clean aftertaste.
Toraja Sapan Wet-Hulled
Deep spiced cedar, cinnamon bark, dark toffee, and full-bodied velvety chocolate texture.
Kolam House Espresso Blend
Engineered specifically for milk pairing; bold roasted almond, dark caramel, and rich crema density.
Japanese Cold Maceration
Ultra-low acidity infusion retaining delicate volatile fruit esters and natural sugars without bitterness.
Signature Beverage & Kitchen Catalog
Monkey Boost (Best Seller #1)
Susu Pisang Creamy + Double Espresso Mantap
Kolam's legendary house creation since 2018: intense double shot espresso married with sweet creamy house-blended banana milk.
Kolam Creamy
Kopi Susu Rasa Biskuit Mentega
Velvety iced latte with savory-sweet butter biscuit aromatics. Smooth and non-greasy, engineered for long laptop working sessions.
Alabasta Peach Cold Brew
Kopi Dingin Buah Peach Segar & Citrus
Crisp cold coffee blended with pure white peach reduction and zesty citrus spritz. The ultimate afternoon refresher.
Single Origin V60 Filter
Seduhan Manual Kopi Hitam Segar Nusantara
Handcrafted pour-over extraction honoring rotational micro-lots from Aceh, Ijen, or Flores. Delicate clarity and aromatic bouquet.
Crispy Churros + Dark Choco Dip
Camilan Renyah Hangat Tabur Kayu Manis
Golden crispy churros fried to order, dusted with cinnamon sugar and served with decadent warm molten dark chocolate ganache.
Fried Rice Curry Ground Beef
Nasi Goreng Kari Wangi Daging Sapi Gurih
Fragrant aromatic curry spiced fried rice tossed with savory minced beef, fried egg, and crisp crackers.
Architecture of Focus: Terracotta Walls, Teakwood Work Desks & Ambient Warm Lighting
Ultra-Fast Single Page Architecture with Instant Touch Response
Engineered as an agile client-first Single Page Application deployed on Vercel Edge. Zero heavyweight server cold starts, instant fluid navigation, and responsive touch-first controls optimized for mobile ordering.
Sub-second First Contentful Paint, optimized asset bundles, and lazy-loaded media assets.
verifiedHigh contrast text against warm oat canvas, semantic headings, and descriptive alt attributes.
verifiedModern ES modules, secure target='_blank' rel attributes, zero runtime warnings.
verifiedOptimized viewport rendering for iOS Safari and Android Chrome without layout shifting.
verifiedVue 3 & Vite 5
Composition API and sub-second Hot Module Replacement delivering lightweight reactive UI bundles.
Tailwind CSS v3
Tailored terracotta, espresso, and oat paper color tokens with responsive clamp() font scaling.
Framer Motion & Vue Transitions
Hardware-accelerated 3D transform perspectives for the Nakama card and smooth accordion tab reveals.
WhatsApp API Direct Deep-Links
Pre-formatted order string generators enabling zero-friction cashier ordering directly over WhatsApp.
Vercel Edge Network
Sub-50ms asset delivery across Southeast Asian nodes with automatic WebP compression.
Accessible Touch Targets
Strict 48px+ touch targets on mobile viewports for comfortable one-handed thumb navigation.
Card flips smoothly along the Y-axis without clipping or z-index bleed on both iOS Safari and Android.
Pre-populates selected drink names and reservation requests accurately with URI encoding.
Switching between Signature, Slow-Bar, and Kitchen instantly updates card lists with zero layout jump.
Menu pills and spatial photo galleries gracefully wrap from 360px phones up to 4K displays.
All clickable reservation buttons and tab controls meet minimum 48x48px touch guidelines.
Verifies Jl. Diponegoro No. 40 pin opens verified Google Maps location with 4.3★ badge.
A Modern Sanctuary for Madiun's Creative Rhythm
“Good coffee fuels the morning sprint; a thoughtful space nurtures community and creative longevity.”
KOLAM.CO Madiun — Portfolio Project 2026 // Design & Engineering by Gottaluvblakk