Дизайн пользовательского интерфейса/веб-сайта и разработка 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 в области маркетинга. Мы отобрали несколько компаний, на которые Сьюзи работала, и включили их изображения в небольшую галерею. Если поместить курсор на изображение, он перекроется светлым фоном с текстом описывающим маркетинговую работу, которую Сьюзи выполнила для этой конкретной компании.
Клиентка получила большое количество положительных отзывов от своих клиентов, и я предложил включить некоторые отзывы на главной странице и связать их с отдельной страницей Отзывов, так как внутренние ссылки стимулируют SEO. То же самое было сделано и для логотипов клиентов Сьюзи.
Пользовательский интерфейс
Я большей частью использовала цвета логотипа компании для дизайна, только иногда придавая цветам прозрачность. Заголовок фона был единообразным на каждой странице с использованием цветов логотипа и демонстрацией инструментов, которые клиент использует для своей работы.
Я предложила убрать второстепенные меню, применненое в на старом сайте, для улучшения пользовательского интерфейса - мы оставили чистое однострочное меню в заголовке. Эффекты фокусировки курсора были применены к каждому динамическому элементу на странице.
Hover and focus effects were applied to every dynamic element on a page.
На странице "Услуги" был установлен виджет аккордеон для повышения качества пользовательского интерфейса.
Изображение клиентки было видно на каждом устройстве, а формулировка миссии имела высокий контраст на фоне каждого устройства, будь то компьютер или мобильный телефон.
