Задача
Ко мне обратился директор компании, занимающейся проектировкой, производством и установкой скалодромов. Стояла задача разработать интернет-магазин с возможностью заказать скалодром. Так же необходимо было подготовить сайт к дальнейшему продвижению и настроить контекстную рекламу на поиске в Яндексе
Результат
- разработан интернет-магазин (каталог);
- создан рекламный кабинет в Яндекс бизнес и 2ГИС;
- настроена базовая SEO - оптимизация;
- настроена рекламная кампания на поиске в Яндекс директ.
Запуск сайта: 12.11.2023 г.
Шрифт и цвета
Для типографики был выбран платный шрифт Benzin, используемый как для заголовков, так и для основного текста. Его характерный и мощный стиль усиливает визуальную подачу и поддерживает концепцию проекта.
Оранжевый цвет ассоциируется с энергичностью, бодростью и движением, поэтому очень подходит для сайта со спортивной тематикой. Кроме того, оранжевый и черный цвета имеются в логотипе компании
Оранжевый цвет ассоциируется с энергичностью, бодростью и движением, поэтому очень подходит для сайта со спортивной тематикой. Кроме того, оранжевый и черный цвета имеются в логотипе компании
#FE8C00
#F83600
#111111
Фотоконтент
У заказчика было подготовлено большое количество фотографий товаров, специально отснятых для сайта. Дополнительно я разработала несколько ярких визуальных материалов, чтобы сделать оформление более выразительным и запоминающимся
Обязательные страницы
Помимо страниц с политикой конфиденциальности и ошибкой 404, для интернет-магазина предусмотрена обязательная страница с информацией о доставке и оплате. В рамках данного проекта платёжные системы и службы доставки не подключались по желанию заказчика, поэтому сайт фактически функционирует как каталог. Тем не менее, наличие страницы с условиями доставки и оплаты остаётся обязательным элементом структуры
Каталог
Для удобства пользователей каталог был разделён на пять тематических страниц: «Зацепы», «Рельефы», «Пирамиды», «Оборудование» и отдельный раздел с товарами для детей, что упростило навигацию и поиск нужной продукции
Элементы дизайна
Создавая дизайн, я решила сделать плашки с информацией с эффектом Background blur (размытие фона) и с градиентной обводкой. Проблема заключалась в том, что добавить одновременно оба этих эффекта технически невозможно, даже кодом. Поэтому пришлось каждую плашку с градиентной обводкой (включая все плашки для мобильной адаптации) создавать в редакторе Figma, загружать в Тильду и уже этим плашкам накладывать эффект размытия
Весёлая страница с ошибкой 404
Забавная страница 404 показывает персонажа, который случайно оказался на горе и не обладает навыками скалолазания, поэтому не может самостоятельно выбраться. А вот если бы он умел лазать по скалам, то легко справился бы с маршрутом и оказался внизу
Результат работы: проект завершён
Проект получился выразительным, современным и легко запоминающимся. Сайт продолжает эффективно работать в связке с контекстной рекламой в Яндексе, регулярно привлекая новых клиентов и поддерживая имидж компании на высоком уровне. Все задачи, поставленные на старте, полностью реализованы
