NOIR X1

Уся заява NOIR — це віднімання: кожну деталь, яка не заслужила свого місця, прибрали, а не задекорували. Сайт для такого продукту не може продавати оздобленням, бо оздоблення заперечувало б те, що він продає.

Під цим лежить комерційна проблема. Електровелосипеди купують за трьома числами — запас ходу, потужність, вага — і ці самі три друкує кожен конкурент. Повторити їх не доводить нічого; сайт мав зробити так, щоб вони щось означали, а потім назвати реальну ціну й не перетворитися на магазин.

Сторінка — це одинадцять пронумерованих секцій, які читаються як один безперервний аргумент, і кожна робить рівно одну роботу: для чого ця річ, що з неї прибрали, що означають числа, як вона поводиться, скільки коштує.

Специфікації показані по одній, а не таблицею. Вибір «запас ходу» заповнює екран числом 140 км і умовами, у яких його виміряли: змішане міське коло, режим Tour, райдер 75 кг, 18 °C. Число з умовами — це зовсім інша заява, ніж число саме по собі.

Конфігуратор — це чотири рішення: модель, оздоблення, аксесуари, додатковий акумулятор, — і сума перераховується після кожного. Закінчується він запитом на конфігурацію, а не оформленням замовлення, бо цей велосипед доставляють і збирають окремо в кожному місті.

Порядок читання — це порядок покупки: для чого воно, що звідти прибрали, що означають числа, як їдеться, скільки коштує. Хто хоче лише ціну, потрапляє до конфігуратора з шапки за один клік і пропускає аргумент повністю.

Кожен інтерактивний блок — перемикач специфікацій, режими їзди, конфігуратор — має придатний до читання статичний стан, тож сторінка доводить своє і без JavaScript, і з увімкненим reduced motion.