Sportefy for Business

Launching a Company-Paid Sports Membership in Karachi

Start A Similar Project Read The Story

Industry

Sports & Fitness01
Employee Benefits02

Project Type

Brand01
Launch Film02
Mobile App03
Website04
Pitch Deck05

Services

Brand Identity01
Motion Design02
Product Design03
Web Design & Dev04
Presentation Design05

Overview

One Membership, The Whole Team Plays

Sportefy is how people in Karachi book sport: a court, a pitch, a lane in the pool. Sportefy for Business takes it to work. A company pays one monthly membership, and its people book what they like with company credits.

Sportefy needed the whole launch, ready at once. My team and I made all of it, from the first storyboard frame to the last page of the proposal.

The Problem

The Challenge

Sportefy already worked for people booking sport on their own. Selling it to companies meant a new buyer, the HR lead, with new questions: what it costs, who manages it and how billing works.

And a new benefit has to be explained fast. The brand, the film, the product, the website and the pitch all had to tell the same story on day one.

New for business

A new buyer: HR
Company billing
Seats and sign-off

Had to stay

Easy for employees
One clear price
Nothing paid at the venue

What I Delivered

How I Helped

I led the whole launch: a refreshed brand, a launch film, the app, a website with an HR dashboard and a sales proposal.

Every piece uses the same words, the same purple and the same motion, so Sportefy for Business reads as one product wherever a company meets it.

Brand refresh and a 21-page guideline
88-second launch film
App prototype, 12 screens
Website with an interactive HR dashboard
16-page sales proposal

The Product

Your Company Pays, Your People Choose

The offer is simple, and every piece of the launch had to keep it that way: one price per employee, a monthly pot of credits, and any sport at any partner venue. Nothing to pay at the venue and nothing for HR to chase.

5 pieces

One launch, told the same way in every piece

BrandLaunch filmAppWebsiteProposal

The Work

Five Pieces, One Launch

Each piece had one job in the sale, from the first time a company hears about Sportefy to the day its people book a court. Each job became a chapter you’ll see below.

Brand

Its jobLook ready for business, with rules every team can follow.

Chapter 01 · Brand

Launch film

Its jobExplain a new benefit in under 90 seconds.

Chapter 02 · Launch film

App

Its jobMake booking any sport take five steps.

Chapter 03 · App

Website

Its jobSell to HR before the first call.

Chapter 04 · Website

Proposal

Its jobGive the sales team one pitch for every meeting.

Chapter 05 · Proposal

User Flow

Any Sport, Five Steps

The heart of the product is the booking. An employee makes two real choices, a venue and a time. Everything else, from what’s included to how it’s paid, Sportefy handles.

Employee does

01Choose an activitySwimming, badminton, cricket and more

02Find a venueFiltered by sport and areaDecision

03Check the venuePhotos, details and the price

04Pick a timeOpen slots for the dayDecision

05BookedCheck in at reception

Sportefy does

01Shows what’s includedEvery activity in the membership

02Lists partner venues13 facilities, 7 locations

03Prices it in credits300 credits for an hour

04Holds the slotReview before booking

05Pays with company creditsNothing to pay at the venue

Same step, both sides: what the employee does and what the app does. Real screens from the prototype.

Sportefy for Business

Chapter 01 / 05 · Brand

Brand refresh · Guidelines

A Brand Ready For Business

We refreshed Sportefy’s identity for a new audience: one purple that leads, ink and light for everything else, Google Sans in two weights, line icons for actions and 3D icons for sport. The 21-page guideline covers logo, colour, type, gradients, interface, imagery and voice, so every team builds the brand the same way.

Logo · Wordmark and mark

Logo colours · Purple, white, ink

Icons · Line for actions, 3D for sport

Interface · Purple where you act

Pages of guidelines, from logo and colour to interface, imagery and voice: 21 pages
Colours: one purple that leads, five that support it: 6 colours
Google Sans in Regular and Medium, nothing more: 2 weights

Colour

Purple leads, ink and light do the rest

Sportefy Purple marks the logo, buttons, links and emphasis. Violet and Orchid only appear in gradients and accents, and three dark tones carry panels, night scenes and text.

