Senior Product DesignerSenior UX/UI Designer

Senior Art Director

website UX/UI design (e-commerce)

lead designer

AGREA, PH

Designed an e-commerce websiteto spotlight the AGREA farmers. Individual web project turned full digital campaign.

< DESIGN PROJECTS

BRAND / CLIENT

agrea

ROLE

Lead Designer

YEAR

2021

OUTCOME

Website design project turned full campaign (launch).

Prototyping,

E-commerce,

UX and UI Design,

High Fidelity Wireframing

01

Task

AGREA wanted to increase farmers’ visibility and profit while providing customers with fresh produce everyday.

02

situation

This was a team of 4: our CEO, our Accounts Director, my Creative Director, and myself as the Lead Designer.

​

There was a rise of home deliveries during the pandemic. From this, AGREA wanted to take the opportunity to highlight farmers, and have fresh produce delivered when customers order directly from their site.

​

It was important that the site informs customers that farmers profit from ordering through the site and there are no third parties who gets a percentage from each purchase.

03

approach

To highlight the farmers and their stories, information about them are placed in the headers and carousels of all pages.

​

This decision was crucial because we wanted to show that real people, and not big corporations, are behind every produce.

​

The design was presented through a high fidelity prototype (with InVision) which brought excitement to AGREA as they got a glimpse of their goal.

04

indicators

The use of Indicators in this website was to increase visibility on both farmers and selected produce. The indicators can be found on the Products page.

Farmer Quotes

Recipe

Notify me

05

outcome

AGREA approved of the website design, and increased our scope: create a digital campaign to launch the website. This required us to bring in our Creatives Team for the campaign, while I was responsible for the full website design.

State: Default

State: on Hover

AGREA Header Carousels and Beneficiaries

AGREA Product Page

Wireframes: AGREA website prototype pages

Case studies

Portfolio designed with Figma and built with Figma Sites. Dominique Cheng 2026.