uct

UkrCapital Trade is a dairy ingredients supplier. Its range runs from skimmed and whole milk powder and unsalted cream butter to sweet, demineralised and fat-filled whey powders, anhydrous milk fat and blended-butter spreads.

For this B2B website the hero pairs a bold white sans headline with warm photography: a child with a baguette in a wheat field on desktop, a cow on an alpine pasture on mobile. Products sits apart in a pale sand block at the right end of the header, separate from About, Geography, News, Contacts, search and an En/Ru/Ua language switch. Inner pages keep to milk, bread and powder on light backgrounds.

We worked the structure out in grey wireframes for seven page types: home, about, product list, product page, news feed, single article and contacts. Each inner page opens the same way, with a back link, a large title and a short lead, which keeps a long catalog predictable.

The product page does most of the work. Under a description of whey powder and its uses in infant nutrition, dairy, ice cream and bakery, a table runs through organoleptic properties, microbiology limits and packing: multilayer paper bags with a polyethylene liner, 25 kg, 18 months' shelf life. Related products close the page, so comparing butter grades does not mean going back to the list.

On the products page one card holds a whole product family. Fat-filled whey powder switches between animal and vegetable fat, butter between 72.5% and 82%, milk powder between skimmed and whole, and blue rules mark the active tab. The grid stays short while every grade remains one click away. Single items such as sweet whey powder or spreads get a plain card with a studio shot on pale grey, and search opens across the full header.

The packaging repeats the dotted globe from the logo on kraft paper, with the product name in large dark-blue type and a halftone gradient rising from the bottom corner, applied to a 25 kg bag and a butter carton.

The homepage, About and Products pages share one frame: a full-width photo hero with a white content sheet overlapping its lower edge. The About block sets two columns of text around a warehouse photo framed by blue bars. From the header, Products opens a mega menu that lists the full range under All Products.

The UI kit fixes three header states (plain, with tagline, with search open), the Explore more buttons, a footer that repeats the product list by category, and a Drop Us a Line modal with name, e-mail and message fields and a sand-coloured Write to Us button. The contact page adds a map under the address card.