Web / Design / Development

01 · Canvas

We design how your company is perceived online.

Web design and development for businesses: content strategy, art direction and engineering worked as one piece, to build a corporate website that is truly yours, clear and technically well resolved.

Talk about my websiteSee how we work
Move the pointer or tap an object

02 · Structure

Before colour and typographythere is one question:what does the user have to understand?

01 · Content

03 · Direction

The same message.Three directions.

The words do not change. The composition, the rhythm and the way the page answers the visitor do.

Editorial composition: serif headline on the left, tall image on the right, action as a link, slow motion.

Same page · same content · 01 Editorial

Move the pointer across the surface and over the menu: every element answers with an intention.

Art direction is not chosen by taste.It is chosen by what the company needs to convey.

04 · Behaviour

Responsive is not makingthe same page smaller.

Drag the edge of the viewport. The width is continuous; the decisions are not.

1180px · Desktop
  • Full menu and action on the right
  • Two columns: message and media
  • Three services in one row
  • Tall media, 4:5
1180 px
×0.74

05 · Construction

What you see is design.What holds it up is engineering.

Drag the divider: the same page with its construction layer. The legend follows the divider.

  1. Semanticsheader · nav · main
  2. Contentsingle H1 · real hierarchy
  3. Componentaction · visible focus · 44 px
  4. GridCSS grid · 12 → 6 → 4
  5. Mediasrcset · lazy loading · dimensions
  6. Interactiontransitions · reduced-motion
  7. Performancenothing blocks the first paint
  8. Accessibilitykeyboard · contrast · alternatives
DesignOne experienceDevelopment

We do not hand a design to another team and hope it survives the implementation. The experience is designed with the browser in mind from the beginning.

We design

  • corporate websites
  • service websites
  • landing pages
  • editorial experiences
  • interactive websites

We develop

  • responsive interfaces
  • custom interactions
  • content systems
  • web functionality
  • integrations when needed
  • Responsive
  • Keyboard
  • Reduced motion
  • Semantics
  • Lazy media
  • Metadata

06 · Your website

The project starts with a brief,not a specification.

We can start from an existing website, an identity, content, references or simply the business.

Brief · 001Nafureanu · Web

Primary goal

  1. 01ObjectiveWhat does the website have to achieve?·
  2. 02AudienceWho has to understand it?·
  3. 03MessageWhy should they care?·
  4. 04ProofWhy should they believe it?Priority 1Defines what is shown.
  5. 05ActionWhat should they do next?·
  6. 06ContentWhat already exists?Priority 2Defines what is missing.
  7. 07CharacterHow should it feel?Priority 3Defines the direction.
  8. 08NeedsWhat must it actually do?·
With this we can start.Trust

Margin notes

  • No technical specificationWe decide it together once the brief is clear.
  • No prior designIf it exists, we use it; if not, it is not needed.
  • No final copyWe help decide what to say and in which order.

Four answers are enough for the first conversation.

Tell us what your next website should achieve.

You do not need to arrive with a structure, a design or a technology decided.

Talk about my websiteSee the websites and products we built

This page designed itself in front of you. The next one can be yours.