Case study · WordPress + WooCommerce · Concept

Nube Alta Coffee

A specialty coffee store from the volcanoes of El Salvador. Scrolling the home page climbs the mountain from 900 to 1,750 meters, and every coffee appears at the altitude where it grows.

Platform: WordPress + WooCommerce
Theme: Custom, written from scratch
Catalog: 7 coffees · 28 variants · 3 extras
Store: Cart, checkout, shipping rules

Screen recording

The home page, recorded while scrolling. The altimeter on the right counts the meters as you climb.

The idea

You don't scroll the page. You climb the volcano.

Coffee from higher farms tastes different: colder nights, slower cherries, denser beans. Instead of explaining that in a paragraph, the site lets you feel it. You start in the coffee rows at the foot of the mountain, walk into the fog at the cloud line, and come out above a sea of clouds with the Santa Ana and Izalco volcanoes on the horizon.

Each of the seven coffees waits at its real altitude, with its bag, tasting notes and price. You can pick a size and grind and add it to the cart right there, without leaving the climb.

What we built

01A theme of its own
No page builder and no store template. Every page is designed and written by hand, so it loads fast and looks exactly as drawn.
02Film that follows the scroll
Three filmed shots of the farms play forward and backward with your scroll, and blend into one another as you climb.
03Add to cart from anywhere
Size and grind on every coffee, connected to WooCommerce. The cart updates instantly without reloading the page.
04A real checkout
Shipping zones, free shipping over $45, taxes and payments. Ready for Stripe, PayPal or a local gateway like Wompi.
05Brand and product photos
The logo, the bag labels and the cup photo were all made for this project. Each label carries the altitude of its farm.
06Works on every phone
The whole climb, the shop and the checkout were tested on real phones, not just in a desktop browser.

Nube Alta home page: Coffee from above the clouds, with a cup of coffee — The start of the climb, at 900 meters.

A coffee shown at 1,400 meters among the coffee rows — Each coffee at the altitude where it grows.

Above the clouds, with volcanoes on the horizon — Above the cloud line, from 1,500 meters up.

Shop page with coffee bags — The shop, sorted from the lowest farm to the highest.

Product page for Café de la Abuela — Product page with size and grind options.

Checkout page with the order summary — Checkout with shipping and an order summary.

Nube Alta on a phone, home page — The same climb on a phone.

Nube Alta on a phone, a coffee on the climb — The same climb on a phone.

After launch

The owner runs the store alone.

Because it's WordPress, the client manages the day-to-day from a simple admin panel, without touching code or calling us.

Add a new coffee, change prices or mark a size as sold out
See every order, print the packing slip and mark it shipped
Create discount codes and change shipping costs
Edit texts and photos on any page

Your store could be next

Want to try it yourself?

We'll send you a private link to the live demo so you can climb the mountain, add coffee to the cart and go through the checkout on your own phone.

Ask for a live demo See services