Дизайн SEO-сервісу та дашборду Xamsor

Задача

Спроєктувати UX/UI дашборд SEO-сервісу Xamsor для моніторингу органічного трафіку, позицій ключових слів і сторінок із прямою синхронізацією Google Search Console.

Зроблено

Аналіз

Прототипи

Дизайн

Десктоп

Прототипи

На етапі UX-проєктування розробили детальні прототипи дашборду для різних станів роботи з аналітикою. Визначили ієрархію верхніх карток метрик (Organic Traffic, Keywords, Authority Score, Ref Domains), структуру графіків динаміки та сценарій першого підключення Google Search Console.

Без синхронізації з GSC

Прототип дашборду

Дашборд

Фінальний інтерфейс дашборду зводить усі критичні SEO-показники сайту на один екран: органічний трафік, розподіл ключових слів у ТОП-3, авторитетність домену та кількість зворотних посилань. Нижче розташовано інтерактивний графік кліків, показів і середньої позиції за обраний період, а також дві таблиці з пошуковими запитами й сторінками (Popular, Growing, Decaying).

Давайте працювати разом.

Готові втілити ваше бачення у життя? Давайте об'єднаємося для вашого наступного проєкту та разом створимо щось незабутнє.

// Type some code ->
console.log "oO08 iIlL1 g9qCGQ ~-+=>";
var paddingTop = 'px';
var sectionRadius = 'px';
// Interactive Theme Configuration
function updateButton(config) {
var radius = 'px';
btn.style.borderRadius = radius;
}
updateButton({ active: true });

Розробник

Color Styles

Pink

Purple

Orange

Green

Blue

Дизайнер

Додаткові сторінки

Окремо опрацювали всі порожні та системні стани сервісу: додавання першого вебресурсу після реєстрації, відсутність доступу до обраного домену в акаунті Google Search Console, екран запуску синхронізації та модальне вікно швидкого підключення нового сайту.