Home / KOC Corporate Website - Frontend Build
KOC Corporate Website - Frontend Build
Frontend implementation of Kuwait Oil Company's bilingual corporate website, translated from supplied designs into a responsive and accessible production experience.
Discipline: Frontend Development, Responsive, Accessibility | Year: 2020 | Client: Kuwait Oil Company (KOC) | Role: Frontend Developer, design supplied by the client team
Context
Kuwait Oil Company needed its supplied corporate design translated into a dependable bilingual website for a broad public and internal audience.
Problem
The visual direction had to become a responsive, accessible production system without losing consistency across content-heavy pages or limiting CMS authors.
Role and scope
Frontend Developer responsible for responsive implementation, semantic structure, interaction behavior, accessibility details, and CMS-ready page patterns.
Constraints
- Preserve a client-supplied visual system rather than redesigning the interface.
- Support Arabic and English content across desktop, tablet, and mobile layouts.
- Create reusable templates that could accommodate varied corporate content.
Key decisions
- Translated repeated layouts into reusable content patterns instead of page-specific markup.
- Used semantic structure and keyboard-reachable navigation as the baseline for the bilingual experience.
- Defined responsive behavior around content pressure rather than fixed device assumptions.
What shipped
- Responsive corporate page templates.
- Bilingual navigation and content layouts.
- Keyboard-accessible interaction patterns.
- CMS-ready content modules for ongoing publishing.
Outcome
The supplied design became a consistent production website that supports bilingual corporate publishing across screen sizes.
Reflection
This project reinforced that implementation quality is a design responsibility: responsive rules, semantics, and content flexibility determine whether the intended experience survives production.
View live project
Back to all projects