Мужская версия LOOKSI. Логика и разделы те же, что в основном приложении. Меняется оформление: белый, графит, золото, серебро, синий и полупрозрачный белый. Плюс переключатель светлой и тёмной темы.
Одно приложение, два оформления. Адрес men.looksi.ai включает мужскую палитру, шрифт заголовков и тексты. Экраны и сервер общие.
Цвета из задания. У каждого одна работа, чтобы экран не превращался в набор акцентов. Слева оттенок для светлой темы, справа для тёмной.
Нажми на переключатель, все три экрана сменят тему. Работает и переключатель внутри экрана «Мой LOOKSI».
Разделы, порядок экранов, нижнее меню из пяти пунктов, оплата и вход остаются как есть. Меняется только внешний слой.
| Что | Сейчас в LOOKSI | В men.looksi.ai |
|---|---|---|
| Фон | Кремовый #F7F3EE | Белый или графит, по теме |
| Текст | Тёмно-коричневый #3C2411 | Графит или белый |
| Золото | Тёплое, медовое #C28034 | Холоднее, ближе к металлу #C6A355 |
| Заголовки | Найди свой образ Prata, с засечками | Найди свой образ Jost, без засечек. Шрифт уже подключён в приложении |
| Кнопка | Загрузить фото | Загрузить фото |
| Скругления | Мягкие: карточки 16–24, кнопки «таблеткой» | Собранные карточки 12–14, кнопки «таблеткой», как в основном |
| Панели | Плотные кремовые | «Стекло» поверх фото и у нижнего меню |
| Тексты | Женский род: «ты создала» | Мужской род: «ты создал», короче и по делу |
| Фото | Женские модели | Мужские модели. Нужны новые снимки для главной, меню и каталога примерки |
| Тема | Только светлая | Светлая и тёмная, с переключателем |
Состав разделов для мужчин разобран в исследовании от 30.09: убираем макияж и цвет волос, добавляем «Стрижку и бороду» и «Образ на событие». Здесь речь только про оформление.
Черновик beauty-gamified-genius.lovable.app/men взят как стартовая точка, сверено 16.10. Состав разделов совпадает с прототипом, цвета и шрифты меняем.
| Что | В черновике | В прототипе men.looksi.ai |
|---|---|---|
| Разделы | Примерка, стрижка и борода, нейрофотосессия, ИИ-стилист | Те же четыре: «Образы», «Стрижка и борода», «Фото для профиля», «Совет». Плюс очки и «Мой LOOKSI» со шпаргалкой |
| Фон | Только тёмный | Белый или графит, по теме |
| Акцент | Медь, ближе к терракоте | Золото, синий для выбора, серебро для рамок |
| Шрифты | Playfair Display и Manrope | Jost в приложении, Forum на главной сайта, Inter и Golos Text для текста |
| Главная | Фото на весь первый экран, текст поверх, дальше разделы с крупными фото | Тот же формат. Сверху: всегда тёмный первый экран с синим отсветом, цифры «3 · 1 · 20», карточка комплекта на «стекле». Разделы живые: повод меняет комплекты, стрижка и борода собирают карточку барбера, вопрос в «Совете» даёт вердикт |
| Длина | Около 10 400 px на десктопе: по шесть фото на раздел в две колонки | Около 7 500 px: по три-четыре фото в ряд, на телефоне лента с прокруткой вбок |
| Кнопки | «Таблетки» | Тоже «таблетки», золото для главного действия, «стекло» для второго |
| Тема | Нет переключателя | Авто, светлая, тёмная. Запоминается на устройстве |
| Вход в образы | Лента готовых образов | Вопрос «Куда собираешься?», потом три комплекта по уровню: спокойно, собранно, смелее |
Медь из черновика в паре с графитом читается как бар или кофейня. Золото с серебром и синим ближе к часам, костюму и запонкам, то есть к тому, что мужчина сам считает «дорого».
Три положения вместо двух. «Авто» нужно, чтобы приложение не слепило ночью и не выглядело чужим днём.
«Авто» повторяет настройку телефона. В мини-приложении Telegram повторяет тему самого Telegram. Стоит по умолчанию.
Строка «Оформление» в «Мой LOOKSI» и иконка в боковом меню. До переключателя один тап с любого экрана.
Выбор хранится на телефоне, сервер не нужен. Тема применяется до отрисовки страницы, без белой вспышки при открытии.
Посчитал по текущему коду. Большая часть цветов уже берётся из десяти общих переменных, их достаточно подменить. Остальное вписано вручную и темой не управляется.
Переводим 373 ручных цвета на общие переменные.
Основной LOOKSI внешне не меняется. Без этого шага тёмная тема будет с дырами.Адрес men.looksi.ai включает мужской набор: цвета, Jost в заголовках, скругления, «стекло».
Прототип на тестовом адресе, можно листать с телефона.Второй набор цветов и переключатель в «Мой LOOKSI». Проход по всем экранам в тёмной теме.
Обе темы на всех разделах.Словарь текстов в мужском роде, мужские снимки, скрытые лишние разделы.
Версия, которую можно показывать мужчинам.Четыре вопроса к заказчику и два к бэку. По каждому есть моё предложение.
Тёплое, как в основном LOOKSI, или холоднее, ближе к металлу. Предлагаю холоднее: рядом с серебром и синим тёплое выглядит рыжим.
«Авто» по настройке телефона или тёмная для всех. Предлагаю «Авто»: человек получает привычное, а тёмная остаётся в один тап.
После шага 1 её можно включить и там почти без доработок. Нужна ли она женской версии, решать вам.
Главная, меню и каталог примерки сейчас целиком на женских снимках. Без мужских прототип останется с серыми заглушками.
Войдёт ли человек на men.looksi.ai тем же логином и с той же подпиской, что на основном адресе. Предлагаю общий аккаунт.
В API сейчас нет поля пола. Оно нужно, чтобы примерка и стилист подбирали мужские вещи, а не только менялось оформление.