White printer on a blue pedestal against a solid blue background, with a ring of colorful photo prints spiraling around it.

HP

Website Strategy, Design & Content

Let’s be real: printing used to be a pain. Extra costs. Hidden headaches. HP decided it was time to fix that—and they took the lead, reimagining printer ownership from the ground up. When they were ready to bring their all-inclusive All-In subscription to life, they tapped us to help make it real and get it out into the world.

0012345678901234567890123456789012345678901234567890123456789%
More people made it to checkout

Our design didn't just look better; it sent 2.5x the traffic straight into the buying flow, crushing the old proof of concept.

00123456789012345678901234567890123456789%
Higher engagement

Our pages kept people clicking, scrolling, and interacting, outperforming the hp.com benchmark by a mile.

001234567890123456789x
Winner of A/B tests

Our designs went head-to-head with the competition in three separate A/B tests—and came out on top every time.

Services

  • Strategy

  • Strategic Workshops + Alignment Sessions

  • Customer Experience (CX)

  • User Experience (UX)

  • Information Architecture & Wireframes

  • Website Design

  • Content Services

  • Digital Audits and Opportunity Analysis

  • UX Design Audits

  • User Testing & Validation

  • Branding & Visual ID

  • Design Systems & Scalable Components

  • Accessibility + Inclusive Design

  • Interface and Visual Design

  • Photography, Video + Motion Design

  • 2D/3D Illustration + Animation

HP had a huge task: get people to stop buying printers the old-school way and start seeing printing as a simple monthly service. Our mission was to make that shift feel obvious. This wasn’t just a new plan; it needed to feel completely new, so we built the whole experience from the ground up.

We stripped out the noise, narrowed the choices, and made every step feel easy. HP’s new look got bold colors and big type, and we tested every element with real users to keep it intuitive (and honestly, just nice to look at). We also brought the pitch to life with rich 3D animations, showing off features and making the value pop. The result? People got it—fast. We even built a brand playbook so every HP partner could keep all the executions consistent.

Abstract blue portrait of a serene face formed by flowing layered shapes and curves, with closed eyes against a deep blue gradient.
HP All-In Plan banner showing a white printer on a blue background with posters; promotes ink, printing, and 24/7 support.
HP printer on a lavender background with a smartphone-shaped frame displaying a smiling child photo, printing a vivid portrait.
Vibrant green illustration with an HP printer at the center, surrounded by recycling arrows, leaves, and a globe, promoting responsible printer recycling.
Purple room with an arched doorway, a printer on a purple desk, ink boxes on a shelf, and promotional text about automatic ink delivery.Purple room with a white printer on a purple shelf; ink cartridges rest on the lower shelf beneath, and a white outlined droplet logo with a multicolor bar sits above.
Beige page with bold headline “A workhorse at home in any workplace” and Print/Scan/Copy/Send icons; an HP printer on the right outputs a colorful sheet.HP printer with a touchscreen, ejecting a vivid color printout from its tray against a pale beige background.

On product pages, each printer came alive with engaging, rotating 3D animations, perfectly complementing concise summaries of its features.

On the PDPs, we spotlighted each printer’s key use case and unique advantages, making every choice instantly relevant.

All-In isn’t just another HP printer or a tweak on Instant Ink. We helped create a sub-brand that’s both unmistakably HP and a clear step up. We cut through the clutter with crystal-clear messaging that spoke directly to the pain points—cartridges, confusion, and wasted time. Every bit of copy was tested and reworked until it clicked.

Collage of laptops, printers, color swatches, and bold “Fast” typography on blue and beige blocks, with HP printer and gadget scenes.Collage of HP printers, laptops, color swatches, and a "Fast" typography grid on blue and beige backgrounds, with printed photos.

Simplified printer comparison

We designed a clear, intuitive comparison tool directly on the plans page, allowing customers to effortlessly evaluate options side-by-side.

Three HP printers on glowing blue circular pedestals in a blue hero banner, showing HP ENVY, ENVY Inspire, and HP OfficeJet Pro with prices and features.

Highlighting HP's technical mastery

We prominently showcased HP's enduring status as the world’s most trusted printer brand by highlighting superior hardware and game-changing software features like effortless auto-reconnecting Wi-Fi and the HP Smart App.

Blue banner split layout: left shows a large Wi‑Fi icon and text about staying connected; right features a hand with a phone over photos beside an HP printer with a check-mark badge.

