L O A D I N G
Web Design UI/UX
February, 2024

Capilla Cooking Oil

Role/Services
Web Design UI/UX
Designed & Built
HTML5 CSS3 JavaScript (ES6) Bootstrap 5 Figma Responsive
Client
Ibarra Mayoreo, Designed at PROINTERNET
Category & Year
Web design & UI/UX ©2024
Capilla Cooking Oil - Cover
Project Overview

This landing page was built for Capilla Cooking Oil, one of Ibarra Mayoreo's e-commerce best sellers, identified as such by the marketing team based on sales performance. The goal was to give the product a dedicated experience beyond a standard catalog listing, focused on driving conversion through richer product content. I worked as both designer and front end developer on this project.

Problem
As a best selling product, Capilla Cooking Oil was likely converting well within the general catalog, but its standard product page didn't take advantage of that momentum. It didn't showcase the product in a way that could drive additional conversion, through recipe inspiration, usage ideas, or detailed nutritional information that a high-intent visitor might want before purchasing.
Goals
  • Give a proven best seller a dedicated page built specifically to increase conversion
  • Showcase the product through recipes and usage inspiration, not just a product listing
  • Present nutritional information clearly for health-conscious buyers
  • Deliver both design and front end implementation for the page
Key insights
  • A best selling product already has proven demand, so the opportunity wasn't to convince visitors to want it, it was to remove any remaining friction or hesitation before purchase
  • Recipe and usage content gives a commodity product like cooking oil a reason to be chosen over a competitor on the shelf, turning a functional purchase into an inspired one
  • Nutritional transparency addresses a specific objection health-conscious buyers have before purchasing packaged food products
User profile
Primary users are Ibarra Mayoreo shoppers who are either already familiar with Capilla as a trusted product, or are comparing it against similar options and looking for a reason to choose it, including recipe inspiration and nutritional clarity.
Main user flow

The experience guides visitors to:

  1. Land on a dedicated page for a product they already recognize or are considering
  2. Explore recipes, usage ideas, and nutritional information that build confidence in the purchase
  3. Move toward completing the purchase within Ibarra Mayoreo's e-commerce platform
UX & UI decisions
  • Recipe and video content prioritized to give a functional product an inspirational use case
  • Nutritional information presented clearly to address health-conscious buyers' objections
  • Visual design built to elevate a commodity product into a premium-feeling purchase decision
  • Full front end implementation to bring the design to production
Outcome
The landing page gave one of Ibarra Mayoreo's proven best sellers a dedicated conversion-focused experience, moving beyond a standard product listing to include recipe inspiration, usage ideas, and nutritional information. No measurable conversion data is available for this specific page, but the approach reflects a deliberate CRO strategy applied to a product the marketing team had already identified as a priority based on sales performance.
Selecta - Home

Let's Build Something

Extraordinary Get In Touch!
Menu