Кейс 0250.ru

Кейс по редизайну сайта на OpenCard
г. Челябинск

Основная цель - сделать сайт лучше.
Минимализм. Светлые оттенки и больше пространства, ведь сайт описывает современные архитектурные решения. Сайт должен соответствовать и мы начали его улучшать начиная с простого.
К сожалению мы не зафиксировали состояние страницы до начала проведения работ.
Хоть и сделали мы не много (в момент написания статьи), но это уже принесло свои плоды. Сайт стал выглядеть лучше, особенно в тех местах, где были проблемы.

Да сейчас сайт не в самой лучшей форме, но мы приведем его к состоянию, когда на него будет приятно смотреть и удобно пользоваться.
Сайт 0250.ru
по сотоянию
на 12.08.2020
Мы увеличили размер заголовка. Это позволило добавить "воздуха" и легкости сайту. Так же это позволило разграничить блоки с контентом.

Кстати мы уменьшили количество "видов" шрифта на страницах. Теперь их не больше 3х (а это в 2 раза меньше, чем было)


На странице появились новые кнопки. У них есть интересный эффект при наведении. Заказчику понравилась данная анимация и было принято установить данные кнопки "эталоном" для всего сайта.

Единство стиля сохраняется благодаря одинаковым элементам.
Так же появился новый слайдер на главной странице. Мы его собрали из референса, предоставленного нам.

Так же все слайдеры на сайте получили "смену курсора" при наведении на края. Это позволило разгрузить фото от лишних стрелок и добавить удобства использования.

Это все конечно хорошо.
Но мы приготовили нечто особенное для этого проекта.
Редизайн сайта!

Новый дизайн сайта для компании производителя современных архитектурных решений.

Улучшенная иконка меню больше не похожа на логотип. Чистый дизайн и нестандартная сетка делает сайт лучше.


Табы по категориям с эффектом наведения (при наведении кнопка закрашивается в черный цвет слева направо).

Так же есть эффект при наведении на картинку (картинка затемняется и проявляется кнопка в центре).

Самое интересное в этом проекте то, что у компании просто шикарные фотографии товара. Иллюстрации просто высшего класса. Они помогают делать сайт лучше.
А вот и новый футер сайта или так называемый "подвал".

Он стал выглядеть современней, чище и правильней. Так завелось что подвал предназначен для контактов. Это и должно выполняться. Но в старом дизайне было реализовано скомкано и сжато.

Дизайн должен быть воздушным. За дополнительные пиксели не нужно доплачивать.

У нас есть кое что ещё...

Начнем с короткого видео.
Да! Это анимация!
Помимо того что мы хотим изменить шрифт, расположение текста, заменить футер вместе с шапкой, обновить меню и формы сбора заявок - мы хотим больше динамики!

Динамичные сайты - это будущее. Но "движения" сайта должны быть грациозными. Мы не делаем продающие движения или назойливые. Мы улучшаем процесс изучения сайта. Мы предоставляем возможность насладиться сайтом.
Хороший сайт делается месяц. Не затягивай с решением и сразу начинай с заполнения брифа.
Спасибо за внимание!