YENNI

Independent Web Designer

  1. 01Observe
  2. 02Structure
  3. 03Build

Five concept projects

I take a problem apart before I design anything.

I’m an independent web designer. First I want to understand how a thing works — its structure, its constraints, the logic underneath. Only then do I decide how it should look. Typography, grid, motion and code follow one system, so the idea survives all the way into a working interface.

Selected Work01

Five independent concept projects. Each one began as a question and was carried through to a complete, working website — not a mockup.

  1. 01TIVERMassage studio · WebsiteHow little does a studio website need in order to feel complete?
  2. 02FRESH SALTFashion · Editorial experienceCan a collection be presented as depth instead of a catalogue?
  3. 03MONOLITHArchitecture · 3D web experienceHow do you show a building on a screen so that it still feels like weight?
  4. 04KŌIKEIFood & hospitality · Interactive menuWhat happens when food is allowed to break the grid?
  5. 05NŌCTILMusic · Audio-visual experienceCan a website for music make the sound itself, instead of playing files?

After the work

Five subjects, one method: observe the structure, decide what matters, build it until it holds.

About02

I’m an independent web designer. I’m interested in how things are built: why a layout holds, where an interaction breaks, what a visual idea needs to survive real content and real devices.

I usually start with research rather than a moodboard — the subject, its vocabulary, its materials. A massage studio, a layer of water, a concrete building, a sushi counter, a night of deep house: each project here began as a question about structure and was worked out into a site you can open and use.

I work on my own, from the first diagram to the last line of CSS. It keeps decisions consistent: whoever chose the grid is also the one checking how it behaves at 375 pixels.

Working principles

  1. 01Structure firstContent, hierarchy and states come before style. A visual language is chosen to fit the system, not the other way round.
  2. 02Motion has to explainAnimation shows space, sequence or state. If it explains nothing, it goes. Reduced-motion settings are always respected.
  3. 03Proof is in the browserAn idea counts once it works: responsive, accessible and fast enough on an ordinary phone.
  4. 04Details carry the argumentSpacing, tracking, focus and empty states are where a concept either holds or quietly falls apart.

Disciplines

  • Research & concept
  • Art direction
  • Web & interface design
  • Motion & interaction
  • Front-end development
  • WebGL & 3D
  • Generative audio on the web

Contact03

A project, an idea or a question — write directly. Telegram is the quickest way to reach me.

1 / 1