Awards
-
RedDot
Winner
-
CSS Design Awards
Website of The Day
-
The FWA
FWA of The Day
-
Golden Site
Gold
-
Rating Runeta
Bronze
-
Workspace DA
Silver
-
Workspace DA
Food Compliance International is the world’s leading food law consultancy. It supports multinational companies with the legal side of importing and exporting food and consumer products that affect human health. The brief was to create a corporate website that presents FCI as the highly capable international firm it is, shows not only what FCI offers but how and why, attracts new clients, and maintains the search visibility the previous site earned. We took on all of it: in-depth interviews, strategy, site structure, copywriting, an extended visual language, design and development.
Legal website design usually leans on restraint and formality. FCI’s culture grows from personal involvement and a genuine wish to help, so the site speaks in that voice: expert and businesslike, yet warm.
An open box, unfolded
FCI’s logo is a 3D box caught opening, with ready-made solutions, unpacked for a client’s business. Its shape also echoes the V-mark, a sign of international accreditation, which suits a firm that helps clients secure the certificates every export market requires. We unfolded the box and the V-mark into graphic compositions and patterns that run through every page. The palette stays monochrome. Black-and-white imagery and video keep the message in focus, while a rhythmic pattern of blue rhombuses signals a company ready to meet a changing global market.
Care on both sides
The first screen is split in two. On the left stands an FCI client, a specialist developing a safe, healthy product in a modern lab. On the right, a father offers his young daughter milk or yogurt, a product that meets every quality standard in the country where the family lives. Both images show the same care for quality, health, and comfort, and that care carries the cool precision of production into the warmth of family life.
Interactive 3D in WebGL: the confidence scale
The confidence scale is an animated WebGL illustration of FCI’s process. It follows product certification stage by stage, from category classification to registration, and with each step the client’s confidence climbs until it reaches 100%.
A product’s whole journey
Video plays against an unfolding geometric pattern and follows a product step by step. Staff glides up escalators in a futuristic building, precision instruments test products, cargo ships carry packed goods, and every frame exists so the end buyer can feel safe. Each screen is composed like a poster, the brand pattern and the footage merging into a single image.
Interactive globe: the world as a market
The slogan we wrote for the site, Making the world your market, takes shape as a globe. Built in WebGL, it marks every country FCI works with. Spin it to see how far the firm's business reaches.
A team that has your back
The site presents FCI as an open, responsive team of world-class lawyers whose bold goals turn into business plans. The imagery tells the same story: bridges join producers to foreign markets, and climbers reach the summit by helping one another. The copy follows suit. Headlines are vivid yet businesslike, and the mission and values pages stand on FCI’s belief that safe, high-quality food and care products should know no borders.
Legal blog with filters
The corporate blog collects FCI’s expertise for professionals, with filters that help them find what they need. The team moved and expanded content from the previous site, so the new site could build on the search visibility FCI had already earned.
The result
Food Compliance International won the Red Dot Award for communication design, a fitting prize for a site whose job was communication itself: making food law clear and approachable. It also received Website of the Day from CSS Design Awards and FWA of the Day. In law firm website design, formality is the norm for good reason. This project shows that a firm’s character can live beside it without costing it credibility. The client asked us to align its other corporate communication materials with the site’s visual style. The patterns unfolded from the logo, the two-sided first screen, the WebGL confidence scale and globe, the copy, and the blog all work toward one goal: presenting an expert international firm, explaining how it works, and helping new clients find it. The box in the logo opens onto the world, and that is the promise FCI makes to every client.
