Orvane
A website that helps set the coursecompany website · 2026
02 // about the project
company websiteFrom direction in strategy to direction in the interface.
Orvane works with owners and teams, from strategy to a company’s day-to-day work. The name combines orient and vane. A weathervane doesn’t make the wind. It shows where the wind is coming from, so you can choose a course. This image became a solid disc with an arrow cut out of it. On the site, a line raster scatters and reassembles into a large mark, the service graphics rotate, and the steps of the consulting process can be browsed with arrows, a swipe or the keyboard. Light and dark themes give two states of the same system.
Orvane got a name, a mark and a website where the metaphor of a course ties the identity to the way services are presented. The sequence of steps makes the consulting process visible, and different controls let people go through it at their own pace.
03 // what we did
naming, logo, website design and development- 01
A raster mark
Engraving-style lines come together into a symbol of direction as you scroll.
- 02
Two themes
Light and dark modes switch with a sliding curtain, and a clock shows local time and UTC.
- 03
Services in motion
Line graphics and typed text reveal the consulting areas one by one.
- 04
Guided steps
The slider works with arrows, swipes and the keyboard.
04 // screens
orvane.apricode.agency
05 // how it works
4 steps- 01
Metaphor
The name and the weathervane explain the consultant’s role through direction.
- 02
Themes
Two modes keep one composition in different states.
- 03
Services
Motion and text gradually reveal the areas of work.
- 04
Steps
The slider turns the process into a step-by-step path.
Need a similar project?
30 minutes on Zoom: we’ll go through the task, show how we would do it for you, and name the timeline and cost.