Fotoklok: коротко о проекте
Fotoklok — шведская компания, которая с 2010 года превращает воспоминания в фотоальбомы, календари и студенческие значки. Их продукция посвящена семье, традициям и особым моментам. Но их веб-сайт этого не отображал..
Дизайн выглядел устаревшим, навигация была неудобной, а SEO-ранжирование для «fotobok» и «fotokalender» было нестабильным, в то время как пользовательский опыт был несогласованным. Поэтому мы объединили усилия с SEO-агентством TopDog и Fotoklok, чтобы сделать сайт привлекательным, надежным и готовым к развитию.
.png)
Поставленные задачи
- Стабилизировать рейтинги ключевых страниц, таких как «fotobok» и «fotokalender».
- Улучшить навигацию и пользовательский опыт, чтобы беспрепятственно связывать посетителей Google с товарами.
- Переделать ключевые страницы (навигацию, категории, страницу товара), чтобы повысить удобство использования и KPI.
- Создать расширенную систему дизайна для будущего роста без потери целостности бренда.
- Объединить SEO, удобство использования и брендинг в одном целостном опыте.
.png)
SEO решения
TopDog определили ключевые проблемы: устаревший дизайн, фрагментированный пользовательский опыт и технические проблемы, влияющие на рейтинги и конверсии.
Учитывая это, TopDog:
- Создал четкий план SEO, который стал основой для редизайна.
- Согласовал сообщения между результатами Google и страницами сайта.
- Создал SEO-ориентированный UX и контент для повышения доверия и релевантности.
- Исправил технические проблемы для стабилизации рейтинга и производительности.
.png)
.png)
Навигация: ясность и доверие
До: шапка была перегруженной, а меню было сложным в использовании, особенно на мобильных устройствах, где подменю были неудобными, а знаки трастовости отсутствовали.
После: шапка сайта выглядит понятной и простой, а ключевые действия доступны в один клик. Меню открываются плавно, иконки помогают сделать выбор, а мобильная навигация интуитивная. Сайт стал проще, удобнее и быстрее, что помогает пользователям легко начать проект.
.png)
Страницы категорий: Шведские традиции + юзабилити
До: страницы категорий выглядели однообразно - товарам не хватало деталей, не было знаков доверия, а длинные тексты вытесняли важную информацию из поля зрения.
После: альфа-категории, такие как Studentskylt, Fotobok и Fotokalender, теперь содержат четкие преимущества, отзывы, фото-/видеогалереи и карточки товаров с каруселями, ценами и заметной кнопкой «Создать», а SEO-тексты размещены под «Читать дальше». Обычные категории имеют более простую версию той же структуры.
В результате получены страницы, которые выглядят практично и душевно, чтя шведские традиции.
.png)
Страница продукта: ясность и забота
До: на странице товара не хватало инструкций, детальной информации и признаков надежности, из-за чего пользователи не знали, как оформить заказ.
Редизайн был осуществлен на основе трех принципов:
- Четкость выбора: большие изображения в галерее, опция видео и блок «Похожие товары».
- Простой процесс: объяснение в виде трех четких шагов — загрузить фотографии, настроить, получить в течение 48 часов.
- Знаки доверия: отзывы, фотографии клиентов, значки, иконки безопасной оплаты и яркие призывы к действию.
Результат: страница товара, которая выглядит легкой, но полной, плавно ведет пользователей от идеи к заказу.
.png)
UI kit: масштабирование в едином стиле
Чтобы Fotoklok мог развиваться, не теряя своей идентичности, мы создали UI kit, содержащий все необходимое — типографику, кнопки, иконки, цветовые палитры и повторяющиеся компоненты во всех состояниях.
.jpg)
Результаты
Совместно с TopDog мы оптимизировали дизайн, контент и структуру, чтобы сайт работал одинаково хорошо как для пользователей, так и для Google. Влияние говорит само за себя:
- +30% трафика из Google
- +25% рост конверсии
- Стабильные рейтинги для ключевых категорий, таких как Studentskylt, Fotobok и Fotokalender
- Самый успешный сезон по доходам в истории компании
Эти результаты стали возможными благодаря тесному сотрудничеству: Fotoklok определил концепцию, TopDog занимался SEO и согласованием плана действий, а наша команда превратила все это в эффективный пользовательский опыт.
