BUILDING
DIGITAL
EXPERIENCES

Overview

A modern restaurant landing page built to highlight menu offerings, brand atmosphere, and essential business information

Key Features

• ▸ Responsive, mobile-first layouts
• ▸ Clear visual hierarchy and spacing
• ▸ Reusable and scalable UI components
• ▸ Performance-focused frontend structure
• ▸ Accessible and readable content design

Use Cases

• ▸ Establishing an online presence for small or local restaurants
• ▸ Displaying menu highlights and featured dishes
• ▸ Providing essential business information such as hours and location

Overview

A clean, minimalist blog landing page designed for personal branding, long-form writing, and showcasing professional insights with a strong focus on readability.

Key Features

• ▸ Hero section introducing the author and blog purpose
• ▸ Blog preview section for featured posts
• ▸ Clean typography and readable layout
• ▸ Responsive design across all devices
• ▸ Scalable structure for future content expansion

Use Cases

• ▸ Personal branding for developers, designers, and creatives
• ▸ Publishing long-form articles, essays, and technical write-ups
• ▸ Showcasing thoughts, experiences, and professional insights
• ▸ Building an online writing portfolio or knowledge base

Overview

A bold, brand-driven landing page for streetwear and fashion labels, designed to showcase collections, reinforce visual identity, and support future e-commerce expansion.

Key Features

• ▸ Responsive, mobile-first layouts
• ▸ Clear visual hierarchy and spacing
• ▸ Reusable and scalable UI components
• ▸ Performance-focused frontend structure
• ▸ Accessible and readable content design

Use Cases

• ▸ Launching a streetwear or fashion brand online
• ▸ Showcasing featured collections or limited product drops
• ▸ Building strong brand identity through visuals and layout
• ▸ Promoting seasonal campaigns or new releases

Overview

A professional, high-performance portfolio template designed for Virtual Assistants (VA) and Social Media Managers (SMM).

Key Features

• ▸ Strategic hero section with professional portrait shot
• ▸ Service cards highlighting core SMM offerings
• ▸ Results section showcasing measurable growth
• ▸ Clear process breakdown to build client trust
• ▸ Responsive, component-based scalable layout

Use Cases

• ▸ Personal branding for social media marketing virtual assistants
• ▸ Lead generation site for attracting premium clients
• ▸ Showcasing services, workflow, and proven results
• ▸ Positioning freelancers as strategic marketing partners

Overview

Lakbay Region 8 is a public-facing tourism discovery platform for Eastern Visayas. It lets travellers explore beaches, heritage sites, nature trails,and adventure spots across all six provinces - with a filterable destination grid, an interactive map, and detailed destination pages with photos, travel tips, and directions.

Key Features

• ▸ Destination Grid - Browse all destinations with search, category filter (Beach · Nature · Heritage · Adventure), and province filter
• ▸ Interactive Map - MapLibre GL-powered map with 4 switchable styles (Classic Street, Midnight Dark, Minimal White, Satellite), green pin markers, and click-to-navigate popups
• ▸ Map Sidebar - Grouped destination list, click any entry to fly the map to the exact location
• ▸ Destination Detail Pages - Hero photo, image gallery, description, travel tips, entrance fee, hours, and embedded Google Maps
• ▸ Related Destinations - More in [Province] section at the bottom of each detail page
• ▸ Dark Mode - Full dark/light/system theme support via next-themes
• ▸ About Page - Mission, province breakdown, and project context
• ▸ Mobile Optimised - Responsive layout across all screen sizes

Use Cases

• ▸ Browse destinations by category or province, view photos, get travel tips, and open Google Maps directions
• ▸ Use the interactive map to discover nearby spots across Region 8
• ▸ Reference accurate destination info - entrance fees, hours, and province
• ▸ Showcase regional destinations with a modern, mobile-friendly platform

Overview

A voice messaging web app that transforms the way people send and receive audio messages. Instead of the plain voice note bubbles, Vintage Voice turns every message into a full visual experience, the recipient opens a unique link and is greeted by a beautifully animated vintage vinyl record player that spins to life as your voice plays through it. The spinning record, the swinging tonearm, the animated label - they aren't decoration sitting around your audio. They move with it, respond to it, and give the listener something to watch and interact with while they hear your voice.

Key Features

• ▸ Voice Recording - Browser-native audio capture with real-time level meter, 1 minute limit, 64kbps compression, live timer, and preview before sending
• ▸ Animated Player Themes - Classic Vintage, Old School Radio, Retro Boombox, Valentine Hearts, Minimal Modern, Cartoon Funky, and Steampunk — each with unique colors, fonts, decorations, and animations
• ▸ Theme-Encoded Share Links - Sender's chosen theme is baked into the URL so the recipient always experiences the exact player the sender designed
• ▸ No Account Required - Works for anyone with a browser, no sign-up, no app to download
• ▸ Interactive Playback - Spinning vinyl, swinging tonearm, and animated label all respond live during audio playback
• ▸ Mobile Optimised - Fully responsive layout across all screen sizes

Use Cases

• ▸ Birthday celebrations - Skip the birthday text everyone sends. Record a warm, personal message and send it wrapped in the Classic Vintage or Cartoon Funky theme.
• ▸ Valentine's Day - The Valentine Hearts theme exists precisely for this. A spinning heart-label record playing your voice is a love note that no typed message could replicate.
• ▸ Holiday greetings - Christmas, New Year, Eid, Diwali — any occasion where you want to reach someone across the distance with something warmer than a message and more personal than a card.
• ▸ Thank you messages - Gratitude hits differently when it's spoken. Send a heartfelt thank-you to a mentor, a friend who showed up for you, or a colleague who made a difference - let them hear it in your voice, not just read it.
• ▸ Long-distance connections - For the people you can't be with in person, a Vintage Voice message bridges that gap in a way a text simply can't. It's the closest thing to sitting across from someone and speaking to them directly.
• ▸ Anniversaries and milestones - Commemorate something meaningful with a message that itself feels meaningful to receive. The Steampunk or Minimal Modern themes give it a timeless, intentional quality.
• ▸ Just because - Sometimes there's no occasion. You're thinking of someone and you want them to know it. A 1 minute voice message on a spinning vinyl record is a far better way to say that than a (hey thinking of you) text.