A PORTFOLIO IN GOOD COMPANYDESIGN × DEVELOPMENT

Digital
with
direction.

I’m Alex, a designer who codes. I connect clear thinking with expressive interfaces to make good ideas feel inevitable.

Explore my work

ALEX MORGANIndependent design engineer / Sample profile

SCROLL TO EXPLORE

01 / SELECTED WORK

Less noise.
More signal.

3 concept projects

01 PRODUCT DESIGN / UI ENGINEERING

Forma

A little structure.
A lot more headspace.

A fictional workspace that brings tasks and focus into one clear view. An exploration of quiet hierarchy, useful defaults and a warmer kind of productivity.

Interface designDesign systemPrototype
Inside the concept

The challenge: show a busy week without making it feel busier. The concept uses a restrained sidebar, a single primary chart and a deliberately small set of tasks.

The dashboard is original HTML and CSS artwork. Its figures are illustrative, not customer data or measured outcomes. No app functionality or backend is included.

02 PRODUCT DESIGN / INTERACTION

Fieldnote

For the things
worth noticing.

A reading and collecting concept that treats curiosity as a habit. Familiar gestures, expressive type and space for ideas to connect.

Mobile conceptInteraction
Inside the concept

This fictional product explores a simple loop: discover a story, save a thought and come back to it later. The original cards demonstrate visual hierarchy, not a functioning reading app.

The landscape is CSS artwork. There are no third-party photos, accounts or hidden services.

03 WEB DESIGN / FRONTEND

Orbital

A point of view
with some pull.

An expressive single-page concept for a fictional creative practice. Strong typography, a focused story and one unmistakable visual idea.

Art directionResponsive web
Inside the concept

The design gives a small studio a distinct first impression without relying on video or a heavy animation library. A folded CSS symbol supplies the central visual language.

Orbital is an invented demo brand, not a client endorsement. Replace the name, work and story with your own before publishing.

02 / THE PERSON BEHIND THE PIXELS

A designer's eye.
A builder's mindset.

I like the space between “what if” and “here it is.” The place where an idea gets challenged, simplified and made real.

This is a sample profile in an original MRHTML template. Use it to tell your own story, show how you think and explain the work you want to do next.

THINK
Product direction
Information architecture
Design systems
MAKE
Interface design
Frontend development
Interactive prototypes
REFINE
Responsive details
Keyboard interactions
Performance budgets

03 / NEXT UP: YOUR IDEA

Have a good
problem?

Let's make something
that makes sense.

Let's build something.

Contact setup: add your own email address or booking link before publishing.