Contract Work · 2016

SparkStarter

A Minneapolis-based social dating app that connects people through networks of friends — and the brand identity, wireframes, and screen designs I built for it.

Role
Brand & product designer
Scope
Identity, wireframes, screens, print
Platform
iOS / Android
Tools
Illustrator, Photoshop, Sketch
01

Overview

SparkStarter is a Minneapolis-based social dating app that connects people through networks of friends. The initial UI design for the app needed refinement, along with the logo and branding — the task was to create a modern mark that would ultimately define the brand and the design of the app.

Wireframes and screen designs were needed to guide the development team, and print materials were needed to support the marketing team at PR and launch events.

Three SparkStarter mobile screens on a light blue background — profile settings, a friend-vouched match card for Christine, and the sign-up screen reading 'Matchmaking made simple'
02

Branding

The logo is a series of thin, jagged lines that resemble a spark or electricity. The "spark" theme carries through the mobile app itself — it's the visual language used whenever the product needs to tell a user that a match has been made.

The simplicity of the sans-serif wordmark, paired with the refined feel of the mark, creates a modern and youthful brand image that reads well on a phone screen and on a printed banner.

The SparkStarter logo — a blue circle containing a white spark mark, beside the SparkStarter wordmark
SparkStarter color palette card showing the primary blue, dark gray, light gray, and white swatches with hex values
SparkStarter display typography specimen — Montserrat Ultra-Light, showing Aa and Zz SparkStarter body typography specimen — Helvetica LT Roman, showing Aa and Zz

The spark mark isn't just a logo — it's a piece of UI vocabulary. Reusing it as the "you've been matched" moment inside the app means the brand shows up at the exact instant a user feels the product working, not just on the splash screen.

Design rationale

03

In the Real World

Beyond the app, the identity had to hold up on a trade-show table and a printed banner — signage, business cards, and pull-up banners for local PR events where the team recruited early users in person.

SparkStarter branding applied to an event booth desk, with the logo and wordmark printed large across the front panel SparkStarter pull-up banners and printed business cards on a table at a PR event
04

Initial Concepts

We started with rough sketches and wireframes to plan the overall layout and architecture. The challenge was working within limited screen space across multiple interactions — we had to get creative with how large list items were displayed and how swipe gestures were integrated into the matching flow.

Hand-drawn wireframe sketches for the search screen, matchmaking card, and main screen, annotated with notes on match actions and layout

Next Project

Renaissance Student Journey

View project