Please enable JS

Remi: webshop for beauty industry. Case study

Modern technologies made a huge impact on our lifestyle. More than 80% people shop via website or mobile device avoiding grueling queues. Online shopping adheres to the same principles as offline shopping. Customers will never buy stuff they don’t like. That’s why it’s highly important for development companies to follow consumer-centered approach while designing ecommerce app. Recent our work was to create a website for selling any kind of hairs for beauty salons and others who just want to have long and stylish hair. Based on Remi website we will share our tips and tricks for designing an ideal webshop.

It’s not a secret that usual ecommerce apps contain three essential components: a catalogue (list of goods), search and filter options, and a shopping cart (or checkout).

A Catalogue: items order and appearance  

The website you develop should be consumer-focused on the every point. The usual attention spans are limited and visitor can hardly consider a huge grid of items simultaneously. Following the principle of visual hierarchy it is great to organize elements by using color, contrast, texture, shape, position, and size. It will give straight understanding for users which object is the most important. In Remi website we organized all menu elements according to the principle of visual hierarchy. So, it made a direct influence on conversion rates, since users will not feel overwhelmed by too many options.

Filters

General webshop as well as ecommerce app use one of the next types of filters: very broad (for example, men’s/women’s/kids’); or more specific. In Remi website color, size, and price are shown in a line and given equal visual emphasis. Such kind of filter is simple to use. Moreover, our approach highlights high-end fashion brand that offers a luxurious shopping experience. The large cards to present each item individually imitate the feel of an expensive boutique.

See more: Design trends 2018

Shopping Cart

The final stages of any shopping experience are usual: adding items to a cart, reviewing the cart, choosing a payment option, and processing payment. After filtering research the next step should be press on the “Add to Cart” button. The “Add to the Cart” button should obviously stand out against the background and from other buttons. In our design below we chose a pink button against a white background. A white background is often the best choice for ecommerce apps, as it prevents your app from becoming too cluttered with shapes and colors. Additionally, a white background does not distort any color displayed against it.

The final destination in webshop or ecommerce app is the shopping cart. This is a key point where customers may abandon their mobile shopping. Every well-designed shopping cart should include such elements: product summary, a field for promo codes, several payment options, several shipping methods, final pricing, and buttons to continue shopping or proceed to checkout. Current version of Remi website is just an MVP, so in future it may include other elements as well, but some of the basic set of features the website has already included.

Checkout

The core thing for ecommerce websites is ability to use multiple payment options. Customers expect a quick and secure checkout. The best solution is the system which requires fewer steps for a customer to complete the purchase. In Remi webshop we offer several payments methods:

  • Liqpay
  • WayForPay
  • By Card (Visa/MasterCard)

Admin panel

Similar to other ecommerce websites Remi webshop is customer focused. We’ve gathered the options to the most essential component :

  • List of Orders – a list of delivery orders that can be sorted through and bid on by contractors; appears on the first screen.
  • Delivery Card – an individual entry within the list of orders; each delivery card shows the most important information about the particular order.
  • Delivery Details – additional information that unfolds underneath the delivery card itself and that contains complete  information about the order: client name, order status, current bids, category of goods and weight of the cargo, destination, etc; this part of the screen changes to reflect the status of the delivery.
  • Quotes – a list of delivery cards that a particular contractor has accepted.
  • Active Deliveries – a list of deliveries that are in progress.

See more: Why businesses want to have apps?

In conclusion

Success of ecommerce business mostly depends on design. Our designers have learned these principles from their own experience. Designing ecommerce or fashion apps is all about turning online shopping into the joyful experience that real shopping can be in a high-end shop. Designers have to think hard to make the user interface of shopping apps simple, intuitive and visually appealing.



RELATED POSTS