UI/ UX Design Work for CPQ Ecommerce

Contact for pricing

About this service

Summary

I offer a unique blend of 20 years of experience, with 9 years in design, 6 years in sales, and a solid foundation in full-time development over the entire value chain. This diverse background allows me to create tailored, user-centric solutions that balance aesthetic design, business strategy, and technical execution, delivering innovative results for every project. My multidisciplinary expertise ensures that I understand both the creative and commercial aspects, making me a valuable partner in driving impactful, sustainable outcomes.
This service forms the base of the entire 3D product configurator service.

Process

Creating seamless UI/UX designs for a 3D product configurator requires careful planning, collaboration, and iteration. Below are the key steps to guide the process from concept to delivery:
Understanding the Requirements
Discovery sessions to understand product functionality, user needs, and business goals.
Gather all product details, dependencies and configuration rules.
Scope and features of the configurator (e.g., real-time 3D rendering, live pricing, or multi-device compatibility).
Ideation and Research
Analyze competitors and existing configurators for inspiration and best practices.
Develop user personas to identify target audience needs and pain points.
Brainstorm potential user flows and features for intuitive navigation and interaction.
Prototype UX Demo
Utilising Figma’s prototyping tools to create clickable, interactive demos.
Simulate real user interactions, such as configuring products, rotating 3D models, and updating pricing dynamically.
Test and refine user flows to ensure a smooth experience from start to finish.
Handoff to Development
Prepare a detailed design handoff in Figma, including:
Exported assets (e.g., icons, images, and placeholders).
Style guides with detailed documentation on design elements.
Annotated user flows and interaction guidelines for developers.
Collaborate with the development team to ensure accurate implementation.

What's included

  • Wireframes

    Wireframes are basic, low-fidelity sketches that outline the structure and layout of a webpage or application. They serve as a blueprint, focusing on content placement, navigation, and functionality without the distraction of design elements like colors or images. These mockups provide a clear, simple visual representation of how the product will be organized and how users will interact with it.

  • Final Design

    The final design is the polished, high-fidelity version of the product that incorporates visual elements, branding, and user interface components. It takes the wireframes to the next level, adding color schemes, typography, images, and other design features that enhance user experience. The final design is intended for development, providing a clear, actionable blueprint for building the user-facing product.

  • UX Demo

    The UX demo is an interactive prototype that showcases the user experience of the product. It allows stakeholders to explore the design and functionality before the final build, giving them a feel for how the system will behave and how users will interact with it. The demo may include clickable elements, transitions, and animations to simulate real-world usage, providing valuable insights into user flow and overall design effectiveness.

Example projects


Skills and tools

UX Engineer
UX Designer
UI Designer
Adobe Suite
Figma

Industries

Web Design
3D Technology
E-Commerce

Work with me