year
2021
live
lavita.com.br
client
La Vita
deliverables
Wireframe
Design
Code
La Vita is a fresh produce company that sells in a D2C model. Today, they are the market leader in fresh convenience in the State of Sao Paulo, Brazil with approximately 400 employees between their agricultural and processing unit.
La Vita is a fresh produce company that sells in a D2C model. Today, they are the market leader in fresh convenience in the State of Sao Paulo, Brazil with approximately 400 employees between their agricultural and processing unit.
year
2021
live
lavita.com.br
client
La Vita
deliverables
Wireframe
Design
Code
background
La Vita came to me with a big challenge ahead, they were launching a new line of food (ready to go) and wanted a new website that reflects better the new company phase. They also wanted that the new website would be, in the near future, the foundation of their eCommerce store.
my approach
For those who already had an eCommerce store before, or had a chance to experience something about eCommerce, know that an eCommerce business isn’t only a web store. We need to think about inventory, payment gateway, chargeback, reverse logistics, invoices, digital marketing, etc. So I started the project as a business consultant, helping them design a strategy plan to finally have a full and successful eCommerce store working.
My first action was a discovery phase, to understand the maturity of the company. I did employee interviews and understood all about their products, their point of sale, and the production steps from start to finish. The result of this phase was a definition of the website requirements and features. I also did a roadmap with three main phases:
– The first phase was having a website with a focus on brand and product awareness. It also uses the local grocery stores that offer La Vita products as the final step of the funnil. On each product page instead of having a “buy button” we had a “Find this product near to you”.
– The second phase was added to their website, links to not only grocery stores but also delivery apps, where La Vita would have a profile to send their products directly to customers’ houses. So I changed the button again to a modal with different options (Grocery store and delivery apps).
– The third phase would be removing all the external links and enabling the eCommerce features to finally have a full store working.
I did the full process of this website, from wireframe, design and also the code in WordPress.
the development
I decided to develop this project in WordPress using Woocommerce plugin as an eCommerce system. For that, I used the Starter theme by understrap with Bootstrap CSS framework.
To solve one of the main pain companies when having a website, I used the Advanced Custom Fields PRO plugin for the dynamic pages like Products and Categories, and for the static pages, like the homepage and company pages, I used the Elementor plugin to able the website admin to edit any part of the website without any coding knowledge.
the impact
After less than 1 month of the new website launch, we start to see the impact in visits and also in prospect and partnership contacts.
All the page elements follow the brand identity created by their packing agency.
You can check the Figma file here:
https://www.figma.com/file/dTUHWRLYZkz7X5tzpYsaPx/La-Vita—Layout?node-id=152%3A97
"
I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
"
Nome do Cliente
Cargo do cliente