OFK Construction

OFK had completed projects and signed references, but no digital home for either. I built a bilingual website that helps corporate buyers inspect the work before making contact.

RoleProduct designer

TimelineMar to Apr 2026

ScopeStrategy, identity, UX/UI, build

Tools

FigmaNotionClaude CodeAffinity

Problem

OFK’s reputation lived in completed projects, client relationships, photographs, and signed references. Online, the company had little more than a logo.

A buyer could not assess OFK in one place. They had to piece the story together from files and conversations.

The website also needed to support pitches, meetings, and early project discussions.

The proof existed, but it was scattered across documents and folders. · 664×340

Approach

I reviewed company documents, project records, photographs, service information, and three signed references.

01Can OFK perform the required work?
02Has it delivered something comparable?
03Who can verify that experience?
04How can a buyer start a conversation?

Projects, technical scopes, and references gave the strongest answers. Broad company claims carried less weight without evidence.

That set the hierarchy. Company information stayed brief, while project evidence had room for closer review.

The client wanted to avoid platform fees and dependence on a website builder. I chose React so OFK could own and extend the website.

OFK source hierarchy for resolving conflicting company information — When sources conflicted, the most recent client confirmation took priority. · 409×262

OFK company facts, information gaps, and website goals — Confirmed facts and missing evidence set the limits before design began. · 1354×516

OFK audience, company scope, and service taxonomy — The audience and service taxonomy defined what the site had to make scannable. · 419×964

OFK positioning notes separating confirmed proof from marketing claims — Positioning stayed separate from proof. Confirmed figures could be shown, but not attached to an unverified project. · 900×937

Solution

I extended OFK’s logo into a digital identity. One blue accent, blue-gray neutrals, clear type, and firm spacing gave the website a technical voice.

The website follows one rule: state the point, show the proof, then offer more detail.

Projects became the proof

A service list says what OFK offers. A named project shows that the company has delivered it. Each project connects its location, photography, technical scope, and execution details in one place.

OFK completed projects overview with locations, dates, and scope — Project summaries make comparable experience visible before a buyer opens the technical detail. · 1435×1129

References stayed verifiable

A company name suggests credibility. A signed document lets a buyer inspect the claim. Each reference connects to its company, project, scope, and original file.

OFK references page with three companies and PDF downloads — Each reference stays attached to its company, project, scope, and original document. · 1600×1060

Two languages shared one system

Separate sites would double the work and invite mismatched content. English and Polish share one structure, persistent language choice, and stable navigation.

OFK navigation with English and Polish language controls — Both languages change inside the same stable navigation. · 1077×92

Output

I led product strategy, identity, UX/UI, and the front-end build.

I shipped a company overview, services, named projects, technical scopes, responsive galleries, downloadable references, and direct contact paths.

The same website can introduce OFK online, guide a meeting, or support a project discussion with evidence.

OFK Construction homepage presented in its visual system — The homepage establishes the digital identity and the two primary next steps: inspect projects or make contact. · 1920×1271

OFK About page presented in its visual system — The identity gives company information a clear presentation hierarchy. · 1921×1271

OFK proof page with project figures and execution scope — Confirmed project figures become presentation-ready proof. · 2288×1271

OFK project page presented in its visual system — Project pages connect site photography to the technical scope behind it. · 1920×1271

OFK services page with construction categories and photography — Service categories stay visual and specific instead of becoming a long capability list. · 2292×1271

Impact

OFK moved from a logo and scattered files to a live bilingual website.

Buyers can now inspect projects, review technical scope, download signed references, and make contact in one place.

The website also gives OFK one presentation tool for pitches and meetings.

No before-and-after analytics were available. The verified change is that OFK’s work is now public and easier to inspect.

Visit OFK Construction