← All work
PhoneBox · Graphic and UI/UX Designer

Print, digital and product design for a mobile provider.

PhoneBox new plans poster on a city street

In 2024 I was the designer behind PhoneBox’s print, digital and product work. This page covers three chapters: print for ICEF Berlin and a new plans launch, seasonal ads and landing pages across the Canadian, US and NewSIM brands, and a new shopping section inside the customer portal.

Role
Graphic and UI/UX Designer
Timeline
April to November 2024
Tools
Figma, Photoshop, Illustrator, InDesign, After Effects
Deliverables
UX research, UI design, print, event materials, digital ads, landing pages
Chapter 02Digital

Digital ads and landing pages

Seasonal promotions across Instagram and the website, plus refreshed Google Ads landing pages with an animated logo.

01
Digital ads

Seasonal promos across web and Instagram.

Instagram carousels for deals aimed at young, mobile savvy customers, plus website ads in banner, sidebar and pop up sizes so the message stays consistent everywhere.

Digital ads

Instagram carousel adsWebsite ad set
02
Landing pages

Google Ads landing pages, refreshed.

I also redesigned the Google Ads landing pages for several markets and languages, adding an animated logo and motion graphics to the hero so the first screen feels alive.

Google Ads landing pages

Full redesigned landing page scrolling on a laptopAnimated PhoneBox logo
Chapter 03UX / UI

Self Serve Shop

PhoneBox customers could manage their accounts online but had to leave the portal to buy anything new. I designed a shopping section for mobile plans, home internet, devices and accessories, from research through developer handoff.

01
The problem

A gap between managing and buying.

I gathered insights with the Customer Service and Operations teams, based on real customer conversations and feedback. Three pain points kept coming up.

Hard to find products

Customers struggled to find and navigate products and services.

Two separate journeys

Managing an account and shopping for new services lived in different places.

Missed offers

Many customers never saw available products or promotions while managing their accounts.

02
Approach

Research to handoff, as the only designer.

Research and flows

Turned the insights into a persona plus shopping and checkout flows.

Wireframes

Sketched low fidelity layouts and refined them with cross functional teams.

High fidelity UI

Reused existing UI components so the new section felt native to the portal.

Testing

Ran internal usability testing and used the feedback to simplify the design.

Developer handoff

Worked closely with developers on specs to avoid misalignment during build.

03
Persona and flows

Designing around one clear customer.

Persona and user flows

User persona: Jane Lee, a 25 year old university student in Vancouver, with problems, needs, limitations and context of useShopping user flow from the shop landing page to plan pages and checkoutCheckout user flow from SIM type through shipping, activation, port in, review and payment

Wireframes

Plans page wireframePlan product page wireframeeSIM compatibility drawer wireframeShipping address step wireframe
04
Final UI

Shopping that feels part of the portal.

Plans, internet, devices and accessories are now one click from the account dashboard, with a checkout that keeps customers inside the same experience.

Shop

Self serve shop on a laptopShop landing page with Canadian, US and home internet plansCanadian mobile plans page with a create your own plan builder20 GB Canadian monthly plan product page

Checkout

Confirm SIM type step with a SIM number validation erroreSIM compatibility drawerPlan details drawerShipping options stepActivation information stepPort in form with validation errorsProrated plan explanationOrder summary and payment details
05
Takeaways

What I learned and what is next.

Balancing aesthetics with function was key to fitting the new section into an existing portal. Detailed specs and close work with developers kept the build on track.

Next: mobile

Refine the mobile experience for customers on the go.

Next: analytics

Track how customers use the shopping section and prioritize improvements from the data.

06
Brand

Three brands, one system.

Canada
#0494CA
#013072
#005068
#FFC000
USA
#255A27
#83BF68
NewSIM
#03183F
#4886FF
Type
Poppins
Next project

Reliance Foundry

↗