Overview
SPC (Student Price Card) is an annual subscription based savings card that gives students discounts at select retailers for a flat fee of $10 a year. They claim to have more than 1.1 million users across Canada, and recently discontinued physical cards-- moving all students to their app. In addition to being a first to market company, SPC has little competition because of their strong connections with high schools. However, I polled a group of high school students and found that SPC struggles with retaining users; only 48% of 54 purchasers bought the card for more than 2 years. I personally had a poor experience with the app in high school, and wanted to revisit it in 2022 after they had gone through several updates. My design sprint focused on addressing why students stopped buying SPCs, and what the app could do to retain them. While attempting to understand the complex audience of the app, I interviewed several students and found 3 main archetypes representing ex-customers or churners and their motivations:
Figure 2. The 3 main types of ex-customers and churners
Customer Segmentation
I noticed that a difference between the “Saver” group and the other two was awareness and convenience. Where the latter wanted a streamlined experience curated by SPC, the Saver had previous experience in couponing and wasn't afraid to seek out deals from multiple sources. SPC’s business model is unable to successfully retain a large percentage of the Saver population because the discounts offered are set by the stores. On the other hand, many accidental buyers experience the app out of confusion, and have no real interest in SPC. Thus, I chose to cater my improvements to the “Go with the Flow” users. They are most likely to repurchase, show interest in SPC as a product, and their pain points take the least engineering effort to address.
Figure 6. Exploring and testing card iterations
Testing card iterations
With SPC’s current coupon presentation, one day deals wouldn’t be possible (see initial card 0). Because coupons lower company profit margin and require coordination with stores + SPC, their losses should be subsidized by impressions and gains in brand awareness. When I observed users on the app, I found the current featured SPC slot had a low ROI on conversions (sorry Samsung). As a result, I would assume that many companies would be hesitant to invest in a featured slot.
Keeping a company’s advertising goals in mind, I redesigned the initial card to emphasize product photography and time-scarcity.
Figure 7. May the most user-friendly card win, and may the odds ever be in your favour
Test is best :)
To summarize my research insights, I found the HIG inspired card was best because users rated the aesthetics highest, and strategic text placement meant users actually read the deal instead of scrolling past it (employing the natural F-shaped reading pattern).
Recall: Natural and common reading patterns include Z and F
addressing problem 1
“Wait, I didn’t know that existed?”
“Deals near you” is a great feature that saves searching time and solves the pain point of accessibility. However, it has a very small touch target and is placed inconveniently, creating access issues (the recommended minimum hitbox on IOS is 44px). Because many interviewees were unaware or confused by the feature, I designed a new component that would prompt users for location permissions on the homepage. Once accepted, the user would then be redirected to nearby deals.
Alas, no matter the popup’s design, users stated that they would be likely to ignore it because it looked like an ad. A bit of trickery was employed in the final design, allowing users to enable the feature by clicking on a preview that appeared broken, combatting banner blindness.
Figure 8. Different methods of location prompting.
Figure 9. An old screenshot, and the new stories features
Jakob says hi.
When I initially used ethnography, I noticed the problem of aimless scrolling. Most SPC content on the homepage share the same undifferentiated design (see Figure 10 below). As the deal preview is also cut off, People tended to look at the logo of the brand, and kept scrolling if it didn’t interest them.
I wanted to raise engagement and found that the existing circular shopping categories already mimicked Instagram stories, confusing some Instagram users. Because identical sections with the same redirect locations are already present in the app’s search (not to mention in a more appealing way), I moved the originals down to maintain a secondary entry point, and added the story feature. When users focused on a single deal at a time with a clear CTA, they'd be more likely to click in a deal; raising conversions. I found that all tested users were immediately aware of the gestures for this feature, showing how powerful pre-existing patterns are (Jakob’s Law of Internet UX).
Auditing the old "Membership" page
To improve the personalization and quality aspect of SPC, I revisited the existing “Membership” page and noted a few things that stood out to me. Based on my critique, I later made some UX changes to the screens themselves, like clarifying instructions to save reading time, adding a secondary color to make links look more clickable, segmented navigation that prefaced the next screen, and an upload button for those with a pre-existing photo of their ID. Below, the original design annotated.
A new card design
To reduce friction, I renamed the page “Card” and incorporated personalization to appeal to Gen Z. I decided on using the vertical card iteration because the credit card design might cause confusion amidst the prominence of online pay. When I interviewed several students and asked them what emotions they associated with the card, they mentioned it felt “exclusive” like a “concert ticket;” achieving my goal to elevate the experience quality.