Разработка оригинального дизайна сайта компании

1. Вводная задача от заказчика, проблематика, цели

Компания “КАС”, которой потребовался новый сайт, является одним из лидеров дистрибуции и проектирования систем безопасности. Прежний сайт компании совершенно устарел и в плане визуала, и в плане функционала. Поэтому основным запросом было создание принципиально нового, современного, оригинального сайта.

Итак, какие же требования были к визуальной и функциональной составляющей сайта?

• Сайт должен отображать все основные виды деятельности компании. С одной стороны, должен присутствовать удобный каталог поставляемой продукции, с другой - должны быть всесторонне освещены оказываемые услуги. При этом акцент делается именно на услуги, они не должны “затеряться” на сайте.
• Дизайн сайта должен быть современным и оригинальным настолько, насколько это возможно. Девиз “никаких шаблонных решений - только кастом”.
• В дизайне необходимо было по-максимуму использовать анимацию и интерактивные элементы. Нужно, чтобы у пользователя создавалось впечатление, что сайт “живой” и взаимодействует с ним. Это касается всех, даже самых маленьких, элементов сайта.
• Никаких рамок и границ. Это требование особенно касалось главной страницы - она должна заполнять собой весь экран, никаких строгих разделителей, блоки плавно перетекают один в другой без видимых переходов.
• Использование фирменных цветов и стилистических элементов по брендбуку.
• И самое главное - воплотить все пункты таким образом, чтобы сайт не был визуально перегруженным, долгим в загрузке и слишком запутанным для пользователей. Одним словом - нам нужно было соблюсти баланс между юзабилити и большим количеством разных визуальных эффектов.

2. Описание реализации кейса и творческого пути по поиску оптимального решения

В начале разработки дизайна за основу мы взяли элементы пром. дизайна и hi-tech. Чтобы подчеркнуть направление деятельности компании, в стилистике сайта мы использовали узнаваемые образы камер, микросхем, замков.

Работу над созданием дизайна сайта мы начали с Главной страницы, ведь она, как это очень часто бывает, стала стилеобразующей для всех остальных страниц сайта.

На первом экране решено было разместить оригинальную анимацию, совмещённую с меняющимся баннером.

Следом мы разместили самые важные для клиента блоки, например, информацию о компании и об основных видах её деятельности, последние новости. Мы изобразили их таким образом, что каждый последующий блок как будто вытекает из предыдущего, благодаря чему вся главная страница смотрится единым целым.

В ходе разработки особое внимание было уделено деталям:

• использование фирменных цветов (чёрный, красный, белый)
• органичное включение фирменных элементов (например, плавный красный зигзаг и модернизированные в 3d-версии иконки)
• практически все элементы сайта, от баннеров до маленьких кнопок, интерактивны и взаимодействуют с пользователем: демонстрируют анимацию, подсвечиваются или наоборот затемняются при наведении и т.д.

Отдельно стоит отметить нестандартное оформление разделов Статьи и Новости. В них мы решили отойти от обычного размещения элементов “плиткой”, а выделить наиболее важные инфоповоды цветом и размером.

3. Результаты сотрудничества

В результате у нас получился лаконичный и современный дизайн сайта. Деятельность компании отражается даже в самых маленьких элементах, что создает единую стилистику сайта и позволяет распознать тематику в любой его точке.

Благодаря новому дизайну количество посетителей сайта выросло, как и среднее время, проведенное на нём.

Временной промежуток разработки - 2023 год.

4. Заключение

Сайт, получившийся у нас, это отличный пример соблюдения баланса между современными трендами дизайна и лаконичностью. При этом удалось сохранить узнаваемость бренда и направления деятельности компании. Мы считаем, что справились с поставленной задачей на 100%

А ещё дизайн просто получился очень красивым, а красота, как известно, спасёт мир :)