– 00

//    Web Development


An ecommerce dedicateed to create handmade hygiene products.

01 // Soapp.mx

Project Brief:

Soapp.mx is an e-commerce dedicated to sell handmade soap and different kind of hygiene products. One of the primary objectives of the project was to develop a friendly user interface and highlight the brand identity of Soapp.  Adding the right amount of brand elements of Soapp and taking care of the visual balance between color and product images help us achieve a very unique website that helps customers to identify themselfs with the brand.
The structure of the website is divided on  a home page, a dealers section, the online shop, and a contact page.

As a unique require for this project, users can register as users or distributors. Users can create a profile and get access to their purchase history, exclusive coupons and more; Registered users as distributors get access to exclusive prices but get a minimum required amount to place an order.

This website is an e-commerce, so it was very important to use and develop easy administrations tools for the client to learn and manage his website.

02 // Soapp.mx

Design Template:

This project´s phase one was to create the structure and a template of the website. In this phase it was important to develop and design the user experience and the visual look of the site. This assured us that the website was friendly for the user and that the customer would easily be able to find what they are looking for to get a nice shopping experience.

03 // Soapp.mx

Website Development

Once the design phase was over it was time to bring the site to life. In this phase we use the design accepted and reviewed by the customer in phase one to start developing the actual website. Pop-ups, menu, contact forms and different pages and animations for the site are created and connected.

04 // Soapp.mx


The last phase was to finish the project was making the site responsive. This means the web page will look awesome in any device: mobile, tablet & desktop!
In today´s life, having your website working AND looking good on many different devices will help you gain and convince potential clientes.

04 // Soapp.mx

Get a quick look to Soapp.mx

See this project live here.