C Spire · Telecom · Design + front-end

Eight years of designing and building for a regional carrier.

8Years in-house 3Sites designed: wireless, business, fiber 3Clicks to a free repair estimate

As a UX Developer at C Spire, I designed pages and then built their front end. The work ranged from the wireless site, through eight years of redesigns, to the business and fiber sites and one-off launches. The pages below launched while I was there. Most have since been replaced, so the screens come from my portfolio at the time.

Download as a slide deck (PDF, 2.4 MB)

RoleUX Developer II
CompanyC Spire · Ridgeland, MS
Timeframe2011–2019
DisciplineDesign + front-end development

The wireless site, through eight years of redesigns

I worked on C Spire’s main wireless site through eight years of redesigns. These four snapshots, from the year I started to the year before I left, show how it changed: each version moved toward a simpler structure and a lighter, more mobile-friendly layout.

Cellular South home page, 2011
2011 · Where I startedThe Cellular South site before the rebrand: a crowded home page with a login box, a green “Get Started” panel, and an eight-item menu.
C Spire home page, 2012 redesign
2012Right after the rebrand from Cellular South: a bold, all-blue home page with hashtag panels for getting started, comparing plans, and the network.
C Spire home page, 2015 redesign
2015A lighter layout with separate Wireless, Home Services, and Business tabs, and a row of quick links under the main promotion.
C Spire home page, 2018 redesign
2018A simpler navigation (Shop, Support, My Account) and a row of icon shortcuts for the most common tasks.
Featured · Launched 2018

Repair Center: fix it instead of replacing it

In 2018, C Spire started offering certified phone repair in its stores, for less than other repair shops charged. The idea was simple: a cracked screen or a dying battery shouldn’t mean buying a new phone. Repairing saves people money and keeps working phones out of the landfill. I designed and built the landing page that introduced the service.

Free repair estimate with three dropdowns: phone brand, model, and what needs fixing
A free estimate in 3 clicksBrand, model, and what needs fixing. Free and no commitment.
  • The estimate comes first. Cost is the first thing people want to know, so the estimate sits directly under the headline.
  • Any phone, any carrier. The page says plainly that you don’t need to be a C Spire customer.
  • The list of fixes is a checklist. People can scan it for their problem, from cracked screens to charging issues.
  • A store near you. Every repair location has directions and a link to book an appointment.
Full Repair Center landing page
The full landing pageScroll or click to see it full size.

Carrier comparison tool and the money tree

A tool that let people compare their current carrier bill with C Spire in three quick questions. I designed it, including the animation: coins falling from a money tree on the home page, and a plant that grows along a savings timeline on the results page. It launched on the C Spire site.

Comparison tool home banner: See how your carrier stacks up, with carrier bubbles and a money tree
Home page entryCarrier bubbles sit in the branches of a money tree, with coins falling. On hover, each bubble fills with that carrier’s brand color, so people spot theirs faster.
Three steps: who is your carrier, how many lines, how much is your current plan
A separate funnel for email and socialPeople arriving from a campaign got a full-page version: carrier, number of lines, then monthly bill. For more than four lines, the tool sends people to a rep instead of guessing.
Results pages showing yearly savings with a growing plant, and an alternate page when C Spire isn't cheaper
Honest results either wayIf C Spire was cheaper, the page showed the yearly savings, with a plant growing along the timeline. If it wasn’t, the page acknowledged their current deal (“You might think that’s good…”) and made the case on network and service instead.

Telehealth app launch page

A launch page for a telehealth app built by C Spire and UMMC. It had a lot to explain (how it works, what it treats, who’s behind it, FAQs), so I designed and built a page that people could scan in order.

Infographic: 30 minutes for a video appointment versus 121 minutes for an office visit, shown as a pill
An infographic that’s easy to swallowTime comparisons drawn as two pills: a small one for a 30-minute video visit, and a large one for the 121 minutes an average office visit takes.
Telehealth landing page on desktop and mobile
Desktop and mobileScroll or click to see it full size.

Techmvmt and the Concert Series

Techmvmt was C Spire’s umbrella for tech education in Mississippi: the MVMT conference, the C3 student coding challenge, Microsoft TEALS, coding academies, and scholarships. New pieces kept being added, so I built a shared visual language they could all use rather than designing each page from scratch.

Techmvmt hub, MVMT 2018 conference pages, and C3 coding challenge page
Techmvmt hub, MVMT 2018, and the C3 coding challengeRounded photo crops, bracketed headings, and a single accent color tie the pages together. Click to enlarge.

C Spire Concert Series

A landing page for C Spire’s concert series at its two main venues. It needed to show featured artists, dates by venue, ticket links, and a customer-only pre-sale. I explored several layouts built around the event photography we had, and the final page launched.

Concert Series landing page concepts
Layout explorations for the launched pageScroll or click to see them full size.

What this role taught me

Designing what I would also build

I worked in the design files and the code, sometimes on the same day. Knowing what was easy or expensive to build made my designs more realistic, my handoffs cleaner, and my conversations with engineers more honest.

Lead with what people came for

The repair estimate went above the fold. So did the carrier choice in the comparison tool and the time comparison on the telehealth page. Each page opened with the answer people were looking for.

Design for the unfavorable result too

The comparison tool couldn’t always beat someone’s current price. Rather than hide that outcome, I designed a separate results page for it that acknowledged their deal and made the case on network and service.

Build systems for things that keep growing

Techmvmt kept adding events and programs. A shared set of patterns meant each new page fit in on day one.

Beyond the wireless site, I also designed the business and fiber sites, plus eight years of promotions, device pages, and support flows.

Get in touch

Let's talk.

I love talking about design and hard problems. Drop me a line or connect on LinkedIn. I would love to hear from you.