Executive Summary
A logistics executive running two companies needed one credible place for partners and press to learn about his ventures, track record and how to reach him.
A fast static site with an editorial look: executive hero, ventures showcase, an interactive trade-corridor map with air and sea routes, a career timeline, awards and a filterable gallery. Enquiries open a pre-filled email or WhatsApp, and visitors can save a contact card in one tap.
Core Capabilities & System Highlights
Trade Corridor Map
Interactive China–Nigeria map with an air/sea route toggle and hub details.
Career Timeline
Roles, ventures, honours and areas of expertise presented as a timeline.
Gallery Lightbox
Filterable photo gallery with a keyboard-accessible lightbox.
Save Contact Card
One-tap vCard download plus WhatsApp and email enquiry flows.
System Architecture & Specs
React + TypeScript on Vite
Static site deployed to Vercel, with all copy, links and image paths in one content file.
Tailwind CSS
Editorial serif typography, gold-on-navy palette and responsive layout.
Person Structured Data
Meta tags, Open Graph image and schema.org Person data.
Key Engineering Trade-offs & Operational Notes
Every detail awaiting the client's confirmation is tagged in the content file so nothing ships unverified.
Generated placeholders are clearly marked until real photos arrive.
The trade-corridor map mirrors the routes the Skyways platform operates.
Tech Stack & Role Matrix
Every library and framework in Executive Portfolio — Onyeulo Chibuikem Blessed was chosen with intentional architectural trade-offs to balance speed, type safety, security, and scalability.
| Technology | Category | System Role | Performance Rationale |
|---|---|---|---|
| React | Framework | Sections and interactive map | Component-driven sections that are easy to reorder or extend. |
| Vite | Build | Static build | Fast static output with no server to maintain. |
| Tailwind CSS | Styling | Editorial design system | Consistent tokens for a premium, restrained look. |
Live Preview & Showcase
Metrics & Reliability
Backend
Static site with email, WhatsApp and vCard actions
Content
All copy and links edited in one place
Accessibility
Keyboard navigation and reduced-motion support