Skip to content
Shopify Plus Partner
Contact us
Create · Service

UX/UI Design for eCommerce

We design interfaces that convert.

We turn insights and strategy into digital experiences that are intuitive, distinctive and action-oriented.
UX and UI work together to find the balance between people's needs, identity and performance.

Different contexts, tailored experiences.

We design wherever the brand meets people: D2C eCommerce and B2B portals, mobile apps, in-store kiosks and corporate websites.

  • milk_shake: campaign visual with the everlasting bonds conditioner
  • milk_shake: bottles from the curl passion lineeCommerce D2C
  • Medavita: campaign portrait
  • Medavita: Beta Refibre bottleeCommerce D2C
  • Pinalli: beauty campaign visual with a red lipstick
  • Pinalli: make-up best sellers on the mobile eCommerceeCommerce D2C
  • Pinalli: interactive in-store kioskIn-store kiosk
  • Parmigiano Reggiano: campaign visual with a cut wheel on a laid table
  • Parmigiano Reggiano: the ageing page of the online shopeCommerce D2C
  • Parmigiano Reggiano: wheels being aged, for the corporate websiteCorporate
  • Parmigiano Reggiano: B2B eCommerce product page, with prices reserved for registered userseCommerce B2B

What sets us apart

From insights to design solutions.

  1. 01

    Data-driven approach

    Evidence guides the choices.

    We analyse data and behaviour to identify opportunities for improvement and make informed design decisions.

  2. 02

    Iterative process

    The project improves through dialogue.

    We share solutions, gather feedback and work closely with the client and the teams involved, keeping goals, expectations and quality of the result aligned.

  3. 03

    Multidisciplinary team

    More skills, one shared view.

    UX/UI designers, art directors, content and SEO specialists work as one, in dialogue with the development team, so the experience evolves consistently from design to delivery.

Design, as we see it.

Four principles that guide every project, from the first exploration to release.

  1. 01

    Explore more to choose better.

    AI broadens the possibilities, letting us explore more directions, make them tangible and compare them before converging on the solution.

  2. 02

    Details make the difference.

    Every visual and design choice has a purpose. We refine interfaces and interactions to improve the experience and support conversion.

  3. 03

    Mobile, from the start.

    We start from mobile to create experiences that adapt to every screen, keeping clarity, consistency and quality on every device.

  4. 04

    Designing for everyone.

    Usability and accessibility guide our projects, to create experiences that are understandable, easy to use and accessible to everyone.

Selected work

Projects we are proud of.

Explore our projects

Shopify expertise

Shopify, beyond technology.

We know Shopify's possibilities and constraints, and we factor them in from the very first design choices. From native features to the most advanced customisations, we design experiences that make the most of the platform without compromising usability, identity and business goals.

  • D2C Commerce
  • B2B Commerce
Nocciolata product page by Rigoni di Asiago on Shopify
  • Product tags: Labels such as Best seller come from product tags: the team switches them on and off from the admin, with no development.
  • Product media: Photos, videos and 3D models managed as native media, optimised for every screen.
  • Metafield: Every product, collection or blog post has its own structured fields: filled in from the admin, shown in several places on the site.
  • Compare-at price: The compare-at price is handled natively, in bulk too: a single field generates the strikethrough price, badge and discount percentage, shown on the product page and in the cards.
  • Variants or product reference: Native variants or linked products, depending on business needs: each format can have its own page, but switching is as smooth as between variants. On any plan, not just Plus.
  • Cart drawer: The cart opens at the side: add and keep browsing.
  • Theme editor: Native theme sections and blocks: customised, moved and reused to build pages from the editor, with no development.
  • Metaobject: Content created once as reusable entries: marketing chooses what to show, product by product. Changes are made in one place and reflected everywhere.
  • Accordion: Ingredients and details in collapsible blocks, for a page that is light but complete.
  • Metafield + metaobject: The banner is a single entry linked to the collection: edit it in one place and it updates across the whole range.

Design System

Designing to evolve: Design Systems. Multi-brand too.

We build Design Systems that make digital experiences consistent, scalable and easier to manage. Shared components, patterns and rules create a common language between design and development, making it easier for interfaces to evolve over time.

  • milk_shake: button variants and states in the design system
  • milk_shake: Shoppable content component, videos with shoppable products
  • milk_shake: banner component with headline, button and photo
  • milk_shake: design system colour palette
  • milk_shake: Shop by component, products by goal, type and need
  • Medavita: primary and secondary button variants and states in the design system
  • Medavita: Shoppable content component, videos with shoppable products
  • Medavita: banner component for the Elisièr Instant Bond Repair product
  • Medavita: design system colour palette, including the product line colours
  • Medavita: Discover component, products by need and type

Our capabilities

Information Architecture · User Flow · Wireframing · UX Design · UI Design · Commerce Design · Interaction Design · Prototyping · Accessibility Design · Design Handoff

Continue with.