Необходимо внести правки в существующий дизайн сайта, улучшить визуальную часть и довести его до единого современного премиального стиля.
На данный момент около 85% сайта уже готово — структура, страницы и логика реализованы.
Основная задача — дизайн-обработка, улучшение и унификация стиля без кардинальных изменений структуры.
Основной фокус — мобильная версия.
Ссылка на Figma: https://www.figma.com/design/eSlaWQ85UulGPLKe5OoQiS/Express-Bean-1
- Общий стиль сайта
Необходимо сделать дизайн более целостным, современным и премиальным.
Шрифт
Шрифт уже используется, и базовая иерархия есть.
Необходимо:
- проверить иерархию (размеры, толщины, отступы)
- дать рекомендации и улучшить
- учесть наши пожелания
Также предложить 1–2 альтернативы, если это улучшит дизайн.
Цвета
Основные цвета уже определены:
- зеленый (как в логотипе — для кнопок и акцентов)
- белый (для текста и светлых блоков)
- темно-серый / графит (для фона)
Необходимо:
- сделать четкую систему цветов
- определить точные оттенки
- показать, где какой цвет используется
Важно
Мы пока что не определились со стилем:
Вариант 1: темный сайт (графит + белый текст)
Вариант 2: светлый сайт (белый + темный текст)
Необходимо:
- посоветовать лучший вариант
- или показать 1–2 примера
Ориентир по стилю:
https://www.rijo42.co.uk
- Main page и Machines page
Страницы уже есть, нужно улучшить внешний вид.
Что сделать:
- сделать фон более “живым” (текстура, градиент — материалы есть)
- улучшить подачу машин
- сделать дизайн более премиальным
Кубы под машинами:
- интегрировать в сцену
- добавить тени и глубину
- сделать вид как студийная презентация
- Sectors page
Что сделать:
- Редизайн страницы:
- вариант с тремя машинами (пример 3.1 прикреплен):
центр — Cafféra P3
слева — Cafféra F1
справа — Cafféra P5 - или вариант с одной машиной (Cafféra P3) и тематическим фоном (офис или кафе)
Необходимо попробовать оба варианта.
- Подобрать фото для сектора Vending Operators.
При необходимости улучшить фото для других секторов (особенно Restaurant).
- Case studies
Главная страница:
- Редизайн страницы
- кнопку “Read the full case study” заменить на “Find Out More”
- сделать горизонтальный скролл (5 кейсов)
Страница кейса:
Структура (пример 4.2):
Референс:
https://www.liquidline.co.uk/case-studies
Вопрос:
- где лучше разместить логотип клиента
- Нижний CTA блок
Нужен редизайн.
Что сделать:
- сделать как контактную форму (аналог существующей по наполнению, но с другим дизайном)
- добавить кнопку Call Us Now
- убрать Book a Demo
Стиль:
- простой
- чистый
- вызывает доверие
- Machines page (Featured Models)
Что сделать:
- машины не должны “висеть”
- добавить кубы / подставки
- согласовать с общим стилем
- Machine categories
Страницы:
- Bean to cup
- Coffee to go
- Hot chocolate
- Tea
- Payment systems
Что сделать:
- сделать редизайн страниц без изменения структуры
- привести к единому стилю
- убрать лишние элементы
- Our Range (на категориях) (пример 8.0)
Что сделать:
- как в Rijo42
- чисто и минималистично
- четкая иерархия
- акцент на продукт
Общие требования
- минималистичный дизайн
- современный вид
- премиальная подача
- адаптация под мобильные
- четкая иерархия текста
- акцент на конверсию (CTA)
ВАЖНО
Это не редизайн с нуля.
Необходимо доработать существующий дизайн и сделать его более целостным и визуально сильным.
Behance
