Корпоративный сайт SOLIDENERGY

Рабочие материалы проекта: от структуры и дизайна до готового сайта — прототип, дизайн-система, логотипы, вёрстка, живой сайт и справка по редактированию.

Справочные материалы

Справка по редактированию сайта

Как устроен сайт и где что редактируется — простая пошаговая инструкция.

Открыть справку

Дизайн

01 · Структура

Wireframe

Lo-fi прототип всех страниц сайта. Источник истины по информационной архитектуре и микрокопии.

13 страниц Открыть прототип

Aa·

02 · Оформление

UI Kit

Финальная дизайн-система проекта — кит Process Cyan: токены, библиотека компонентов и иконки. Страница для показа выбранного кита.

Process Cyan Открыть UI Kit

03 · Бренд

Логотипы

Финальный логотип SOLIDENERGY — знак и надпись, на светлом и тёмном фоне. SVG, PNG и исходник в Figma.

Логотип + знак Открыть логотипы

04 · Макет

Дизайн

Финальный hi-fi дизайн главной страницы на ките Process Cyan.

Главная · Process Cyan Открыть дизайн

Реализация

05 · Реализация

Вёрстка

Адаптивная HTML/CSS-вёрстка финального дизайна — семантичная, кроссбраузерная, на компонентах UI-кита.

HTML · CSS · адаптив Открыть вёрстку

06 · Продукт

Сайт

Готовый корпоративный сайт — свёрстан и опубликован на основе финального дизайна. Конечный продукт проекта.

solid-en.ru Открыть сайт

Разработка — Proffitech