Проектирование интерфейса и визуальной концепции, затем реализация фронтенда на Vue.js: тёмная «high-tech» эстетика, неоновые акценты, карточная структура, сложные блоки (hero, миссия/видение, сетки услуг, аккордеон каталога, фильтры и карточки обучения, форма обратной связи). Акцент на целостном UX, адаптивной вёрстке и быстрой, предсказуемой работе интерактивных частей (аккордеон, фильтры, пагинация).
Клиент
Anonim
Услуга
Web design
Отрасль
IT
Дата
Сентябрь 2023
Задачи проекта
Корпоративный сайт под кибербезопасность: дизайн и фронтенд
Задача была собрать понятную B2B-презентацию компании и не потерять «технический» характер бренда: сразу продумывались навигация по услугам и отраслям, сценарии «узнать → выбрать → связаться», читаемость длинных текстов (регуляторика, стандарты) и визуальная иерархия на тёмном фоне.
Дизайн:
визуальный язык (цвет, типографика, свечения, карточки, декор), состояния кнопок и форм, сетки и адаптивное поведение блоков, единый стиль шапки и футера.
Фронтенд на Vue.js:
верстка и компоненты главной, каталога услуг с аккордеоном, страницы обучения с фильтрами, карточками курсов и пагинацией, контактная форма с типом обращения и согласием на данные. Отдельно — реактивное состояние (открытые пункты списка, выбранные фильтры, страница списка) и аккуратное отображение контента на разных ширинах экрана.
Мобильная версия
Мобильная и планшетная версия
Интерфейс изначально закладывался как адаптивный: вертикальные сценарии, перестройка сеток и блоков фильтрации, удобные зоны нажатия и читаемость форм. На узких экранах сохранена логика каталога услуг и списка обучения без потери контекста при прокрутке длинных страниц.
Давайте обсудим ваш проект!
