Lenovoa case study
Mobile launch · via CIBO Consulting

Lenovo

A rejected mobile launch, recovered — by translating desktop faithfully, not reinventing it.

Lenovo was bringing two device launches to mobile, and the first round of concepts had already gone to the client and been turned down. This wasn’t a blank page — it was a recovery project, on a short turnaround, with a team that was raw from the rejection.

mobile landing — hero, bottom nav, phone drawers
For those
who do
TABLETS
Phone Graphic
Power in your hand
Lenovo in your pocket
Learn More
ScreenFormCameraPower360 ViewVideo
A706+
P780+
S920+980+
Follow us:
Terms of use | Privacy Policy | Site Map
©2013 Lenovo. All rights reserved.
Responsive / mobile UXWireframingPaper prototypingStakeholder facilitationRapid design under constraintLenovo · via CIBO Consulting
01The problem

The first round strayed too far from desktop.

On their own the mobile ideas might have been fine, but in a coordinated device launch they broke the thing the client cared about: consistency. The messaging, branding, and tone of the desktop experience didn’t carry cleanly — Lenovo didn’t recognize their own launch in it, and they said no. My job was to close the gap without setting the project back to zero.

02The question I needed answered first

How much of desktop did we actually need to bring across?

The first round failed by being too different, so the real question was degree. The answer turned out to be the more the better: treat the desktop sites as the source of truth and translate them down — same content architecture, same messaging hierarchy, same brand furniture — rather than reinterpret them for a small screen.

Left to instinct I’d have designed for mobile, not translated toit. But with a short turnaround and a client who’d just rejected “different,” fidelity was the right call. Knowing when to restrain instead of reinvent is its own design skill.
03Getting the team on the same page — literally

When whiteboard sketches weren’t landing, we used scissors.

A nervous team couldn’t picture how a full desktop page would behave at phone width, and my whiteboard sketches were too abstract. So we switched to paper prototyping: printed the existing desktop pages at roughly half scale and physically broke them into how they’d stack on mobile — the Miix launch page cut into its modules and reassembled into a phone-height stack, the IdeaTab landing rebuilt the same way.

Print half-scale
the real desktop page
Cut into modules
scissors, by hand
Restack phone-height
a mobile stack you can hold
Holding a half-scale page in your hand made the translation concrete. It de-risked the design and calmed the team — now we were reasoning about something real instead of arguing about something imagined.
product detail — “Live a High res life”
BackFor those
who do
TABLETS
Phone Graphic
Live a High res life
Descriptive text
Learn More
ScreenFormCameraPower360 ViewVideo
A706+
P780+
S920+980+
Follow us:
Terms of use | Privacy Policy | Site Map
©2013 Lenovo. All rights reserved.
THE DESIGNSDisciplined and consistent

A persistent bottom nav — and one reused template.

A thumb-reachable bottom bar — Screen, Form, Camera, Power, 360 View, Video — anchored every page so a shopper could jump straight to whatever spec mattered. Mapping desktop’s sprawling nav onto a fixed bar was one of the few places mobile got to be better, not just smaller.

One product-detail template repeated across screens — header, a punchy copy line, description, phone graphic, Learn More — so the launch read as one coherent site.

THE DESIGNSRange without endless scroll

Expandable phone drawers, brand-faithful chrome.

The landing page’s device drawers tapped to accordion open — image, short pitch, its own CTA — so the page held the same range of products the desktop site did without turning into an endless scroll. The Lenovo header, social links, and footer carried straight over, so nothing read as off-brand.

landing — expanded phone accordion
For those
who do
TABLETS
ScreenFormCameraPower360 ViewVideo
A706
A706
Whether you're working, gaming, or keeping in touch with friends, the A706's quad-core processor will give you the edge you need.
Learn More
P780
P780
Powerful processors designed for seamless multitasking. The P Series from Lenovo brings you the ultimate in productivity.
Learn More
S920+980
S920 + S820
Say goodbye to boredom with the S920. A bright display, powerful processor, and thin construction make this your on-the-go entertainment hub.
Learn More
Follow us:
Terms of use | Privacy Policy | Site Map
©2013 Lenovo. All rights reserved.
!The challenge underneath

The hardest part was interpersonal, not visual.

The team was raw from having their work rejected, and I was the outside consultant walking in after. So I didn’t blow up their work — I framed the shift as aligning with what the client had already approved elsewhere, making it about the desktop standard rather than their judgment. Paper prototyping turned a fraught “here’s what’s wrong” into a collaborative “let’s fold these pages down together.” Reading the room is part of the design brief.

Where it landed & what it taught me

When words and abstractions aren’t landing, put something in people’s hands.

The work delivered on its actual goal: a set of aligned, on-brand mobile wireframes that translated the desktop launch faithfully and gave the team a direction they could take back to the client with confidence, replacing the round that had been rejected.

This was a short, assist-style engagement — a couple of days to help a team over a hump — with no KPIs defined, so there are no launch metrics to point to.