Sprout Family Health
Healthcare with heart
Health stress and struggles are things of the past. For moms, dads, and little ones, Sprout is here, at last.
![](https://freight.cargo.site/t/original/i/c8776c880192ee270afa83d719e9b5a622698952292d39cdabb4f4794810bf4a/sprout-cover-image-02a.png)
Role
Art direction, design (IA, visual concept, UI, layout, typography, iconography, illustration manipulation), production + motion (Webflow)
Collaborators
Creative direction, branding, and illustrations by Caleb Beyers 🤍 // Writing by Kate Chandler, Caleb Beyers, and Brad Jawl.
Art direction, design (IA, visual concept, UI, layout, typography, iconography, illustration manipulation), production + motion (Webflow)
Collaborators
Creative direction, branding, and illustrations by Caleb Beyers 🤍 // Writing by Kate Chandler, Caleb Beyers, and Brad Jawl.
![](https://freight.cargo.site/t/original/i/dc93e85680a50ab4841c3c2e058cc5bef2ead0abd61e4a5337b3395bd53b5b2c/sprout-experience-devices-01b-q80.png)
A storybook beginning
The experience
Sprout is a family-focussed healthcare provider that optimizes for illness prevention and longevity. The brand, and this marketing website project, uses the metaphor of a nurturing garden, full of colourful animal characters, to summarize the clinic’s team-based breadth of services.
Video – desktop browser screencast of the Sprout website
From sketches to screens
Design, build, motion
I was brought on board to receive the loose brand concept, flesh out a digital design language, and build a marketing website. In a nutshell, the final visual system consisted of:
- a typeface pairing with a playful, literary feel and long-form capabilities;
- a largely monochrome palette that uses a supportive colour set for moments of surprise;
- a layout and component structure that mirrors the clinic’s thoughtful systematization;
- an overall sense of confidence, mixed with storybook pacing and playfulness, anchored by Caleb Beyers’ heartfelt illustrations (drawn specifically for various moments of motion).
The homepage hero’s tree scroll — desktop
![](https://freight.cargo.site/t/original/i/78166f490d30b298f5c47b0bd223888b347e49d3f66464ba79f846b2ab4ae456/phone-home-tree-scroll-02c.png)
![](https://freight.cargo.site/t/original/i/d52f12ba39e43df5331c00e2491248ac70795e001a729b30478776500c07ed40/phone-home-character-01a.png)
The homepage's character scroll — desktop
![](https://freight.cargo.site/t/original/i/1609c374fe5e07168e27b850791f9d45d41bc2f1d5b400a7436a43e4051b75a1/phone-about-intro-01.png)
![](https://freight.cargo.site/t/original/i/990301a9b6aa8f75cd4090aa944d5b5c357f043299e6d7d79ca1ff8b222a8124/phone-about-manifesto-01.png)
![](https://freight.cargo.site/t/original/i/029dbae0d6f981133a41a59a0bae0a20ffd360c1fea2811dace87f6c51f6f7a5/phone-about-team-01.png)
![](https://freight.cargo.site/t/original/i/a8abf47a1f3dbfbb510bca64164c2889d617a26ab1d2df4332652478c7507838/phone-about-location-01.png)
![](https://freight.cargo.site/t/original/i/f6438053a873487e42ef469625822dc7d4701009e3d81e55efbafe100eac96e1/phone-about-cards-01.png)
![](https://freight.cargo.site/t/original/i/9f72beb3387e889f59cdd0eae2d247d6b9c633c1aa8381cc76345d3102b1f1bf/sprout-about-full-800w-02a.jpg)
About page’s manifesto — desktop
About page’s team section — desktop
About page’s team section — desktop
![](https://freight.cargo.site/t/original/i/a2e31a9f792b5b831d16ce29fdf7a85f5d41b0c2ca51a10b2ab09c821d8b384e/desktop-blog-main-1680w-01b.png)
![](https://freight.cargo.site/t/original/i/8de001ab2eac8d8fe305a01ef35a31cd1bcd037294d67f23e7621eebcb74897d/tablet-home-character-cards-01a.png)
![](https://freight.cargo.site/t/original/i/351a0a0693e6e118edef6bddd1981789c295cabd2684a4efdc6f49479cf5e458/tablet-footer-01a.png)
Menu overlay — desktop
![](https://freight.cargo.site/t/original/i/2580742e8874f32e33635a7ba7202cb04e56137163f09fd56743b40003b749e9/phone-faq-01a.png)
![](https://freight.cargo.site/t/original/i/4bba525c9993dc1c0ac3f90488fe8566f7a5619be05794e432c3d433ac8e6b30/phone-form-01a.png)
Experience Sprout Family Health ↗