discuss a project ↗ RU
Project in progressWebsite in development

Projects/Astranova

Light asan architectural material

Strategy · UX/UI · Website · Content
Scroll
Mockup · An Astranova light panel on an office ceiling

01Context

Astranova designs and manufactures large-format light panels and ceilings: from the design project and engineering to production and installation, pieces up to 4.8 × 50 metres.

The architect or designer specifies the product, while a developer, a shopping centre or a restaurant pays for it. The choice rests on the portfolio, technical data for the project, reliability and aesthetics. The brand is new, the production is its own, with work at GUM, Goznak and Lakhta Center behind it.

Client
Astranova
Industry
Architectural light · Moscow region
Year
2026
What we did
Strategy, structure, UX/UI, a hand-coded website, copy and a journal

02Problem

A new brand with real production risked getting lost among manufacturers who speak the language of a catalogue.

03From problem to goal

  1. 01
    MarketNo one in the niche builds a premium brand with emotion, aesthetics and a clear voice.
    A place of its own in the marketRussian production and accessibility plus brand, aesthetics and light on the level of world ateliers.
  2. 02
    ArchitectNo path of its own for the person who specifies light in a project.
    A website for architectsShow the level in 10 seconds, then specifications, drawings and project materials.
  3. 03
    MaterialsSpecifications, drawings and project files are hard to get to.
    A studio with filesSketchUp models and DWG drawings for the project in one section.
  4. 04
    Mock-upA draft website in catalogue form, placeholders instead of copy and photos.
    Arguments for the clientHelp the architect sell the idea to their client.

04The OBLIQ method

Four stages, from a study of fifteen manufacturers to a site on its own code.

01

Understanding

Fifteen manufacturers from Russia and abroad, leading architecture firms and lighting brands, a CJM for three personas and the paths of four user types.

  • 15 manufacturers
  • CJM
  • 3 personas
02

Meaning

The idea of “light as an architectural material”. The formula: we design light like a studio and make it like a factory. The voice of a confident professional, without boasting.

  • Idea
  • Formula
  • Voice
03

Form

A 15-page site structure, a prototype in Figma, an interface in light and dark zones on a single typeface, Manrope.

  • 15 pages
  • Prototype
  • Manrope
04

Impact

A hand-coded website instead of a template, a journal of eight articles, SEO basics, the client’s own server and domain.

  • Hand-coded site
  • 8 articles
  • SEO

05Visual language

Mockup · Preloader: the logo letters light up like panels

The site itself works like a light fixture.

The letters of the logo light up like panels, banners change as the light switches on, and the dark zone shows the glow the way it will look on site.

Palette05

Light#F4F5F6
Violet#4B3F72
Lavender#B4A8DC
Night#0C0B10
Glow#8170CC

Typography02

Manrope 200Thin · headings

Аа Бб Вв Гг Дд Ее Жж Зз Ии Кк Лл Мм Aa Bb Cc 0123456789

Manrope 400Text · justified, with no hanging words

Аа Бб Вв Гг Дд Ее Жж Зз Ии Кк Лл Мм Aa Bb Cc 0123456789

Light on screen02

Mockup · Dark zone: the glow of a panel
Mockup · The night theme of the website

06Website

The website takes the architect from a first impression to project materials: four product lines, nine projects, the Inspiration journal and a studio with working files.

Mockup · The home page on a laptop in a light interior
Video · the light switching on at the home pagesoon

The architect’s path

From the home page the architect goes to products, projects, the journal or the studio, and every section leads to a request with the project files.

Home
Productsfour lines
Projectsnine projects
Journaleight articles
Studiomodels and drawings
Smart request with files
Website screens01 / 06
Mockup · Home: banners change by switching the light on
Mockup · Products: four lines
Mockup · Construction: the product layer by layer
Mockup · Light quality: a meeting room you can tune
Mockup · Projects: a strip of sites
Mockup · Studio: files for architects
Mockup · Large-format panels
Mockup · Framed light ceilings
Mockup · Ultra-thin panels: stone and onyx
Mockup · Hybrid systems

UXDecisions for the architect

  1. 01

    Products in motion

    A panel flows from shape to shape, the construction comes apart into layers as you scroll.

  2. 02

    Light quality

    An interactive meeting room with colour temperature, brightness and colour rendering index.

  3. 03

    A studio for architects

    SketchUp models and DWG drawings for the project.

  4. 04

    A smart request form

    Role, type of space, contact method and drag-and-drop files.

Mobile version01 / 03
Mockup · Menu with shape icons on a phone
Mockup · Product line accordion on a phone
Mockup · Request form on a phone

Menu with shape icons on a phoneProduct line accordion on a phoneRequest form on a phone

Video · a panel changes shape as you scrollsoon

07Result

The new brand got a website that shows light as it will look on site and speaks to the architect in their language.

The website launches in early November. Numbers and a review will follow the launch.

4product lines
9projects on the website
8journal articles
Mockup · A finished space with an Astranova light ceiling
→Next project Elena Abrikosova PatisserieWebsite and identity · Moscow↗