Mobile Commerce Experience · 2026
Redesigning a specialty Italian marketplace into a modern mobile ecosystem focused on discovery, ordering, rewards, catering, and customer retention.
Scroll inside the device
02 · Project overview
Calabria Market brings together Italian deli products, imported goods, fine wines, catering, prepared foods, platters, and bakery products. The challenge was supporting that breadth without sacrificing clarity, trust, or the premium character of the brand.
The challenge
Different purchase modes, consideration levels, and service expectations had to coexist without making the experience feel fragmented.
Goals
Opportunity
Turn a local specialty market into one premium mobile relationship spanning shopping, service, fulfillment, and retention.
03 · Experience mapping
The product model connects initial appetite with confident purchase, service transparency, and reasons to return.
04 · Design system evolution
The system supports the product rather than becoming the product. Warm surfaces, editorial imagery, restrained color, and precise interaction cues make the market feel curated, tactile, and trustworthy.
System in context
Calabria red drives action. Italian green communicates freshness and loyalty. Warm ivory replaces sterile white.
IBM Plex Sans and Inter Tight create an editorial, legible hierarchy across narrative and commerce.
Buttons, inputs, and navigation use consistent shape and contrast without competing with product imagery.
Soft lift, warm shadows, and tonal surfaces suggest a physical counter rather than a flat UI kit.
05 · Core principles
The redesign was guided by five connected principles rather than isolated visual improvements.
BeforeA broad catalog risks feeling like an undifferentiated grocery directory.
DirectionEditorial grouping and appetite-led imagery make the range easier to understand.
BeforeFood, wine, and prepared goods require different levels of decision support.
DirectionShared hierarchy keeps comparison, trust, and purchase actions predictable.
BeforeRewards can disappear inside account settings and lose motivational value.
DirectionStatus, progress, and benefits become visible throughout the customer relationship.
BeforeA service-heavy offer creates uncertainty before a customer is ready to inquire.
DirectionCollections, event context, customization, and quote intent form a clear service path.
BeforePast orders and saved items often behave like passive account records.
DirectionFavorites, history, rewards, and tracking become practical reasons to return.
06 · The redesign
Every experience follows the same grid, device scale, title width, and narrative rhythm so the product reads as one coherent ecosystem.
01 · Home Experience
The home experience introduces specialty food, prepared meals, wine, bakery, and catering without turning the first screen into a crowded category directory.
Scroll inside the device
02 · Product Discovery
Clear visual grouping helps cold visitors understand the range quickly and move into the right shopping path with less scanning effort.
Scroll inside the device
03 · Product Detail
Editorial imagery, useful product detail, and a clear purchase hierarchy keep premium presentation aligned with conversion clarity.
Scroll inside the device
04 · Search Experience
The interface keeps query context, product recognition, and selection actions visible so search behaves like a direct route to purchase.
Scroll inside the device
05 · Wine Experience
The wine experience uses a more editorial rhythm while preserving practical browsing cues for discovery and comparison.
Scroll inside the device
06 · Loyalty Experience
Points, status, and benefits are presented as an ongoing relationship rather than a secondary account feature.
Scroll inside the device
07 · Favorites Experience
Favorites support repeat shopping and consideration without forcing customers to rediscover products across a large catalog.
Scroll inside the device
08 · Catering Experience
Catering and events are broken into clearer content groups so customers can understand the offer before committing to an inquiry.
Scroll inside the device
09 · Cart Experience
Product details, quantities, and totals remain legible while the primary checkout action retains clear visual priority.
Scroll inside the device
10 · Checkout Experience
The form hierarchy separates delivery and customer information into a predictable sequence with a visible path forward.
Scroll inside the device
11 · Payment Methods
Saved methods and the next action are easy to distinguish, reducing friction at the most sensitive point in the purchase flow.
Scroll inside the device
12 · Add New Card
The interface limits attention to the required fields and keeps the action explicit, supporting confidence and completion.
Scroll inside the device
13 · Order Confirmation
Confirmation communicates success immediately and gives customers the information they need to understand what happens next.
Scroll inside the device
14 · Order Tracking
The tracking view reduces uncertainty by showing current status, progress, and order context in one focused screen.
Scroll inside the device
15 · Order History
Order history balances record keeping with practical re-entry points for customers returning to familiar products.
Scroll inside the device
16 · Account Experience
Account information, orders, saved details, and loyalty access are organized into a clear personal hub.
Scroll inside the device
Complete system
A unified marketplace experience designed across commerce, loyalty, wine discovery, catering, checkout, account management, and order tracking.
07 · Results & impact
A complete mobile product language designed to make a complex local marketplace easier to explore, trust, use, and return to.
A complete path from discovery through post-purchase service.
Marketplace, wine, catering, and loyalty work as one connected product.
Discovery, purchase, service, fulfillment, and repeat behavior are designed together.
One visual and interaction language supports every customer touchpoint.
Every decision was evaluated against clarity, reach, and action on a handheld screen.
08 · Learnings
Treating food discovery, loyalty, catering, and fulfillment as one ecosystem produced a more coherent product than optimizing isolated screens.
Premium presentation depends less on decoration than on product context, clear hierarchy, and confidence at every decision point.
The system can expand into personalized recommendations, faster reordering, event quote management, and richer wine education.
Start a project
I design conversion-focused ecommerce experiences, mobile applications, design systems, and user journeys that balance usability, storytelling, and business goals.
