La Prima

The Challenge

Create an e-commerce website that will convert, and have better UX than competing big budget websites of bigger companies.

My Approach

After a study into what other stores were doing with their online buying experience UX, I started taking notes with the clients about their mistakes, big or small, regarding the browsing, adding to cart and payment process.

UX & UI Design

My first goal was to make the interface less cluttered, and let as little as possible to get in the way of user. Every single detail that wasn’t necessary for the payment processes, was removed to make the UI as clean as possible.

I wrote several custom plugins to customize various elements of the WooCommerce shop.

Also, most fashion e-commerce website don’t use a primary color for the call to action. I’ve decided to use a color

La Prima homepage
Draw the user in to the store right from the beautiful homepage with selected products.
La Prima
Homepage about section
La Prima
Every unnecessary element on the single product page have been removed. I’ve also used Elementor to create custom page elements such the ruler button, WhatsApp sharing icon and more.
La Prima
Site makes uses of OceanWP’s modal window extension plugin for the dress size chart.
La Prima
The WooCommerce checkout page elements have been minimized and streamlined. Sections have been numbered for ease of use.
La Prima
Instagram gallery

Tools used to create the website

  • Theme: OceanWP
  • Page builderElementor
  • E-commerce solution:  WooCommerce
  • Caching plugin: Rocket WP

Credits

  • Language: Hebrew
  • Client: Vered Gelbgisser
  • UX & UI: Me
  • Design: Rozi Buber