Cornell Ingredients

Website design & development for a B2B food ingredients supplier

Cornell Ingredients Corporation (CIC) supplies food ingredients to manufacturers and distributors across the Philippines — the kind of business that runs on technical trust and relationships, but had no website to reflect either. I led UI/UX design and the design system for the project, collaborating closely with our front-end developer to bring it to build.

Scope: UI/UX Design · Design System · Front-End Collaboration

Year: 2024

Visit Website
Cornell Ingredients gallery image 1 of 5

Phase 1 — Planning & Design

Started with a competitive audit of two industry sites CIC pointed us to: one cluttered and outdated, the other clean but too thin on product detail. That gap set the brief: clear product info, a defined audience, and a cookie banner for EU compliance. From there, sitemap and low-fidelity Figma prototypes came first to lock in navigation and content before touching visual design. CIC had a logo and nothing else to build from, so I built a design system from scratch, greens and a leaf motif pulled from their mark, paired with a distinct serif to move past the logo's generic typeface.

Cornell Ingredients gallery image 2 of 5
Cornell Ingredients gallery image 3 of 5

Phase 2 — Development

Handed off a high-fidelity design system to our front-end developer, staying involved through build to review component structure against the design spec — contact page routing through three inquiry types (product consult, general, careers), responsive behavior across breakpoints, and visual QA before launch.

Cornell Ingredients gallery image 4 of 5

Phase 3 — Launch & Results

Tested across browsers and devices, then shipped with Google Analytics tracking and a client training session so the team could read their own data. Three months post-launch: 71% increase in monthly traffic, 94% average performance score across speed, accessibility, and SEO, with Homepage, About, and Products as the top-performing pages.

Cornell Ingredients gallery image 5 of 5