SEO рішення

TopDog визначили ключові проблеми: застарілий дизайн, фрагментований користувацький досвід та технічні проблеми, що впливають на рейтинги та конверсії.

Враховуючи це, TopDog:

• Створив чіткий план SEO, який став основою для редизайну.
• Узгодив повідомлення між результатами Google і сторінками сайту.
• Створив SEO-орієнтований UX і контент для підвищення довіри та релевантності.
• Виправив технічні проблеми для стабілізації рейтингу та продуктивності.

Навігація: ясність і довіра

До: шапка була перевантаженою, а меню було складним у використанні, особливо на мобільних пристроях, де підменю були незручними, а знаки трастовості були відсутніми.

‍

Після: шапка сайту виглядає зрозумілою та простою, а ключові дії доступні на відстані одного кліку. Меню відкриваються плавно, іконки допомагають зробити вибір, а мобільна навігація інтуїтивною. Сайт став простішим, зручнішим та швидшим, що допомагає користувачам без зайвих труднощів починати проєкти.

‍

Сторінки категорій: Шведські традиції + юзабіліті

До: сторінки категорій виглядали одноманітно — товарам бракувало деталей, не було знаків довіри, а довгі тексти витісняли важливу інформацію з поля зору.

Після: категорії альфа, такі як Studentskylt, Fotobok і Fotokalender, тепер містять чіткі переваги, відгуки, фото-/відеогалереї та картки товарів з каруселями, цінами та помітною кнопкою «Створити», а SEO-тексти розміщені під «Читати далі». Звичайні категорії мають простішу версію тієї ж структури.

В результаті отримано сторінки, які виглядають практично і душевно, вшановуючи шведські традиції.

Сторінка продукту: ясність і турбота

До: на сторінці товару бракувало інструкцій, детальної інформації та ознак надійності, через що користувачі не знали, як оформити замовлення.

Після цього його редизайн був здійснений на основі трьох принципів:

1. Чіткість вибору: великі зображення у галереї, опція відео та блок «Схожі товари».
2. Простий процес: пояснення у вигляді трьох чітких кроків — завантажити фотографії, налаштувати, отримати протягом 48 годин.
3. Знаки трастовості: відгуки, фотографії клієнтів, значки, іконки безпечної оплати та яскраві заклики до дії.

Результат: сторінка товару, яка виглядає легкою, але повною, плавно веде користувачів від ідеї до замовлення.

UI kit: масштабування з дотриманням єдиного стилю

Щоб Fotoklok міг розвиватися, не втрачаючи своєї ідентичності, ми створили UI kit, що містить все необхідне — типографіку, кнопки, іконки, палітри кольорів та повторювані компоненти в усіх станах.

‍