Laurie Warlick Portfolio Overview
Whether designing for big brands, start-ups, small businesses and non-profits, enterprise or consumer-facing, applications, software or websites, I always combine UX methodology with my talent as a visual designer. You'll see this in brands like CNN, Macy's, AT&T, WebMD, ING, E&Y and CareerBuilder.
As a UX generalist, I am part of every phase of the product life cycle, including: conducting discovery, research, user and usability testing, heuristic, site and competitive analysis, brainstorming, defining strategy, producing IA deliverables such as user flows, customer journey's and wireframes, creating pixel perfect mocks, design systems along with specs for developers.
My visual/graphic design, marketing and art director background give me the ability to produce branding, advertising, promotional materials, menu's, posters and more.
CNN Digital: MVP for New Enterprise Application
ABOVE (Top): The Virtuoso Application single sign on mock up. I also created the logo/branding.
ABOVE (Middle): Live Story in Draft stage, (Bottom) Live Story in the Text Edit state and before it is published.
ABOVE: This user flow shows the steps (and all possible states) needed to create, edit and publish a Live Story.
ABOVE: Sketch Prototype to mimic the user navigation the application
ABOVE: Top - The user flow to embed social media into the writer's Live Story and to name the Live Story.
Bottom: The options available for the user to edit images, cropping, sizing ratio.
CLIENT: CNN Digital
PROJECT: UX, Visual Design & Branding for Enterprise White Label Application
MY ROLE: Lead Visual Design and Senior UX Design consultant at CNN, I was tasked with designing the overall look and feel of the MVP (Live Story, the digital publishing tool) used to define the new application and in turn to also create and implement the Design System simultaneously, I introduced fresh UI design, intuitive functionality and defined styles and patterns overall.
TOOLS USED: Sketch, InVision
OUTCOME: This in turn gave writers more control over editing images, one of the many enhanced new features found in the new publishing tool, along with embedding social media and naming their live stories.
Giving users more control, flexibility and clear paths, editorial efficiency increased by 2X.
NCR Digital: On the Side Feature for Self Order Kiosk
ABOVE: Wireframes and flows showing the user interaction when they customize an order by placing items on the side (OTS), as well as choosing various sizes and toppings.
ABOVE: My sketch stage showing rough layout and the first two steps of the flow.
CLIENT: NCR Digital
PROJECTS: Self Order Restaurant Kiosk Design: Features Added to Current Flows AND
Usability & Accessibility Research and Analysis
MY ROLES:
As UX Architect/Designer: By using customer research, competitive analysis and marketing trends I refined interactions and created designs by seamlessly weaving in the new features into user buying flows. Lead design ideation sessions, presented solutions to stakeholders and partnered with developers to remove roadblocks to completing the task. Deliverables also included exporting specs for developers and creating new UI patterns and messaging.
OTS PROJECT: (Shown above): Incorporating new feature so the user can further customize their order by putting various items on the side (OTS), as well as choose sizes or quantities of side items, all during the Kiosk self-order process.
LOYALTY REWARDS PROJECT: (Shown below):
The user buying flow showing the ability to claim either single or multiple offers and to remove them as well during the Kiosk self-order process.
TOOLS USED: Sketch
OUTCOME: By seamlessly incorporating the new features into the order process, customers were given greater flexibility in their order while also choosing to bypass customizations.
As Researcher: I gathered, evaluated and incorporated findings on usability and accessibility compliance standards, hospitality industry trends, ADA specifications, including ergonomics, to inform the design, user flow & patterns of the kiosk self order experience for those with limited mobility.
Research Scope: Limited Mobility (wheelchair bound) and visual impairments.
OUTCOME: I provided valuable research support to make a better user experience for a customer with disabilities that could be utilized once accessibility was prioritized.
AT&T Digital Life Landing Page Design
CLIENT: AT&T Digital Life
PROJECT: Landing Page Redesign & User Buy Flows
GOAL: The challenge was to introduce new technology for consumers from a well-known brand primarily known for phone service.
My Role: Created the comps and process flow for new users signing up for the Digital Life product offered by AT&T. Also redesigned the current landing page as well overhauled the site navigation, making it more intuitive and logical. 1. Produced the initial concepts 2. Created detailed mockups, including composite imagery/headline copy 3. Final assets and specs for the dev team
TOOLS USED: Adobe CS Photoshop & Illustrator
Lighthouse Marketing Website Design & Production
CLIENT Lighthouse Marketing
PROJECT My Utapia Water Infiltration Systems Website
My Role: Brought in as a consultant for Lighthouse Marketing, I helped them develop several campaigns for their clients, including the website for the water infiltration system you see above.
DELIVERABLES: Created concepts, wireframes, prototypes and provided imagery selection, editing, mock-ups, as well as front end development using HTML/CSS.
tools used: Adobe CS Photoshop & Illustrator
Various Design Systems for Websites & Applications
Pictured Clockwise: CNN, Insight Global, Macy's System & Technology, Salesfusion
DESCRIPTION: By simultaneously creating the Design System behind the product (Style guide, pattern library, voice and tone, animation, brand alignment and more), it allows for a truly consistent and scalable experience, benefiting not only the users, but the product teams devs and designers and stakeholders.
Duravit Product Brochure & Starck Advertising
CLIENT: Duravit, Producer and Distributor of high end sanitary-ware
PROJECTS: Flash Banner Ad for Stark and Duravit Product Catalog
My Role: I served as Art Director and Marketing Coordinator, designing advertising and marketing materials for U.S. division including interactive and print ads, catalogs, newsletters and brochures. In addition, I created the materials needed for trade shows, including booth design, posters, promo items and signage. Established vendor relationships and served as liaison to clients, PR firms and agencies. Coordinated product placement of spa in major motion picture.
Software Used: Flash, InDesign, Illustrator
Various Mock Ups for Landing Pages, Mobile and Dashboards
Various Wireframes
