Work
Bluemercury
Lead Web Designer 2016-Present
Bluemercury is one of the world's leading luxury beauty retailers. Over the past four years, I've redesigned its online storefront from scratch, updated and maintained the packaging for its two in-house brands, and created marketing campaigns for its 200+ brick-and-mortar stores.
![M-61 PowerGlow Peel Extra Strength 20% packaging design for Bluemercury](work/bluemercury/bm-preview.jpg)
Online Store
Expert advice with a personal touch
Bluemercury was founded with a community-oriented, brick-and-mortar focus. This has guided our strategy for Bluemercury.com and set our standards for content and usability. In addition to designing the shopping experience, I created dozens of engaging, informational pages every month to showcase new products and expert advice you'd expect to find in our stores.
![Wellness in Minutes content page for Bluemercury](work/bluemercury/bm-content-1.jpg)
![Wellness in Minutes content page for Bluemercury](work/bluemercury/bm-content-2.jpg)
Familiar & responsive interface
Like Bluemercury's store services, the online shopping environment should feel familiar no matter where you are. This meant building responsive interfaces and controls that retained their layouts regardless of device or state. It also included ditching our previously separate mobile and desktop styles for a single responsive design.
![Product Page Template](work/bluemercury/bm-pdp-des.jpg)
![Product Page Template on mobile](work/bluemercury/bm-pdp-mob.jpg)
Useful & intuitive
Simple icons, consistent modals, and descriptive inputs were key to delivering an accessible and focused site experience. Interface elements are clear enough to guide shoppers along while being understated enough to let product and lifestyle photography take the fore where intended.
![Warning alert modal style](work/bluemercury/bm-alert-1.png)
![Message modal style](work/bluemercury/bm-alert-2.png)
![List modal style](work/bluemercury/bm-alert-3.png)
![Status modal style](work/bluemercury/bm-alert-4.png)
![Action modal style](work/bluemercury/bm-alert-5.png)
![Icon modal style](work/bluemercury/bm-alert-6.png)
![Search icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-01.png)
![Profile icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-02.png)
![Mail icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-03.png)
![Phone icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-04.png)
![Location icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-05.png)
![Spa icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-06.png)
![Chat icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-07.png)
![Wishlist icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-08.png)
![Card icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-09.png)
![Gift card icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-10.png)
![Gift cards icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-11.png)
![Promo card icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-12.png)
![Bag icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-13.png)
![Add to bag icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-14.png)
![Gift icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-15.png)
![Notify icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-16.png)
![Samples icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-17.png)
![Shipping icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-18.png)
![Filter icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-19.png)
![Travel size icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-20.png)
![2 day shipping icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-21.png)
![Overnight shipping icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-22.png)
![30 day return icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-23.png)
![Light icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-24.png)
![Hamburger icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-25.png)
![X icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-26.png)
![Plus icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-27.png)
![Check icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-28.png)
![Minus icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-29.png)
![Arrow icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-30.png)
![Target icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-31.png)
![Grid icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-32.png)
![Share icon 1 for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-33.png)
![Share icon 2 for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-34.png)
![Share icon 3 for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-35.png)
![Dots icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-36.png)
![Warning icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-37.png)
![Diamond icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-38.png)
![Circle icon for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-39.png)
![Small line icons for Bluemercury.com](work/bluemercury/icons/small/bm-icons-sm-40.png)
In-House Brands
Product launches
Our creative team also produces design work for M-61 and Lune+Aster, Bluemercury's two proprietary brands. I've worked with the two brands to launch updated websites, new products and packaging, and in-store beauty experiences.
![Lune+Aster PowerLips launch announcment page lighter for Bluemercury.com](work/bluemercury/bm-prod-launch-des-1.png)
![Lune+Aster PowerLips launch announcment page darker for Bluemercury.com](work/bluemercury/bm-prod-launch-des-2.png)
![Lune+Aster PowerLips launch announcment page on mobile lighter for Bluemercury.com](work/bluemercury/bm-prod-launch-mob-1.png)
![Lune+Aster PowerLips launch announcment page on mobile darker for Bluemercury.com](work/bluemercury/bm-prod-launch-mob-2.png)
Product packaging
My first assignment at Bluemercury was to standardize the packaging of its two rapidly expanding product lines. I devised new grids and typographic guidelines for the two brands that unified the existing product line and paved the way for dozens of new products.
Garden Party
Co-Founder 2018-Present
Garden Party is a cross-disciplinary creative agency I co-founded with Nathan Pasko and Christopher Mongeau in 2018. We work with clients of all sizes to deliver bespoke web apps, stunning brand identities, and creative marketing campaigns. Our work combines technical and playful aesthetics in resfreshing ways.
![Still life photo by Christopher Mongeau](work/garden-party/gp-preview.jpg)
The Ware Center: ARTSMU Live!
A post-COVID theater program
Millersville University's Ware Center asked us to recreate their theater programs for the 2020 season. Our custom web-app brought a fresh, environmentally friendly, accessibility-forward, and COVID-safe update to a classic form.
![MUArts Live! homepage by Graden Party](work/garden-party/gp-ware-home-des.png)
![MUArts Live! leaderboard page on mobile by Graden Party](work/garden-party/gp-ware-leaderboard-mob.png)
Live mode
We didn't want the glow of screens to distract from peformances in a dark theater, so once a performance is underway the app automatically transitions to a dark color scheme.
![MUArts Live! profile page in live mode by Graden Party](work/garden-party/gp-ware-profile-des.png)
![MUArts Live! program page in live mode by Graden Party](work/garden-party/gp-ware-program-mob.png)
Gamifying the Experience
To encourage patrons to use the app and explore its features, we designed gooey icons, a leaderboard system for attendance, and badges for different usage milestones.
![Bookmark icon 1 for Ware Center by Graden Party](work/garden-party/icons/bookmark-1.png)
![Bookmark icon 2 for Ware Center by Graden Party](work/garden-party/icons/bookmark-2.png)
![Ticket icon 1 for Ware Center by Graden Party](work/garden-party/icons/ticket-1.png)
![Ticket icon 2 for Ware Center by Graden Party](work/garden-party/icons/ticket-2.png)
![Favorite icon 1 for Ware Center by Graden Party](work/garden-party/icons/favorite-1.png)
![Favorite icon 2 for Ware Center by Graden Party](work/garden-party/icons/favorite-2.png)
![Library icon 1 for Ware Center by Graden Party](work/garden-party/icons/library-1.png)
![Library icon 2 for Ware Center by Graden Party](work/garden-party/icons/library-2.png)
![View icon for Ware Center by Graden Party](work/garden-party/icons/read.png)
![Photo icon for Ware Center by Graden Party](work/garden-party/icons/picture.png)
![Program icon for Ware Center by Graden Party](work/garden-party/icons/program.png)
![Check in icon for Ware Center by Graden Party](work/garden-party/icons/checkin.png)
![Leaderboard icon for Ware Center by Graden Party](work/garden-party/icons/leaderboard.png)
![Live Mode icon for Ware Center by Graden Party](work/garden-party/icons/livemode.png)
![Settings icon for Ware Center by Graden Party](work/garden-party/icons/settings.png)
![Help icon for Ware Center by Graden Party](work/garden-party/icons/help.png)
![Badge Line Layer](work/garden-party/badges/step-1.png)
![Badge Shine Layer](work/garden-party/badges/step-2.png)
![Badge Color Layer](work/garden-party/badges/step-3.png)
Swan Shop Vintage
21st-century prep
Founded in Queens, New York, Swan Shop Vintage is a retailer specializing in vintage American menswear. We teamed up with Swan Shop to create a brand identity that celebrates the unique combination of tradition, ambition, and relaxed confidence embodied by the brand.
-
Swan Shop Mascot -
Swan Shop Icon
A personal touch
We wanted to find ways to mesh the brand identity with Swan Shop's merchandise. Along with the new identity, we delivered rubber stamps of the word mark and beak icon, as well as 2-sided color notecards.
![Swan Shop Vintage rubber stamp on tags](work/garden-party/gp-swan-tags.jpg)
![Swan Shop Vintage postcard design](work/garden-party/gp-swan-card.jpg)
Commonwealth Giant
Digital D&D
We created the logo for a new online role-playing game dungeon master service provided by Commonwealth Giant. The logo takes elements from the classic D&D frost giant and presents it with an e-sports logo twist.
![Commonwealth Giant logo by Graden Party](work/garden-party/gp-comm-lockup-1.png)
blastlandECM
Planting the right seeds
We crafted a brand identity for blastlandECM, a consultancy specializing in enterprise change management strategy for educators. After exploring the personality, look, and feel of blastlandECM, we designed the logo, and then expanded the elements of color and style into a flexible yet memorable brand.
Drafts
![Radiating logo draft 2 for BlastlandECM by Graden Party](work/garden-party/gp-blas-draft-2.png)
Dolcezza
Lead Designer 2014-2016
In 2016, I worked as the in-house designer for Washington, D.C.'s premiere gelato and specialty coffee shop, Dolcezza. My main task was to unify customer experience across Dolcezza’s eight locations and create original marketing materials and merchandise. I also designed in-house print peripherals, presentations, and pitches, including our winning bid to open a location at the Hirshhorn Museum and Sculpture Garden in Washington, D.C.
![Poster design for Coffee District Coffee Fest DC](work/dolcezza/dc-preview.jpg)
Marketing & Collatoral
Gelato, but "make it propaganda"
This was the take-away from my first conversation with one of Dolcezza's founders. The team was fanatical about their product and wanted that obsession and reverence to be communicated through each piece of marketing I produced.
![Free Push Pop ticket for Mason & Rook front](work/dolcezza/dc-mason-rook-1.png)
![Free Push Pop ticket for Mason & Rook back](work/dolcezza/dc-mason-rook-2.png)
![Keep Frozen label for Dolcezza](work/dolcezza/dc-keep-frozen.png)
![Sorry We're Closed signage for Dolcezza flagship](work/dolcezza/dc-were-closed.png)
![Whole Foods coupon design front](work/dolcezza/dc-whole-foods-coupon-1.png)
![Whole Foods coupon design back](work/dolcezza/dc-whole-foods-coupon-2.png)
Event Promotion
Coffee District
Every season, Dolcezza would hold an open-invitation coffee competition. I created flyers, websites, email marketing, and more for these events. For one of the largest events, D.C. Coffee Fest, I created a fold-out map of the best coffee shops in D.C.
![Coffee District map front](work/dolcezza/dc-map-1.png)
![Coffee District map back](work/dolcezza/dc-map-2.png)