Industrial Park Patriot
An industrial park on the grounds of a 1987 textile factory, leasing production, warehouse and office space to businesses instead of selling to individual shoppers.
Measured on the live site, exactly as a visitor sees it.
Benzin
Headings- Regular 400
- Medium 500
- SemiBold 600
- Bold 700
- ExtraBold 800
e-Ukraine
Body text- Thin 100
- ExtraLight 200
- Light 300
- Regular 400
- Medium 500
- Bold 700
The specimens are pictures: the font files belong to the client's site.
Corner radii
- 30 px
- circle
Buttons: 30 px
Contrast
- 13.9 : 1text on background, AAA
- 14.4 : 1light text on dark, AAA
Shadows
The shadow is tinted with the site's colour
Context
The Patriot industrial park grew on the grounds of the Sumy worsted spinning factory, running since 1987. Today it's a separate business: leasing production, warehouse, office and retail space to companies opening or moving a business to Sumy. The park runs on a production, warehouse, office, retail model and supplies its own infrastructure to the site.
The Challenge
The park sells something complicated: 85,000 m² of halls, 500 units, 10 MW of power capacity, its own artesian well and independent heating, plus a hundred tenants ranging from Coca-Cola to Kyivstar. All of it lived in scattered documents and site visits, and a prospect had no way to evaluate the park before picking up the phone.
The constraint
The site was meant as a showcase: one scrollable page in Ukrainian and its exact copy in English, with no client account and no picking a specific unit. Everything a tenant needs before that first call is laid out screen by screen.
The decisions, pinned where they live
Why we made it this way.
The carousel shows the park's actual partners, from Coca-Cola to Kyivstar. Resident logos build trust better than any text about reliability could.
The number counts up on scroll and shows the park's scale at a glance: a hundred-plus companies already run production, storage or an office here.
85,000 m² of space, 500-plus units, 20-plus years of operation and 10 MW of power capacity. A tenant sees the park's scale before ever calling the office.
The section background was shot in the park's own yard at night: the building facade, string lights, parked cars. A real yard instead of a stock industrial landscape.
The carousel shows the park's actual partners, from Coca-Cola to Kyivstar. Resident logos build trust better than any text about reliability could.
The number counts up on scroll and shows the park's scale at a glance: a hundred-plus companies already run production, storage or an office here.
85,000 m² of space, 500-plus units, 20-plus years of operation and 10 MW of power capacity. A tenant sees the park's scale before ever calling the office.
The section background was shot in the park's own yard at night: the building facade, string lights, parked cars. A real yard instead of a stock industrial landscape.
What we did, and why
Real photos instead of renders
The park's history is illustrated with real shots of the grounds: a rooftop view and a production hall instead of abstract renders or stock photos. A visitor sees exactly where they'd be driving to.
Infrastructure in six icons
Six cards answer questions that would otherwise take a phone call: grid power capacity, its own well, independent heating, security, internet and sewage. All six fit on one screen with no tabs or clicks through.
Five people instead of a form
Instead of a generic contact form, the page lists the names and direct numbers of five staff members: the director, an accountant, two managers and the site manager, plus a map with the exact address. A tenant calls the right person straight away.
The SEO thinking behind it
The whole page is already in HTML
Both landing pages, Ukrainian and English, ship as finished HTML with no empty JS shell. Search engines get the text right away, before any script even runs.
Two addresses instead of a JS toggle
The Ukrainian and English versions live on separate URLs, / and /en/, each with the correct lang attribute and its own tab title. Search engines see two distinct pages instead of one with a JS language switcher.
A dedicated image for each screen size
The GEIPP program banner is built with <picture>, with a separate WebP for mobile and for desktop. A phone never loads an image sized for a big monitor.
WebP and lazy loading
Every photo on the page, from offices to the partner carousel, ships as WebP and loads lazily except for the very first screen. Page weight doesn't grow with the photo count.
Where it landed
The park now has a public asset that answers a tenant’s first round of questions. It also lets the resident logos work as social proof, along with the fact that it shares its grounds with the Fabrika factory.
A closer look
Click any frame to open it full screen.