Back

Back

Website · E-commerce · UX/UI

Ridisegno.it

A website where you buy home-design services, cart and checkout included.

CLIENT
CLIENT

Ridisegno.it

Ridisegno.it

ROLE
ROLE

UX · UI design

UX · UI design

TEAM
TEAM

Team of 3

Team of 3

CONTEXT
CONTEXT

Freelance · 2022-2023

Freelance · 2022-2023

The brief

Ridisegno.it is a home-design service: redrawn 2D floor plans, furnished layouts, 3D Floorplanner projects, interior and exterior renders, even online-architect consulting. The distinctive part was the business model, customers don't just read about the services, they buy them directly from the site.

My role, together with two colleagues, was the UX and UI design of the whole site. The build was handed to developers afterwards; we owned the structure, the flows and the visual design.

So this wasn't a brochure website. It needed a real product catalogue, a cart and a full checkout, all wrapped in a clean, trustworthy interface.

The client was real and the site went live; it has since been taken down. What remains is a complete design for a small e-commerce, from homepage to payment.

Structure

Structure

The site splits cleanly into two jobs: presenting the service and selling it. Three public pages, Home, Services and Contacts, do the presenting; two more, Account and Cart, carry the transaction. Keeping the shop side on its own track meant the buying flow could stay focused without cluttering the marketing pages.

Public

Home · Services · Contacts

Home · Services · Contacts

Public

Home · Services · Contacts

Home · Services · Contacts

The pages.

A blue-and-white system, clean, calm and reassuring, runs across the whole site, from the marketing pages to the checkout.

A blue-and-white system, clean, calm and reassuring, runs across the whole site, from the marketing pages to the checkout.

01 • Home

Homepage

Homepage

A hero, a product overview, a showcase of past projects and a features block. The home introduces the service and points visitors toward the catalogue.

A hero, a product overview, a showcase of past projects and a features block. The home introduces the service and points visitors toward the catalogue.

MY CONTRIBUTION

Designed the page structure and visual system, with the team.

02 • Catalogue

Services

Services

The shop, as a vertical list of services from a €19 redrawn floor plan up to €500 renders and online-architect consulting. Each row pairs an image with a price and an add-to-cart button, and a "read more" toggle keeps longer descriptions from crowding the list.

The shop, as a vertical list of services from a €19 redrawn floor plan up to €500 renders and online-architect consulting. Each row pairs an image with a price and an add-to-cart button, and a "read more" toggle keeps longer descriptions from crowding the list.

MY CONTRIBUTION

Designed the service-row layout, the expandable descriptions and the add-to-cart pattern.

03 • Contact

Contacts

Contacts

Company details, opening hours and a "write us" form, with a bold blue banner tying the page back to the brand. Simple and direct.

Company details, opening hours and a "write us" form, with a bold blue banner tying the page back to the brand. Simple and direct.

MY CONTRIBUTION

Designed the contact layout and the enquiry form.

The checkout flow

The checkout flow

The heart of the project: turning "add to cart" into a paid order. I designed it as a clear three-step flow, Summary → Details → Payment, with a persistent order summary on the right so the total is always in view.

The heart of the project: turning "add to cart" into a paid order. I designed it as a clear three-step flow, Summary → Details → Payment, with a persistent order summary on the right so the total is always in view.

1

Summary

The cart: product, quantity, price, a discount-code field and the running total with VAT. A clean starting point before any form.

2

Details

Personal data, with a smart split: private customers fill one set of fields, while a "Partita IVA?" toggle reveals business fields (company name, tax code, SDI code) only when needed.

3

Payment

A final review of the order and entered details, then payment handled through Stripe. Nothing to second-guess before paying.

1

Summary

The cart: product, quantity, price, a discount-code field and the running total with VAT. A clean starting point before any form.

3

Payment

A final review of the order and entered details, then payment handled through Stripe. Nothing to second-guess before paying.

2

Details

Personal data, with a smart split: private customers fill one set of fields, while a "Partita IVA?" toggle reveals business fields (company name, tax code, SDI code) only when needed.

Don't forget the edges

Don't forget the edges

A shop isn't only its happy path. I also designed the empty-cart state, a friendly "your cart is still empty" with a direct route back to the services, so a dead end becomes a nudge to keep shopping.

A shop isn't only its happy path. I also designed the empty-cart state, a friendly "your cart is still empty" with a direct route back to the services, so a dead end becomes a nudge to keep shopping.

What I took from it
Designing a real transaction

Unlike a brochure site, here a wrong step costs a sale. Designing the cart and checkout taught me to sweat the details of a flow where clarity directly affects conversion.

One toggle, two customers

The private-vs-business split could have meant two separate flows. A single reveal toggle kept it one clean form, serving both without doubling the interface.

States, not just screens

Empty cart, applied discount, VAT breakdown: the less glamorous states are where a shop feels finished. Designing them was as important as the hero.

Next project

Next project

Blend+ · Mobile app

Create a free website with Framer, the website builder loved by startups, designers and agencies.