Tag: Visual

  • Print to Digital

    Print to Digital

    Role
    Lead Designer

    Team
    Project manager, 1 Engineer, Editorial Manager, Editorial Art Director

    Platform
    Desktop, Mobile

    Johns Hopkins Medicine

    A well-loved print publication needed a digital version that was consistent in it’s content structure and bold, artistic imagery.

    Challenges

    • Create a user friendly admin for the editorial team to add their content.
    • Keep the artistic aesthetic of the print magazine.
    • The entire online experience should compliment the flow of the publication.

    Front-end

    The magazine had a bold color palette with strong frames and borders. I incorporated these elements throughout the design. I made the cover article the focus of the homepage to further showcase the impactful imagery from commissioned artists and photographers.

    The navigation followed the publication format for a cohesive experience.

    Winner

    Digital Health Awards

    GOLD / Hopkins Medicine Magazine (School of Medicine Alumni) / Division: Health System / Audience: Health Professionals / Classification: Digital Health Media / Publications. / Category: Magazine

    Admin

    For workflow efficiency, editorial requested the ability to upload their own content. Using the SiteExecutive CMS I designed a user-friendly form for them to upload images, add the article, insert blockquotes and choose related articles. This saved time for both editorial and web center teams.

    Additional Pub

    I also designed the digital version of the Dome, a magazine for staff of Johns Hopkins Medicine. This design also used the bold lines but I shifted to a softer color palette to differentiate between them.

    Winner

    Digital Health Awards

    MERIT / Dome (Staff Newsletter) / Division: Health System / Audience: Health Professionals / Classification: Digital Health Media / Publications. / Category: Newsletter

  • Dynamic Strategy

    Dynamic Strategy

    Role
    Lead Designer

    Team
    Project manager, 1 Engineer, Account Manager

    Platform
    Desktop, Mobile, CTV (Connected TV)

    I have been the designer for Shipt’s dynamic strategy for about 8 months. Our relationship with their agency has strengthened, enabling us to work efficiently while keeping the brand’s integrity at the forefront and delivering stronger outcomes.

    Product Feed Template

    Shipt wanted to run local, in-stock product ads to the right in-market audiences. Using legacy tools this would have required a costly and consuming 1.2 million unique creatives.

    The evergreen template was designed for running throughout the year in between seasonal promotions. I created two variations: single retailer and multi-retailer (displaying up to 5). When multi-retailers were listed, the CTA would show the logo for the retailer offering the product.

    Summer Template

    The summer template was requested based on some brand changes for the season as well as dynamic changes to the creative based on pre-determined themes. The headline, bag images and savings stickers were updated for the frequent promotions.

    Weather Triggers

    • Larger sizes incorporated a 3 day forecast. The current day would pull in a relevant headline.
    • All sizes had a version with the current day’s weather conditions.
    • The bag contents change based on the conditions.

    World Cup

    • Promoting Shipt Kits for World Cup fans
    • Include a countdown leading up to the next US game then switch to live
    • Adapted client provided creative to include a custom countdown and game details

  • Travel Planning Tool

    Travel Planning Tool

    Role
    Lead Designer

    Team
    Project manager, 1 engineer, Account Manager

    Platform
    Mobile

    A custom mobile ad experience providing personalized destination recommendations based on consumer passion points and travel interests.

    Campaign Objectives

    • Increase brand awareness
    • Attract new customers
    • Drive bookings with increased efficiency and return on investment

    Solution

    The tool leveraged user location data to deliver a highly personalized experience that guided travelers toward drivable destinations matched to their specific activity interests.

    Top performer

    2X consumer engagement

    50%+ increase in return on
    advertising investment

    Winner! Best of Yahoo

    Yahoo 4th Annual Brandblazer Competition
    In recognition of innovation and excellence in omnichannel execution

  • Workshop Branding

    Workshop Branding

    Role
    Lead Designer

    Team
    Project manager, 1 designer

    Platform
    Print

    The Wolfpack Endeavor needed a logo that combined their wolfhead icon, book logotype, and the Endeavor name. This wasn’t very challenging since the branding was already strong.

    I took the branding even further in the workshop experience guide. Incorporating the book cover aesthetic and the program’s spirit resulted in a bold and unique printed guide. The goal was to ensure the guide felt like a natural extension of the brand while reflecting the Endeavor program’s energy to empower women.

  • Xbox Landing Experience

    Xbox Landing Experience

    Role
    Lead Designer

    Team
    Project manager, 1 Developer, Account Director

    Platform
    Xbox

    Xbox Homepage with Banner Ad to LE on the bottom right

    I introduced motion to the design by animating paint-swipe elements sourced from the client’s asset pack. These animated textures added depth and energy to the experience. The result was approved by the client with very minimal changes, demonstrating that the creative choices aligned closely with their vision even without explicit upfront direction.

    Paint swipe for homepage
    Paint swipe for editions page
    Paint swipe for gallery

    Compare Editions

    For Xbox advertising the compare editions pages are an important part of the user journey. For this one I animated the paint stripe into the background while changing the CTA as well.

    Character Galleries

    There were two galleries in order to showcase the backstories and fighting styles of the characters. Instead of a traditional gallery with arrows, I chose to use the characters themselves as the navigation.