iSoftStone
Design system, responsive product demo, and image-based search workflow
As the sole UI/UX designer on the product demo team, I created a shared design system, redesigned a desktop-only digital asset management demo for responsive use, and designed an image-based search workflow.
The problem
The existing demo divided closely related tasks across overlapping home, campaign, and search pages. It also depended on desktop-only hover interactions and used labels such as “Cart” for a free bulk-download workflow. Without a shared design system, new screens and concepts were harder to carry consistently across devices.
My role
I owned the UI/UX work from early exploration through high-fidelity prototypes, translating product needs into user flows, interaction patterns, responsive layouts, and reusable components. The work focused on making the demos more coherent and easier for prospective clients to understand.
Design system
Building the Pebble design system
I created a reusable foundation for the demo work, defining color, typography, icons, controls, navigation, templates, and responsive behavior. This gave new screens a consistent visual language instead of requiring each concept to be designed from scratch.
-
Brand Primary
#D62027 -
Brand Primary Dark
#AA1A1F -
Brand Secondary
#585454
Responsive redesign
Redesigning the digital asset demo
I consolidated the overlapping destinations into a unified search experience, replaced ambiguous shopping language with a clearer “My Downloads” workflow, and adapted the interface for desktop, tablet, and mobile. I also introduced masonry results and first-page lazy loading to use space more effectively while reducing unnecessary navigation.
Image-based search
Designing image-based search
I designed a workflow that let users upload an image and review direct or visually similar assets within the digital asset management system. I mapped the interaction from upload through results and adapted the prototype across device sizes so the new capability felt like part of the redesigned experience.
Outcomes
The work gave the team a reusable design foundation, a responsive digital asset experience with clearer navigation and terminology, and a new concept for image-led search. Together, the three deliverables created a more cohesive way to demonstrate the platform to prospective clients.
Reflection
Some of the most consequential decisions were also the simplest: removing redundant destinations, naming actions precisely, and designing the same interaction across breakpoints. The project also gave me early experience translating an AI capability into an interface that remained understandable to users.