The client wanted a dramatic, immersive content experience on both desktop and mobile. For mobile, we optimized by turning bespoke 3D storytelling into static images and pairing them with lightweight Lottie animations—delivering rich visuals without the heavy load of video.

Blue promotional poster featuring an HP OfficeJet Pro printer on a circular pedestal, with product text, pricing, and call-to-action buttons.
Purple room with a small white printer on a lavender shelf; above it, a floating ink-drop icon with color bars, against a lavender backdrop and text area.
HP printer on a beige background with a color sheet coming out; ad reads A workhorse at home in any workplace, with Print, Scan, Copy, Send icons.
HP white printer with a touchscreen on the front, against a blue background; lower panels show a new printer, ink delivery, and replacement options.
HP printer with a curling stream of colorful prints on a blue gradient background; text reads Built for speed and Time-saving productivity features.
Blue HP ad panel for a single printing plan, highlighting trusted printers, automatic ink delivery, flexible options, 24/7 support, and upgrades.
Blue background featuring a phone-shaped panel labeled HP Smart app, a printer printing colorful cards, and text sections about easy wireless setup.
Blue HP promo with 'always live' logo, Avery Perez portrait, a white printer on a blue pedestal, and the slogan 'The help you need, when you need it'.
A white HP printer on a pale platform against a light blue gradient wall; a large blue clock hangs on the left, with promotional text at the bottom.
Blue promotional poster featuring an HP OfficeJet Pro printer on a circular pedestal, with product text, pricing, and call-to-action buttons.
Purple room with a small white printer on a lavender shelf; above it, a floating ink-drop icon with color bars, against a lavender backdrop and text area.
HP printer on a beige background with a color sheet coming out; ad reads A workhorse at home in any workplace, with Print, Scan, Copy, Send icons.
HP white printer with a touchscreen on the front, against a blue background; lower panels show a new printer, ink delivery, and replacement options.
HP printer with a curling stream of colorful prints on a blue gradient background; text reads Built for speed and Time-saving productivity features.
Blue HP ad panel for a single printing plan, highlighting trusted printers, automatic ink delivery, flexible options, 24/7 support, and upgrades.
Blue background featuring a phone-shaped panel labeled HP Smart app, a printer printing colorful cards, and text sections about easy wireless setup.
Blue HP promo with 'always live' logo, Avery Perez portrait, a white printer on a blue pedestal, and the slogan 'The help you need, when you need it'.
A white HP printer on a pale platform against a light blue gradient wall; a large blue clock hangs on the left, with promotional text at the bottom.

We didn't stop at launch. We zeroed in on the elements that mattered most—A/B testing and refining key messages and interactions. The goal was to figure out what really worked, cut what didn't, and make it as easy as possible for people to jump into the subscription funnel.

Blue HP ad featuring a white printer on a blue surface, with large "HP All-In-Plan" text and copy about printer, ink, and 24/7 support.
Bright green illustration showing an HP printer on the left with colorful paper shapes and leaves, and a teal infographic panel on the right.
Blue banner featuring the HP ENVY Inspire printer on a circular pedestal, with 'Creative capabilities' and 'Customize plan' and 'Learn more' buttons.
Blue gradient background with an HP printer and a curved ribbon of colorful photos curling from it, beside the bold “Built for speed” headline.
Blue page with the headline 'All your printing in a single plan' and icons with captions about printers, ink delivery, flexible options, support, and recycling; black 'Get started' button.
Close-up of a white HP printer with a side touchscreen, printing a colorful brochure, against a pale blue background with text on the left.
Blue HP ad featuring a white printer on a blue surface, with large "HP All-In-Plan" text and copy about printer, ink, and 24/7 support.
Bright green illustration showing an HP printer on the left with colorful paper shapes and leaves, and a teal infographic panel on the right.
Blue banner featuring the HP ENVY Inspire printer on a circular pedestal, with 'Creative capabilities' and 'Customize plan' and 'Learn more' buttons.
Blue gradient background with an HP printer and a curved ribbon of colorful photos curling from it, beside the bold “Built for speed” headline.
Blue page with the headline 'All your printing in a single plan' and icons with captions about printers, ink delivery, flexible options, support, and recycling; black 'Get started' button.
Close-up of a white HP printer with a side touchscreen, printing a colorful brochure, against a pale blue background with text on the left.

