← Back to current site

Homepage Mockups

Three design directions for wodpachua.labwor.com -- Moses Olara's personal portfolio. Each variant targets a different audience and visual approach.

Mockup A: Developer Terminal → Mockup B: Case Study Portfolio → Mockup C: Bold Personal Brand →
Mockup A

Developer Terminal

Dark, technical, code-inspired

A dark-mode terminal aesthetic designed to resonate with engineering leaders and CTOs. Monospace typography, git-log timelines, and command-line project listings create an immersive developer-first experience.

Design features

  • Terminal window hero with typed intro
  • Skills displayed as JSON-style category blocks
  • Projects listed as command-line table output
  • Experience as git log commit history
  • Full dark theme with blue accent
Target Audience

Technical hiring managers, CTOs, engineering teams

View Mockup A
Mockup B

Case Study Portfolio

Light, editorial, project-focused

A clean, light editorial layout that leads with project outcomes and case studies. Each project is presented with context, approach, and results -- demonstrating impact rather than just listing technologies.

Design features

  • Split hero with featured project card
  • Full-width cinematic featured case study
  • Project cards with role, tech, and outcome columns
  • Horizontal-scroll experience timeline
  • Grouped skill cards with certification grid
Target Audience

Hiring managers, project leads, corporate recruiters

View Mockup B
Mockup C

Bold Personal Brand

Asymmetric, distinctive, memorable

A high-impact design with asymmetric color blocks, oversized typography, and bold split layouts. Two-tone sections (dark/blue) create visual drama while numbered project cards with hover reveals add interactivity.

Design features

  • Two-tone split hero with oversized "MO" initials
  • Full-width stacked stat panels in brand colors
  • Numbered project cards with hover-reveal details
  • Tag cloud skills section with varied sizing
  • Bold two-tone contact split (blue/dark)
Target Audience

Creative agencies, startups, personal brand visibility

View Mockup C

Side-by-side comparison

Aspect A: Developer Terminal B: Case Study C: Bold Brand
Overall tone Technical, hacker-centric Professional, editorial Confident, distinctive
Color mode Full dark (midnight) Full light (surface/white) Mixed (two-tone splits)
Hero approach Terminal window w/ typed output Split text + project card Two-tone split w/ "MO" initials
Project display CLI table listing Case study cards w/ outcomes Numbered cards, hover reveals
Experience Git log timeline Horizontal scroll Divided list rows
Skills JSON category grid Grouped prose cards Mixed-size tag cloud
Best for CTOs, eng managers Hiring managers, recruiters Startups, creative leads