Skip to content
Larnelle CHAMBERS
← Design worklarnellefrancois.com / Site case study

Making of / Larnelle Chambers

A wider practice.
A clearer way in.

A design portfolio should make the work easy to judge. A personal website should leave room for everything else that makes the work yours.

This site brings my product and visual design together with art, writing, and interactive worlds. The design problem is the relationship between them: a direct route for a hiring team, without flattening a wider creative practice.

Inside the decisions ↓
Front and back of the final Pure Chocolate Cocoa Tea packaging mock-up.
01 / The work leads — Pure Chocolate packaging
Oasis Geometric specimen showing Thin, Regular, and Heavy letterforms.
02 / A different scale of detail — Oasis Geometric
Project
Personal portfolio
Priority
Full-time design opportunities
Design focus
Architecture, presentation, interaction
Built with
Next.js, React, local media & type

01 / Architecture

Start with the work.
Leave room to wander.

The four destinations share one home. Design comes first; art, writing, and experiences remain visible choices. Larnelle Chambers identifies the design practice. L.F. Chambers identifies the author. The names belong to one person, not two disconnected websites.

The hiring path

  1. Selected work
  2. A complete case study
  3. Résumé (PDF)
  4. Contact

A short visit can stay on this path. A curious visit can branch into the rest of the practice without making that exploration a requirement.

02 / Presentation & inspection

Make the detail
available.

Large imagery invites a first look. The next layer explains the role, the scope, and the decision behind it. A case study needs both: enough visual presence to draw someone in, and enough context to support a closer reading.

Image → Context → Inspection

A crop is an invitation, not the only view.

Case-study images open the complete source in a shared viewer. Fit, 100%, and 200% views let a visitor move from composition to detail. Closing the viewer returns focus to the image that opened it.

Inspect a product case ↗
Range → Selection → Full mock-up

Compare without losing your place.

Packaging can be filtered by collection or chosen by name. The thumbnail strip follows the selection without moving the page. Full mock-ups keep the complete object visible, including the back of a pack.

Explore the packaging range ↗
Specimen → Input → Comparison

Let the typeface speak.

Oasis Geometric is more than a static cover. A live tester and form comparisons show the original font files across weights, upright and oblique styles, and different uses. The visitor can bring their own words to the specimen.

Try the typeface ↗

A shared visual language

Big Shoulders carries the headings. Inter carries the explanation. JetBrains Mono carries the small labels. Ink, paper, red accents, and simple rules connect the portfolio pages; the work supplies the colour and texture.

Veyrath and its two moons beneath a red star, from The Pale Interval worldbuilding.
The Pale Interval / Veyrath — one world, two ways to explore

03 / A deliberate boundary

An instrument,
or a page.

Deep Survey uses a 3D instrument to make exploration part of the fiction. That interaction has a cost: it asks for more time, different controls, and a device that can run it.

The field guide offers the worlds, specimens, and crew as readable pages without WebGL or progress requirements. It does not change a saved survey. Help, Guide, and Exit remain available inside the instrument.

Atmosphere belongs where it adds to the work. Reading a case study, finding a résumé, or making contact should not depend on learning a fictional interface.

04 / Motion studies

Motion, on
your terms.

Two local compositions explore a quieter layer of atmosphere. They share a Remotion composition, with different palettes and stroke treatments. These studies are here to inspect, not a prerequisite for navigating the site. Press play when you want to watch; both clips are eight seconds, with no speech or meaningful audio.

Grid / drift

A blue grid moves beneath curved paths and rotating rings. Repetition gives the composition structure without introducing another reading task.

Open grid / drift clip ↗

Gesture / light

Open gesture / light clip ↗

Reflection

A portfolio is
a way into a conversation.

The balance is intentional: a clear professional route, with a more expressive world around it. The next test is how people use it—whether they can identify my role, understand my contribution, and find a reason to get in touch. Those are questions for visitor review, not outcomes to assume from a redesign.

Looking for a product and visual designer? Start with the work, or let’s discuss the role.