FE
Back to Web Studio
Websites and landing pagesDesign & Development

Freda Efod — Personal Website & Dual Studio

An editorial digital home unifying technology, ventures, writing and a 75+ video studio archive.

My RoleProduct Direction, UI Design & Full-Stack Development
Screenshot of Freda Efod — Personal Website & Dual Studio

01 / The Problem or Idea

As a multidisciplinary builder working across computer science, startups, data and video production, a single-track portfolio felt too narrow. I needed a digital home that could house my ventures, professional work and writing while keeping my full video editing studio intact.

02 / Purpose

Create a cohesive, editorial personal website where visitors can explore my work across technology, entrepreneurship and creative production without feeling lost.

03 / My Exact Role

Led the information architecture, visual direction, copywriting and full-stack Next.js implementation, including automated scripts to categorize and fetch Instagram reel thumbnails.

04 / Key Decisions

  • •Built a custom server-side thumbnail proxy API (/api/thumbnail) and keyword-mapping script to ingest Instagram reels without heavy third-party embeds.
  • •Added an interactive prompt brief and an LLM-ready 'Agent view' Markdown drawer inspired by modern design engineering portfolios.

05 / Tools & Stack

Next.js 14TypeScriptTailwind CSSReactNode.js API

06 / Lessons Learned

Good personal architecture is about restraint: giving each discipline its own clear room while connecting them through a consistent voice and typography.