WEB DESIGN · PRODUCT THINKING · CREATIVE CODESELECTED WORK / 2026

Useful by design.
Curious by nature.

I’m Jonathan. I turn complex ideas into clear, thoughtful websites—with a little room for the unexpected.

Take a look around ↘
THOUGHTFUL INTERFACES. WORKING IDEAS.SCROLL TO EXPLORE ↓
01 / SELECTED WORK

Ideas, out in
the real world.

A few things I’ve been building.
Different problems. One curious mind.

01PRODUCT INTERFACE

MindFlow

A better rhythm
for a busy mind.

A study planner that brings cognitive-state modelling into a clear, calendar-first experience.

  • Product design
  • React
  • Interaction
02PRODUCT WEBSITE

FlowVoice

Give your ideas
a voice.

A product website for a voice-input tool, balancing expressive typography with a clear feature story.

  • Web design
  • HTML / CSS
  • Motion
03INTERACTIVE EXPERIENCE

Solar Explorer

A small window.
An entire universe.

An interactive solar system that turns orbital data, procedural graphics, and curiosity into exploration.

  • Creative coding
  • Three.js
  • 3D interaction
04PLAYFUL LEARNING

A Taste of Place

Follow your curiosity.
Find your flavour.

A Nigerian food geography quiz that connects a simple game loop with visual discovery and a sense of place.

  • Web experience
  • Maps
  • FastAPI

Interface studies recreated for this portfolio. Project details and source code are linked in each story.

A WORK IN PROGRESS.
IN THE BEST POSSIBLE WAY.
JY✳
Curiosity, always.↗
A LITTLE
different.
02 / THE PERSON BEHIND THE PIXELS

Hi, I’m Jonathan.
I like the “what if.”

What if a study planner knew when you needed a break? What if a website made a complicated idea feel simple?

That’s where I like to start. I work across web design and development, moving from a rough idea to something you can actually click, explore, and use.

My projects range from product websites and planning tools to interactive maps and 3D worlds. What connects them is a desire to make the useful feel inviting—and to learn by making.

A closer look at what I build ↗
DESIGN

Visual hierarchy · Typography · Responsive interfaces · Interaction

BUILD

HTML & CSS · JavaScript · React · Three.js · Python

MINDSET

Ask good questions · Build a working version · Keep improving

03 / FROM “WHAT IF” TO “HERE IT IS”

Good design starts
with a good question.

The way I want to build:
with purpose, care, and an open mind.

01 ↗

Find the real thing.

Start with the person and the problem. What are they trying to do? Where does the current experience get in the way?

02 ✳

Make the idea tangible.

Give it structure, a clear visual language, and a working prototype. A real interaction teaches more than a perfect slide.

03 ↻

Keep asking. Keep making.

Look at what works, question what doesn’t, and improve the details. There’s always a better version waiting to be found.

THE NEXT CHAPTER

I’m looking for opportunities to grow as a designer and product builder—working with curious people, testing ideas, and learning how thoughtful prototypes become useful businesses.

04 / A LITTLE ROOM TO PLAY

Details make
the difference.

A tiny typography experiment.
Go on. Make yourself at home.

THE TYPE SANDBOX
THOUGHT NO. 01

Stay a little
curious.

05 / MORE FROM THE NOTEBOOK

A few more rabbit holes.

4 projects shown.

GOT A GOOD “WHAT IF”?LET’S SEE WHERE IT GOES.

Good things start
with a conversation.

A new idea, a design opportunity,
or a chance to build something together.

Find me on GitHub ↗
THE LITTLE DETAILS

Built with care.

Typography: Fraunces and Manrope, bundled locally under the SIL Open Font License.

Food photograph: “Suya with pepper sauce” by Bukky658, used under CC BY-SA 4.0. The photograph is unchanged and displayed in a cropped frame.

The project visuals are recreated interface studies for this portfolio, rather than screenshots of deployed products. Case studies link to the original public repositories. No user counts, business results, employment, or formal affiliations are claimed.

Explore the source projects ↗