Case study: Downloading good health
With the year coming to a close, I’ve had my health on my mind. As sad as it is that holiday festivities are effectively cancelled this year, the one benefit is that I will definitely be consuming fewer calories this month! While I’m generally not that into New Year’s resolutions, I am looking to eat a bit healthier in the coming year. To that end, I signed up for Freshly a few months ago, and it has made eating healthier during the week a bit easier and more convenient.
Which brings me to this week’s design challenge — to create a “Download app” CTA. Since I recently made my selections for next week’s Freshly delivery, I was curious how they prompt users to download their app. In their case, they have the standard download badges for downloading apps (from Apple’s App Store, or the Google Play Store), listed in the footer of their website.
In practice, designers and companies are not supposed to modify these at all, so even though I think it looks kinda unappealing, they’re doing the right thing here. But since this is just a design exercise, I figured I’d take a stab at making these buttons feel more cohesive and part of the design language of Freshly’s brand.
I decided to break out the instructional text prompting the download from each of the standard badges (“Download on the App Store” and “Get it on Google Play”), in an effort to simplify overall. I then created a new section in this area that says “Download our Apps” with simple badges below for each of the platforms — iPhone or Android. I took the main Apple and Google Play logos and stripped them down to be simple thin strokes, in an effort to mimic the thin typeface that is used in the Freshly logo. Lastly, I gave them basic containers to appear more button-like, similar to the original badges.
This was a bit more challenging than I expected because I had to find and then slightly modify the main font they use for the footer section of their site. I wanted my concept to blend in as seamlessly as possible with what they have, but the font’s kerning, weight, and size wasn’t matching up, so I had to eyeball it to get it as close as I could.
Since I don’t work for Freshly and therefore don’t have access to all their brand assets, I always find it fun to try to match a brand’s design system as closely as possible. This was also a fun exercise because I don’t particularly love the standard app badges. It would be nice if Apple and Google allowed some more flexibility with these to match the look and feel of any particular brand, though I understand their reasons for wanting these to be consistent across the industry.
In any event, now I’m getting hungry from all the downloading and designing. May we all download good health in the new year!
