A clear and effective e-commerce was the main goal of the new Etatpur website, a french comestic brand.

ui-ux designer

etatpur-imgetatpur-img

Increase user path from browsing products to payment and retain customers who are not used to e-commerce.

Use simple shapes, colors, and layout, highlight main informations and shorten the checkout path by gathering similar content.

etatpur-screens-1etatpur-screens-1
etatpur-screens-2etatpur-screens-2

Web guidelines

etatpur-chartetatpur-chart

Some adaptive layouts examples

Sidebar menu

Sidebar menu in account section become a dropdown menu in small devices.

Pop-up forms

Some options, here during check out, are displayed in popup on small devices, opened via a call to action button.

etatpur-mobilemockupetatpur-mobilemockup
arrow_up Created with Sketch.