Meghan Iverson Miller's Porfolio

Design Systems for Three Sites from the Ground Up

Collaborating with a UX designer, I built out the foundational UX for three high-performing e-commerce sites: DiamondNexus.com, 12Fifteen.com and ForeverArtisans.com. For all three I started from the ground up, gathering different style iterations and consolidating them into consistent design components with unified underlying code. I coordinated work from all of our designers to ensure quality, consistency and adherence to our design system. Because of the reusable componenets, any site-wide changes could be made quickly.

After establishing new UI elements, I designed code components with custom Guttenburg blocks in Wordpress. As an example, the button component gave options for multiple colors, full width or not, swipe animation etc. I automatically adjusted them for mulitiple breakpoints. In Wordpress, any user could select these options in minutes versus in hours (as it had been in the previous site) and keep the style consistent throughout the site.

Direct Mail + Print

At Jenny Craig I created direct mail for a list of over 70,000 customers. The mailer included alternative versions for Canada, Puerto Rico and Franchises and I adjusted the design for different printer requirements.

Jenny Craig also hosted a celebrity dinner in NYC. For that event I created recipe cards in InDesign as part of the take home package for guests.

Mobile-first Responsive Landing Pages

For this high visability landing page I developed responsive, mobile friendly custom code working within the constraints of the CMS. I also did the development for subsequent pages.

This is one example of many landing pages I've created. For each page I create I perfrom QA, thoroughly testing how it looks on different browsers and devices.

Expansion of Design Systems to Enable Self-Service Content Creation

After creating the baseline design system, I created further consistency for the unique needs of the Diamond Nexus blog. This blog was a key piece of the marketing strategy, driving a high percentage of traffic to the site. For the blog, novel content had to be created at least three times per week.

Previously these landing pages took over eight hours to create and required the involvement of the front-end development team. Using the expanded design system, these blog pages took only about one hour to create and eliminated the need for involving front-end development in their creation.

Responsible for all Custom Email Design & Development

At both Jenny Craig and Forever Companies I handled all custom email design & development, creating on-brand, mobile-friendly, accessible templates for email blasts, welcome series, SCA, browse abandonment, and post purchase. At Jenny Craig we sent four marketing emails a week to a list size of over 250,000 customers.

Email Design System
For Forever Companies, I created an email design system. Defined code components and consistent UI elements sped up development time. I performed many A/B tests to get better clarity on what is received best by customers. I implemented customization and local-specific content.

Tools used:

Snippets for reusable code
Liquid logic
Handlebars for dynamic data manipulation
Litmus & Email on Acid for QA
ESPs including Braze, Iterable, MailChimp, Constant Contact, Responsys

Third Party Integration

For customer reviews we used a third party provider called Yotpo. Using Yotpo drove more traffic through UGC and increased conversion rates. I used custom HTML5/SASS to make it brand specific and fit seemlessly within the look and feel of the website.

Other customization can be found on the homepage (@DiamodNexus section integrating Instagram posts) and on product description pages, for example here.

Continuous Code Integration

All my code changes are first developed on my personal development environment, then pushed to a live dev site for further testing. I performed testing on various devices, browsers and with Browserstack. Finally code was merged into staging/live repos through Github overall reducing errors.

I am used to working in an Agile enviornment and performing continuous code integration to quickly get changes out the door.

High Performing Landing Pages

After getting feedback from customers and customer service agents we realized that customers were looking for more clarity around how different carat weights look on real models. For this stud size guide I worked with a designer, carefully developing how it would look on mobile through desktop.

The page was well received and reduced customer service calls about carat size and how they compare on real people.

Full Websites etc

In the past I also did the full website design and development for Mason Street Grill, the Pfister Well Spa, and for Erik James Leatherwerks. I created interactive signage (Scala) for the Grand Geneva Hotel and Spa. I'v created css animations, svgs, and created banner ads and google display banners.

Photography

I've always loved photography and have taken college-level courses in addition to using Photoshop for retouching. Please see examples of my work here.

My Work.