CyberO Solutions является одной из ведущих компаний, способной удовлетворить любые потребности в сфере высоких технологий.
Входящие данные
Повторное обращение клиента
Клиент, которому мы уже делали сайт, обратился к нам за фирменным стилем и редизайном сайта. Новое название бренда — CyberO, с лозунгом — просто безопасно.
Брендинг
Логотип сделали из двух частей: шрифтовой (название компании и дескриптора) и графической (образ литер «С» и «О»)
Концепция знака основана на простых строгих формах и имитации объема. Шрифтовая часть логотипа сбалансирована по форме и массе с графической частью.
Логотип
Для гибкости использования логотипа на продукции и визуалах разного типа разработаны цветовые версии:
В зависимости от размера области использования предполагается несколько вариантов внедрения логотипа:
03
Выделили 4 фирменных цвета
02
Определили шрифтовую гарнитуру
01
Прописали ограничения
к применению логотипа
Также мы создали фирменный паттерн.
Он состоит из слов, используемых в дискрипторе и линии. Паттерн может использоваться как масштабируемый узор. Его можно пропорционально масштабировать и поворачивать на 90 градусов.
Фирменный паттерн
Редизайн сайта
На этом этапе мы изменили компоненты уже существующих страниц. Ввели фирменный шрифт и стилистические компоненты. Сохранили отображение всех данных, что и на старом сайте
Этап прототипирования
Этап дизайна
Отрисовали UI-кит для всех состояний кнопок, фавиконки и элементы в разных цветовых решениях
02
01
На этапе дизайна использовали все варианты фирменного цвета
03
Также для главной страницы создали анимацию в тематику кибербезопасности
Разработка и тестирование
Задачей фронтенд разработчика была изменить все
стили
на всех страницах и ввести новые компоненты.
Сложностью этапа было предусмотреть все состояния страницы и убрать все старые стили в системе.
В конце мы посвятили несколько дней для того, чтобы установить анимацию на главной странице и более современно анимировать весь сайт с обновленным дизайном.
Frontend
Тестирование