We worked hand-in-hand with HP’s dev team, plugging right into their system and pushing it further. We blended frame-by-frame and Lottie for 3D visuals that were slick, fast, and scalable. Our work also gave HP reusable components and animation scripts, making their internal library stronger and more engaging.

We didn't stop at launch. We zeroed in on the elements that mattered most—A/B testing and refining key messages and interactions. The goal was to figure out what really worked, cut what didn't, and make it as easy as possible for people to jump into the subscription funnel.

Blue gradient screen featuring the HP logo in the top left, the words 'With the', a circular badge that reads 'HP All-In Plan', and a rounded bottom bar with a heart icon.
Blue gradient HP ad with 3D blue circular and box shapes, HP logo top left, text '$6.99/month gets you...', a rounded CTA bar, and a heart icon.
Blue promotional scene with an HP printer on a blue pedestal, surrounded by floating photos and the slogan 'A new printer.' HP logo top left.
Bright blue interior with a white HP printer on a blue counter, HP logo on the wall, and a blue display shelf to the right.
Blue HP display with a white printer on a blue pedestal, HP logo and 'And ink automatically' text, plus an HP Instant Ink box and color drop icon.
Blue HP banner with a minimalist headset, white HP logo, the word And, thin white top lines, and a rounded outline button with a heart icon.
Blue HP ad with a 3D person lounging in a blue chair, sipping from a cup; HP logo top left and white text: Not to mention... Free time. Peace of mind. And, well, your sanity.
Bright blue background with an HP logo in the top-left; a peeled sticker reveals bold '$6.99 / month' with 'turns out' above; a rounded empty bar and a heart icon sit at the bottom.
Blue HP ad with a tilted white flyer reading 'can get you A LOT' in blue, faint A LOT watermark, HP logo top left and heart icon bottom right.
Blue HP advertisement with a white circular HP logo, the text “World's #1 Printing Company.”, and a tilted white receipt graphic at the bottom.
Blue gradient screen featuring the HP logo in the top left, the words 'With the', a circular badge that reads 'HP All-In Plan', and a rounded bottom bar with a heart icon.
Blue gradient HP ad with 3D blue circular and box shapes, HP logo top left, text '$6.99/month gets you...', a rounded CTA bar, and a heart icon.
Blue promotional scene with an HP printer on a blue pedestal, surrounded by floating photos and the slogan 'A new printer.' HP logo top left.
Bright blue interior with a white HP printer on a blue counter, HP logo on the wall, and a blue display shelf to the right.
Blue HP display with a white printer on a blue pedestal, HP logo and 'And ink automatically' text, plus an HP Instant Ink box and color drop icon.
Blue HP banner with a minimalist headset, white HP logo, the word And, thin white top lines, and a rounded outline button with a heart icon.
Blue HP ad with a 3D person lounging in a blue chair, sipping from a cup; HP logo top left and white text: Not to mention... Free time. Peace of mind. And, well, your sanity.
Bright blue background with an HP logo in the top-left; a peeled sticker reveals bold '$6.99 / month' with 'turns out' above; a rounded empty bar and a heart icon sit at the bottom.
Blue HP ad with a tilted white flyer reading 'can get you A LOT' in blue, faint A LOT watermark, HP logo top left and heart icon bottom right.
Blue HP advertisement with a white circular HP logo, the text “World's #1 Printing Company.”, and a tilted white receipt graphic at the bottom.

When the folks in the cornet offices say something like this you know you’ve done something special.  After a year, here’s what went down: the smoothest, sharpest user experience HP’s ever had. All-In became HP’s fastest-selling subscription, period.

0012345678901234567890123456789012345678901234567890123456789%
More people made it to checkout

Our design didn't just look better; it sent 2.5x the traffic straight into the buying flow, crushing the old proof of concept.

00123456789012345678901234567890123456789%
Higher engagement

During lockdowns, AGR exploded—Nike Run Club gained a million new users in one month and total runs shot up 42%.

001234567890123456789x
Winner of A/B tests

Our designs went head-to-head with the competition in three separate A/B tests—and came out on top every time.

Metrics reflect digital performance up to the beginning of checkout.

Partner Feedback

Black-and-white portrait of a person with long wavy hair, wearing a striped top, smiling, with a leafy background.
Amy HinsleyGlobal Head of Marketing, Consumer Services & Solutions — HP