Sportefy Purple#5D039D Violet#8C3FC5 Orchid#C77BE3 Deep#22073D Night#12061F Ink#15101D

What we made Identity refresh Wordmark and mark Colour palette Gradients, used with restraint Type scale Line and 3D icons Interface rules Voice: say it plainly Eight things to avoid

Sportefy for Business

Chapter 02 / 05 · Launch film

Script · Storyboard · Motion

Eighty-Eight Seconds, Storyboard First

We wrote the story before anything moved. Fifty-six storyboard frames set every beat, from perks nobody uses to one membership the whole team enjoys. Then we animated it in-house and finished it with original music, sound design and a voice-over mix.

Storyboard · 56 frames before a keyframe

Film · 13 facilities, 7 locations

Storyboard frames, drawn and approved before a single keyframe: 56 frames
From perks nobody uses to one membership the team enjoys, in Full HD: 88 sec
Layers of sound: original music, sound design and a voice-over mix: 3 layers

What we made Script 56-frame storyboard Motion design Original music Sound design Voice-over mix

Sportefy for Business

Chapter 03 / 05 · App

Product design · Prototype

The Product Behind The Promise

We designed the app as a clickable prototype people could hold in their hand. Find a venue, pick a time, invite colleagues and pay with company credits. Booking any sport takes five steps.

Choose an activity: swimming, badminton, cricket, football, basketball and throwball

Membership card with credits left, sessions and included activities

Steps to book any sport: activity, venue, details, time, booked: 5 steps
Credits a month from the company, for each employee: 5,000
Credits for an hour of play, and nothing is paid at the venue: 300

Playing together

Invite colleagues with one code

Sport is better with people from work. Anyone can start a private game, invite colleagues by name or share one six-letter code, and everyone pays with their own credits. Invitations land in History, ready to accept or decline.

Book a game: a private game with invited colleagues and a share code — Start a game

Join a game by entering the code — Join with a code

History with an invitation from a colleague to accept — Accept an invite

Every screen in the prototype Home Choose an activity Venues Venue Pick a time Review Booked Book a game Join a game History Profile Membership

Sportefy for Business

Chapter 04 / 05 · Website

Web design · Development

A Website That Sells To HR

Five pages make the case to employers: Home, Features, For HR, Venues and Get started. The For HR page carries an interactive dashboard, so an HR lead can click through seats, bookings and billing before they book a call. Every page is designed for desktop and mobile.

Home · Your company pays, your people choose

Scroll inside the window to read the For HR page

Pages: Home, Features, For HR, Venues and Get started: 5 pages
Interactive HR dashboard: switch tabs, search the team, add people and change seats: 1 dashboard
Every page designed and built for desktop and mobile: 2 sizes

Sportefy for Business

Chapter 05 / 05 · Proposal

Presentation design · Sales story

A Pitch For Every Meeting

A 16-page proposal the Sportefy team can send to any company: the problem with perks, the membership, the venues, the price, the HR dashboard and the first steps. Same voice, same design, ready to present or to send as a PDF.

Pages, from the problem with perks to the first steps: 16 pages
Parts: problem, membership, venues, price, dashboard, next steps: 6 parts
Ways to use it: presented live or sent as a PDF: 2 ways

The Final Product

Every Screen, One Purple

The finished Sportefy for Business app, from home to the membership card: every screen in the prototype, built on one brand.

Outcome

What It Made Easier

For the team selling Sportefy for Business, and for the companies and people who use it.

For Sportefy:

A full launch kit, ready on day one
One story across film, site and pitch
A proposal for every sales meeting
Brand rules any team can follow

For HR teams and employees:

One invoice a month, nothing to chase
A dashboard to try before the first call
Any sport booked in five steps
Games with colleagues from one code

Results

One Team, The Whole Launch

Everything Sportefy needed to take a new benefit to market, made by one team and signed off frame by frame.

Headline result

5 pieces

Launch pieces delivered together in 2 weeks, by one team

Brand, launch film, app, website and proposal, all speaking the same words in the same purple, so a company hears one story from the first ad to the signed proposal.