SznLuv

Role: Developer & Designer

Tools: React Native, Expo SDK, JavaScript, Figma, Miro

Date: Sept 2024 - Dec 2024

View Demo Figma Slide Deck Report GitHub

Overview

SznLuv is a seasonal discovery mobile application designed specifically for Vancouver couples. The app solves the everyday question of "what should we do today?" by providing curated date ideas based on the current season and weather, allowing users to save their favourites for later.

Design Process

Concept & Research

Identified the core problem couples face when planning dates, especially with Vancouver's seasonal weather. Researched existing solutions and found a gap in location-aware, weather-responsive recommendations.

Design & Prototyping

Created wireframes and high-fidelity mockups in Figma, using Miro for brainstorming sessions. Focused on a clean, intuitive interface that feels native to both iOS and Android.

Technical Development

Built the application using React Native and JavaScript, leveraging the Expo SDK for rapid prototyping, efficient build processes, and cross-platform compatibility.

API Integration

Integrated external map services for location-based discovery alongside weather APIs to suggest activities appropriate for the current forecast, delivering real-time value to users.

Art Direction

Color Scheme

Primary Seasonal Action

#EDA15A

Warmth, discovery, spontaneity

Support Neutral

#E8E1D3

Soft cards and interface balance

Deep Charcoal

#2F2F31

Grounded navigation and text contrast

Cool Accent

#AEBEDD

Weather, winter, and calm secondary moments

Playful Accent

#E89AC8

Romance, spring energy, and light interaction cues

The palette blends warm seasonal tones with soft neutrals to make date planning feel inviting, playful, and easy to explore, while the darker header and text keep navigation clear and grounded.

Typography

Aa Bb Cc

Primary Typeface: System UI / San Francisco

Used for headings, body text, and mobile UI elements.

Heading

32px / Bold / -0.02em tracking

Body Text

16px / Regular / 1.6 line height

Section Label

11px / Uppercase / 0.15em tracking

The hierarchy uses strong contrast between oversized titles, clean body copy, and subtle labels so seasonal categories, place names, and supporting details feel easy to scan on mobile.

Reasoning

Designed around how couples actually plan. Each feature is grounded in research on decision-making, context-aware computing, and relationship psychology.

The Solution

Map-Based Discovery

Location-detail flows let users visually explore date spots in their vicinity. Tap any pin to dive into specifics, see photos, and get directions instantly.

Privacy-First Onboarding

A streamlined sign-in flow that prioritizes user privacy while reducing initial friction. The design led to higher conversion rates during prototype testing.