Case Study

Nightify

Visit Website

Nightify

About

Nightify is a Thailand-based tech startup. As a Co-Founder and the initial CPO, I helped bring the concept from zero to one. My role focused on defining the initial product strategy, establishing the brand identity, and managing the external development partners to deliver the first MVP.

2024

Impact

↳ Seed round at $4M post ↳ 0 to 1 ↳ MVP Delivery

Collaborators

↳ Nightify Executive Team

↳ Mai Lu, Logo Designer

↳ Mohara Agency

My Role

↳ Co-Founder & Founding CPO

Logo Creation

The logo display a location pin with a martini glass to signify Nightify's mission to bring nightlife reservation to the user of our platform.

Technical logo construction of the Nightify brand mark. The diagram shows the geometric grid, circular proportions, and mathematical alignment used to create the martini glass and location pin icon, demonstrating precise visual identity design.
Nightify vertical brand lockup showing the large gradient brand mark centered above the company name. This secondary logo orientation is designed for centered layouts and promotional materials.
Four variations of the Nightify mobile app icon. Showcases the gradient location pin and martini glass logo against solid black and white backgrounds, as well as inverted versions, testing brand legibility across different UI environments.
Nightify horizontal brand wordmark featuring the vibrant purple-to-blue gradient icon paired with clean, modern white sans-serif typography on a dark background.

Color System

Blue for masculinity and pink for femininity and purple is the color in between. The color signifies inclusion of all gender to ensure everyone is welcomed at Nightify.

Comprehensive color system and theme distribution for Nightify. Displays the primary palette of Palatinate Blue, Rose, and Electric Purple with their respective monochrome tints, shades, and UI distribution ratios for a cohesive dark-mode brand experience.

Typography System

We have chosen inter as it is clean, accessible and "International". It support multiple languages and has variable font weight. Its a font we use for both web and product design.

Comprehensive typography design system for the Nightify brand. Displays a versatile hierarchy of Regular, Semi-Bold, and Bold weights with technical specifications for pixel size, rem values, line height, and letter spacing to ensure cross-platform UI consistency.

Social Media Exploration

An early experimentation of how Nightify could be presented in social post.

A 3x3 grid of Nightify social media and event promotional designs. Showcases a mix of high-energy nightlife photography and clean, branded graphic overlays for recurring events like "Discount Wednesday" and "Discount Monday."

Nightify Version 1

The first version of Nightify has a home, search and venue page. It started as a directory for users to see what venue is trending.

Desktop UI design mockup of the Nightify web platform displayed on a monitor in a professional workspace. The interface features a prominent "Discover and book the best nightclubs and bars" search bar over a high-contrast city skyline background.
High-fidelity UI components for Nightify venue listings. Showcases a clean, dark-themed layout for venues like Sing Sing Theater and Maggie Choo’s, including category tags for Hiphop, Techno, and Jazz alongside price indicators.
Detailed UI design for the Nightify search results dashboard. Features an integrated map view, advanced filtering sidebar for price, music genre, and proximity to BTS Skytrain stations, and a responsive grid of local nightlife venues.
Comprehensive desktop UI design for a Nightify venue detail page featuring "GOT Bangkok." The layout includes a high-definition hero image, integrated Google Maps location, operating hours, dress code details, and a multi-image gallery for interior atmosphere.

Nightify Version 2

The early days of Nightify, we decided to apply the PWA approach to bypass the app store to enable user growth and distribution without cost of mobile development.

Nightify mobile landing page for guest bookings, featuring a high-quality rooftop bar hero image. The interface highlights a "Book as a Guest" call-to-action with secondary login options to ensure a frictionless user experience.
High-fidelity UI component for the Nightify login screen. The design emphasizes a "mobile-first" approach with a primary blue "Login" button and secondary social sign-in options against a deep black background for high contrast.
Minimalist UI design for the Nightify account registration screen. Features a clean "Sign Up" input field with social authentication alternatives, demonstrating a friction-free onboarding process for new platform users.
"Account Created" success modal for the Nightify app. The UI features a celebratory spark icon and a clear call to action to "Return Home," with a background preview of exclusive discount vouchers available to verified members.
Nightify desktop landing page featuring a stunning rooftop bar background. A centered "Welcome to Nightify" login modal is displayed, offering streamlined "Continue with Google" or "Facebook" social authentication options for users.

Nightify Booking Flow

  • The booking flow allows users to visually view the floor plan of the venue and select their preferred table.

  • Once the table is selected, the user can directly book with the venue with or without a deposit

iPhone mockup of the Nightify mobile venue page. Displays a streamlined user interface with a 4.5-star rating, pricing indicators, nearest BTS station info (Phrom Phong), and a "Casual" dress code tag for an optimized mobile booking experience.
Mobile UI design for the Nightify booking confirmation screen. Features a clean, dark-mode summary of reservation details including party size, date, and a unique purple-branded "Reservation Code" for venue check-in.
iPhone mockup of the Nightify mobile venue page. Displays a streamlined user interface with a 4.5-star rating, pricing indicators, nearest BTS station info (Phrom Phong), and a "Casual" dress code tag for an optimized mobile booking experience.

Nightify Table Management

The venue has a table management backend where booking are registered real time.

Advanced B2B desktop dashboard for Nightify venue partners displayed on a MacBook Pro. The UI showcases a real-time table management system with a color-coded floor plan and a detailed guest booking list for venue operators.

Process

To launch Nightify, I worked closely with the CEO to architect the MVP for a Bangkok-based nightlife platform, mapping complex feature flows to align product design with core business goals. I directed the visual identity, overseeing the creation of the logo by a talented graphic designer, before getting my hands dirty on building the brand’s typography, color systems, and the UI component library. Over four months, I developed both the user-facing interface and a robust venue-facing table management system, ensuring a seamless booking-and-confirmation loop. We partnered with Mohara for the MVP build, a strategic move that allowed our incoming CTO and CMO to inherit a functional product and a scalable design system from day one. While I have since returned to my focus on Fintech and Web3, I remain an active shareholder and advisor. I continue to conduct user research and feature testing with venue partners, providing an external lens to validate internal assumptions and ensure the product roadmap stays grounded in real-world utility.

Navigation

All work