DIGIMASON DESIGNS
← Portfolio

EXAMPLE SITE / Independent design and front-end development

Ines Kerrowe — a site for a designer-developer

A personal site for an independent designer who builds what she designs, where the craft is visible if you look for it.

Start a project like thisOpen the example siteIndependent design and front-end development
Ines Kerrowe — designer-developer portfolioPersonal portfolio with case studies
cinematicprecisewarmunhurried
01 / The problem

What visitors need

Prove, in one visit, that one person can carry an idea from sketch to production, and turn that visit into an enquiry a freelancer can actually answer.

02 / The design

How it looks

A dark, single-lamp direction with an elegant serif; a headline that reveals its own construction; an index that behaves like a good archive; case studies told as chapters that end in a working piece of each client's interface; and an enquiry that asks the right four questions.

03 / Good for

Who it suits

A complete fictional portfolio: filterable work, three case studies with running components, a process and about story, and a validated enquiry with confirmation. No real clients, results or messages.

LOOK AND FEEL

Mood, color and pages.

Mood

  • cinematic
  • precise
  • warm
  • unhurried

Color

Projection blackBoneLampDust

Pages included

  • A home page whose headline hides its own construction: a cursor-following lamp and a site-wide Construction switch that shows grid, glyph boxes and type specs.
  • A work index with discipline filters and live counts, list and grid views, a trailing image preview, and short notes that open in place.
  • Three cinematic case studies with a chapter rail (brief, constraint, process, build, outcome), each ending in a working component: a night-mode sky planner, a seed-lending counter and a type tester with a licence calculator.
  • A 'Work with me' enquiry with project type, start, budget and up to three links, plain-language validation with an error summary, and a confirmation with a reference and next steps.

DESIGN CHOICES

Three choices that shape the site.

01

Construction lamp

A lamp follows the cursor over the headline and reveals how it is built, glyph boxes, grid and type specs; a switch shows all of it for touch, keyboard and reduced motion.

02

Working case studies

Each case study is a sequence of chapters that ends in a running piece of the client's interface: a red-light night mode, a lending counter, a type tester.

03

Qualified enquiry

One enquiry form that asks what a freelancer needs to reply well, project type, start, budget and links, validates in plain words and confirms with a reference.

START A PROJECT

Want a site like this for your business?

Start a project