Behance Twitter LinkedIn Facebook
Домашняя страница Портфолио Контакт

Дизайн пользовательского интерфейса/веб-сайта и разработка WordPress для Inspires Marketing

Краткий обзор тематического исследования

Inspires Marketing - успешное маркетинговое агентство, расположенное в юго-западной части Лондона. Их оригинальный сайт был построен на платформе Joomla в 2012 году и таким образом был довольно устаревшым. Клиентка предоставила мне логотип компании, изображения хорошего качества, богатый контент, и предъявила следующие требования:
  • Перевестить доменное имя на новый хост, который предлагает бесплатный SSL-сертификат.
  • Спроектировать и создать новый сайт на платформе WordPress, чтобы иметь возможность писать блоги.
  • Связать контактную форму с Mailchimp.
  • Настроить Google Analytics и Facebook Pixel.
  • Запустить новый сайт в течение трех, максимум четырех недель.

Pешения

UX/UI дизайн

Дизайн сайта

Разработка сайтa

Разработка сайтa для мобильных устройств

Перенос домена

Внедрение менеджера Google Tag

Интеграция Mailchimp в контактную форму

Перейти на сайт

Детали проекта

Основные положения проекта

Клиентка купила хостинговый пакет у Krystal хостинг, а я переместила домен inspiresmarketing.com на новый хост и активировала SSL-сертификат, включив тем самым https-протокол для сайта.
Я установила иконку для каждой маркетинговой услуги, предоставляемой моей клиенткой, и поместила раздел "Сервис" в центре домашней страницы, чтобы уделить ему заслуженное внимание.
Я предложила создать раздел, подчеркивающий опыт Susie в области маркетинга. Мы отобрали несколько компаний, на которые Сьюзи работала, и включили их изображения в небольшую галерею. Если поместить курсор на изображение, он перекроется светлым фоном с текстом описывающим маркетинговую работу, которую Сьюзи выполнила для этой конкретной компании.

Экраны различных устройств, отображающие услуги, отзывы и экспертные секции Inspires Marketing.
i-pad, показывающий логотипы клиентов Inpires Marketing

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

Пользовательский интерфейс

Я большей частью использовала цвета логотипа компании для дизайна, только иногда придавая цветам прозрачность. Заголовок фона был единообразным на каждой странице с использованием цветов логотипа и демонстрацией инструментов, которые клиент использует для своей работы. Я предложила убрать второстепенные меню, применненое в на старом сайте, для улучшения пользовательского интерфейса - мы оставили чистое однострочное меню в заголовке. Эффекты фокусировки курсора были применены к каждому динамическому элементу на странице. Hover and focus effects were applied to every dynamic element on a page.
На странице "Услуги" был установлен виджет аккордеон для повышения качества пользовательского интерфейса.
Изображение клиентки было видно на каждом устройстве, а формулировка миссии имела высокий контраст на фоне каждого устройства, будь то компьютер или мобильный телефон.

Экраны телефонов и ipad, демонстрирующие самые сильные стороны дизайна пользовательского интерфейса