реклама
разместить

Как на сайте создать правильные ассоциации с вашей компанией

До того, как мы сделали новый сайт, было страшно давать визитку, вдруг зайдет

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

Компания PRO. BPM. -Consult занимается автоматизацией бизнес-процессов на современных платформах BPMSoft и Loginom и помогает клиентам эффективно достигать цели и увеличивать прибыль компании, оптимизируя рутинные задачи и процессы. Целевая аудитория – бизнес, который вышел на необходимость внедрения автоматизации бизнес-процессов.

Первый сайт клиент сделал своими силами, используя платформу Тильда, но через год работы этот сайт перестал соответствовать бизнесу клиента и потребовался редизайн. Клиент принял единственно верное решение в этой ситуации – обратиться к профессионалу. Изучив разные предложения остановился в итоге на мне, по наилучшему соотношению цены/качества/сроков и коммуникации.

Забегая немного вперед, выполненный редизайн не только понравился клиенту, но вызвал желание скорректировать логотип и другие презентационные материалы компании. Как сказал мне клиент: если раньше я, отдавая визитку, переживалне очень был рад, что клиент зайдет на сайт, то теперь раздаю их с большой радостью и предвкушением того, что он зайдет на наш новый сайт.

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

Работа с референсами.

Прежде чем приступить непосредственно к дизайну сайта, мне нужно максимально детально выяснить взгляд клиента на этот дизайн и понять что именно он хочет увидеть на своем сайте. Как правило, клиентам сложно это описать и поэтому на помощь приходит работа с референсами. Я подобрала примеры референсов смыслов блоков сайта (услуги, преимущества, о компании и пр.) и попросила клиента прокомментировать какие примеры ему нравятся, а какие нет и почему.

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

Как на сайте создать правильные ассоциации с вашей компанией

Совместная проработка референсов помогает сонастроится с клиентом, что потом влияет на скорость и качество моей работы. Чем точнее мы проанализируем и зафиксируем что нравится клиенту, тем точнее будет дизайн-решение, а значит меньшее количество правок, переделок и отрицательных моментов.

Поиск визуального решения.

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

Как на сайте создать правильные ассоциации с вашей компанией

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

Как на сайте создать правильные ассоциации с вашей компанией

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

Как на сайте создать правильные ассоциации с вашей компанией

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

Таким образом у нас получился сайт, посвященный бизнес процессам, а визуальные элементы ненавязчиво исполняют свою роль — визуальное напоминание о том, что бизнес-процессы, после внедрения автоматизации, будут работать у вас как идеальные часы. Все будет лаконично, по делу и четко.

Готовый сайт клиента

Если вам нужен сайт, который вызовет доверие у ваших клиентов и выведет позиционирование вашего бизнеса на новый уровень, буду рада обсудить с вами его создание.

Оля Грачева, веб-дизайнер.

33
реклама
разместить
4 комментария

Очень интересно!

2

Работа с референсами особенно впечатляет, искать их самостоятельно очень сложно, а без них трудно объяснить чего именно я хочу от сайта)

2

Спасибо! Согласна на все 💯

1
🎅Стратегия ПСБ на 2025 год

Индекс акций к концу года от 2 до 4 тысяч пунктов 😉Прогноз на ключевую ставку и курс рубля – точнее: 18% и 107,7 - соответственно. Любимчики – НорНикель, Газпром, НЛМК

🎅Стратегия ПСБ на 2025 год
99
реклама
разместить
💰 О распределении денежных средств в структуре сбережений
💰 О распределении денежных средств в структуре сбережений

Помимо основного места для создания капитала — Собственного Пенсионного Фонда (СПФ), в структуре наших сбережений присутствует еще один денежный блок — Финансовая Подушка Безопасности и Фонд "Для Жизни Сейчас" (ФПБ+ДЖС). Сегодня расскажу, по какому принципу распределяю средства по различным финансовым инструментам в рамках блока ФПБ+ДЖС.

66
Российский совладелец строительной Strabag отсудил 195 млрд рублей у «Райффайзенбанка»

Компания обратилась в суд после срыва сделки по продаже акций.

Источник: «Аргументы и факты»
44
22
22
Китайские разработчики выпустили модель DeepSeek-R1 «уровня» o1 от OpenAI

Ей можно задавать 50 бесплатных запросов в день.

Показатели o1, R1 и других моделей DeepSeek в тестах на математику, программирование и логику. Источник: DeepSeek
1010
44
44
22
11
Все "непродажные" паблики: "ОН ЛУЧШЕ, чем ChatGPT 4o".. Правда только на 0,6 процентов (не везде) + цензура как при диктатуре
«Президент осознал, что может "заскамить" народ»: в криптоотрасли раскритиковали запуск мемкоинов Дональда и Мелании Трамп

Семейство подрывает доверие и к рынку, и к США, и к себе.

Мелания Трамп и Дональд Трамп. Источник фото: WWD
2121
44
44
11
11
11
Заскамить скамеров - это бесценно!
Люди врут, даже когда думают, что говорят правду. Про когнитивные искажения

Представьте себе ситуацию: совещание, важный проект, напряжённая атмосфера. И тут один из менеджеров с видом знатока выдаёт: «Да мы с самого начала знали, что этот подход сработает!». Все вокруг согласно кивают, восхищаясь его прозорливостью. Но вы-то помните, как ещё полгода назад этот же человек топил за совершенно другую идею! В чём дело? Он врё…

Люди врут, даже когда думают, что говорят правду. Про когнитивные искажения
33
Курс биткоина ударил по недельному целевому уровню $108824. Я подробно описывал условия для развития такого сценария. Бычий цикл BTC окончен? Остался только альтсезон?

Во вчерашнем видео-разборе я рассматривал два сценария и условия их исполнения, одним из которых был походом к недельному разворотному уровню $108824. Я не раскрывал основного контекста при выходе цены к $108824. Сегодня я подробно его раскрою. Напоминаю, что я вышел из своих инвестиционных позиций по BTC еще 18 декабря 2024 года в районе $108000.…

55
ИИ-сервис для учёта бухгалтерии Sage Copilot от Amazon временно отключили — он по ошибке разослал личные данные клиентов

Компания заявила, что уже устранила проблему.

Интерфейс Sage Copilot
1717
22
11
[]