Масштаб, скрол, конверсія: основа трансформації сайту SoScale
Сайт без вау-ефекту
SoScale — це агенція перфоманс-маркетингу зі Швеції, яка метчить data-driven підхід з кльовими візуалами. Вони створюють рекламу, що конвертує, бо контент — це те, що має значення. Але їхній вебсайт не демонстрував їхню креативну перевагу.
Перед нами був виклик — створити вебсайт, що об'єднує стильний дизайн і конверсійність.
Масштаб як основа
Ми взяли масштаб — scale — як основу нашого концепту. Усе на сайті масштабується: заголовки, фото та графічні елементи.
Модульна шведська упорядкованість
Знаючи, що шведський ринок обожнює модульність (привіт, IKEA), ми створили «організований хаос» у блоковому фреймворку. Кожен елемент у сітці — але з достатнім креативним шармом, щоб показати артистичну сторону агенції.
Ми дали кожному блоку з контентом простір для дихання. Замість створення візуального шуму, ми використали білий простір, тож кожен елемент отримує належну увагу та легко читається.
Живі анімації, що пульсують
3D-анімація — це новий стандарт, але наша не просто рухається. Як от: ланцюжок, що крутиться як ДНК, коробка, яка буквально демонструє «out-of-the-box», та монети, що пульсують і ростуть в геометричній прогресії.
Ми навіть додали маленькі штрихи в заголовках — телескопічне скло, що дозволяє наблизитися та побачити набагато більше, ніж очікувалося.
Шахи, що танцюють танго
Дві шахові фігури — королева й король — танцюють нескінченне танго, представляючи колаборацію між клієнтом та агенцією. Королева рухається в усіх напрямках, ідеально втілюючи стратегічний маркетинговий підхід SoScale.
Прогресивна поява тексту
Замість полотна тексту, ми розкриваємо контент поступово під час скролу. Щоб було легше та цікавіше читати.
Ефект від розмитості до фокуса передає вайб SoScale: допомагати брендам виділятися, поки всі інші зникають у тлі.
Фотографія, що зупиняє скрол
Ми відібрали фото з точністю артдиректора, бо зображення формує емоції. Кожен кадр багатий на продумані мікродеталі — драматичний мейкап, помітна ювелірка та несподівані штрихи, як напівприховані обличчя чи левітуючі об'єкти.
Case studies VS Portfolio
Ми створили дві різні секції:
- Кейс-стаді: сторітел із викликом, процесом, результатами та метриками для великих проєктів.
- Портфоліо: швидка візуальна галерея для менших проєктів (переважно Reels і TikToks), які не потребують повного кейс-стаді, але демонструють діапазон робіт.
Плаваюча кнопка
Клієнт хотів кнопки скрізь. Замість захаращування кожної секції, ми створили постійний CTA, що скролиться з користувачами по всьому сайту — завжди видимий, але ніколи не нав'язливий.
Фінальне масштабування логотипу
У футері ми розмістили логотип агенції з ефектом масштабування, що підкріплює назву їхнього бренду. Останній штрих, що запамʼятовується та викликає емоцію.
Естетика, що справді конвертує
Кожна анімація, кожне рішення щодо відстані, кожна мікровзаємодія має естетичну, та стратегічну ціль.Виразність портфоліо
Найкращі роботи на передньому плані з цікавими презентаціями.
Відчуття вау-ефекту
Візуально приголомшливий дизайн, що відповідає їхньому high-end позиціюванню.
Фокус на конверсії
Стратегічні CTA та управління увагою залучають кваліфікованих лідів.
Естетика, що приносить ліди клієнту, а нам — нагороди
FWA Of the Day, 2025