INSIDEA
Retail stores · Website concept

Bring a jar. Pay by the ounce.

INSIDEA designed this homepage for a refill grocer that sells by weight. Tarebin Refillery is a fictional brand, so the names, people and numbers on the page are invented.

Concept
Tarebin Refillery concept homepage, desktop
Scroll inside the frame, or switch to the phone view. Open the live concept to click through it.
Industry
Retail stores
Typeface
Galindo
Design notes

A refill grocer that sells pantry staples, oils and soaps by weight into customers' own jars: pale green paper, deep leaf ink, fresh green and honey, a friendly hand-drawn display face and a refill planner that prices a jar before the visit.

The brief

Shoppers new to refilling worry about paying for the weight of their jar and cannot guess what a fill will cost. The first screen must show the jar tare, the net weight and the price per item.

The direction

Hand-labeled and friendly, rounded headings on pale green paper with honey for prices. The hero is a refill planner: pick an item and jar, set the fill weight, watch the tare come off, and build a list with an estimated total.

The detail

A scale reading of 24.1 oz minus the 14.1 oz tare leaves 10.0 oz of oats at $0.21, or $2.10, and with $10.68 of olive oil and $7.60 of castile soap the list comes to $20.38. The total is labeled an estimate, with the till scale having the final word.

Palette
Paper
#F1F5E9
Leaf
#22331E
Green
#7FB241
Honey
#E8A33D
Card
#FBFDF6
Typography
Display
Galindo
Text
Asap

Want a site like this?

30 minutes with our team. We look at your current site and what a rebuild would take.

Get Started
With Us

Book a demo and discovery call to get a look at:

How INSIDEA works
The subscription plan that best fits your needs
Pricing, onboarding, and anything else
HubSpotSalesforcePipedriveAircallApolloTrustpilot

Book a Call With Us

By clicking Book a strategy call, you agree to receive communications from INSIDEA in accordance with our Privacy Policy.