Senior UX/UI DesignerResponsive Marketing & Catalogue SiteFood Manufacturing / Wholesale & OEM

Orgeness Orange Juice Website

BEURDEV CO., LTD. · Jun 2024 – Aug 2024
Orgeness fresh orange juice website — wholesale price tiers, four formulas and OEM contract production
Executive Summary & Impact
Recognition
Recognition rather than recall
price breaks printed under every size, no lookup
Real-world
Match between system and the real world
one page per product line, the way a reseller stocks
Minimalism
Aesthetic and minimalist design
factory offer summarised at home, detailed on its own page

A product and wholesale site for a juice manufacturer, designed for a reseller deciding whether to stock a line rather than a shopper buying a bottle. The design keeps the numbers a reseller needs in view, matches the pages to how resellers actually stock, and gives contract production its own route.

01 / Discovery & Heuristic Gaps

Problem & Usability Gaps

The business sells wholesale and produces juice for other companies, but a conventional product site is shaped for someone buying one bottle. Read against the heuristics, that shape fails a reseller in three places: the margin, their first question, can only be answered by asking for prices; a variant selector assumes the buyer compares the range when they stock a single line; and a production offer with no page of its own is either missed or crowds the catalogue.

Terms on request
the usual route to wholesale prices and quantity breaks is to ask
Retail framing
a structure shaped for one bottle, not a reseller's order
Offer unplaced
a production offer without a page is missed or crowds the catalogue
02 / Architecture & UX System

Design Decisions by Heuristic

01
Recognition rather than recall
Price Breaks on the Product Page
Each formula gets a full-width price panel: every size from the smallest bottle to a six-litre container, with its retail price and two wholesale quantity break points beneath it. A reseller works out their margin from what is in view instead of requesting a price list.
02
Match between system and the real world
One Product Line per Page
The four formulas are separate products with their own pages rather than variants behind a selector. A reseller stocks one line, not the range, so the page is shaped around the decision they are actually making.
03
Aesthetic and minimalist design
The Factory Offer Given Its Own Page
The homepage carries the production offer as one short why-choose block. The full offer, with the factory's standards, its certificate and the price panels for all four formulas, sits on the services page, so it is easy to find without crowding the catalogue.
04
Flexibility and efficiency of use
The Next Step on the Same Panel
The LINE QR code, the LINE ID and the phone number sit on the price panel itself, so a reseller who has done the arithmetic can start the order from the same place without looking for a contact page.
03 / Verification & Evidence

Before & After by Heuristic

HeuristicBeforeAfterChange
RecognitionPrices on requestRetail price and two breaks per sizeIn view
Real-worldVariants of one productFour products, a page eachSeparated
MinimalismProduction offer with no placeSummary at home, detail on its own pagePlaced
EfficiencyContact apart from pricingLINE QR and phone on the price panelAdjacent

"A reseller's first question is margin. Every decision here keeps the answer in view and the next step beside it, so the arithmetic and the order happen on the same page."

— Design rationale · Orgeness Orange Juice Website
04 / Retrospective

Design Learnings

→

Putting the numbers a buyer needs where they decide removes a round trip that a contact form can only add.

→

Page structure should follow the user's real unit of decision; a variant selector suits someone comparing a range, not someone stocking one line.

→

A secondary offer needs a place of its own, or it either disappears or crowds out the primary one.