Выполнен полный редизайн сайта westskate.ru, первоначально созданного в 2009 году. Проект 2011 года включал в себя разработку сайта с нуля со сменой платформы (CMS), поисковую оптимизацию, продвижение, создание контента и веб-брендинг, а также последующую поддержку и развитие ресурса.
Новый сайт был создан на основе модифицированной CMS интернет-магазина. Подробнее о технической доработке платформы можно прочитать в отдельной статье: «Тюнинг osCommerce v.2.3, или прокачка интернет-магазина для дизайнерских и SEO-целей».
Информация о проекте
| Параметр | Описание |
|---|---|
| Сайт | WESTSKATE (westskate.ru) |
| Год выполнения | 2011 |
| Заказчик | ВЕСТСКЕЙТ |
| Сфера деятельности компании | Продажа спортивных и специализированных товаров: скейтборды, самокаты, ролики, сноуборды, зимние коньки, йо-йо. |
| Цели и задачи проекта | Создание интернет-витрины товаров (каталога витринного типа) с акцентом на удобство навигации и максимальную обзорность товара. Принцип «товар лицом» был положен в основу построения структуры разделов и категорий. |
| Ключевые работы | Полный редизайн и разработка сайта с нуля, SEO-оптимизация, копирайтинг и создание рекламных текстов, веб-брендинг, поддержка и развитие сайта. |
Инструментарий и выполненные работы
Технологии и методы, использованные при создании сайта:
- Веб-дизайн: Оригинальный дизайн главной и внутренних страниц с «резиновой» растяжкой (адаптацией под размер окна браузера). Проработка имиджевого оформления. Инструмент: Adobe Photoshop.
- Программирование и верстка:
- Разработка на основе CMS интернет-магазина с глубокой модернизацией функционала.
- Блочная и табличная HTML-верстка, CSS.
- Модульное программирование, установка, отладка и индивидуальная разработка модулей и динамичных скриптов на PHP.
- Создание анимационных и интерактивных элементов с использованием JavaScript, jQuery, AJAX, а также FLASH-элементов.
- Поисковая оптимизация и контент: SEO-оптимизация кода CMS и контента сайта. Написание продающих и информационных текстов (копирайтинг). Продвижение сайта в поисковых системах.
Детали реализации
Главная страница
Главная страница была запрограммирована отдельно на PHP с последующей интеграцией в основной движок.
Программный функционал:
- Вывод категорий и рубрик.
- Случайный вывод товаров (25 позиций) в горизонтальную полосу во вкладке «Продукция».
- Вывод случайных товаров со скидкой (3 позиции) во вкладке «Скидки».
- Вывод последних новостей (3 записи).
- Интеграция мини-чата.
Анимационные и динамические эффекты:
- Интерактивные иконки в меню и левой центральной части страницы (смена цвета при наведении).
- Горизонтальный скроллинг товаров во вкладке «Продукция» при наведении на блок (с эффектом осветления и кликабельностью).
- Анимированные новости.
- Выезжающая полупрозрачная панель «Каталог» с перечнем категорий и описаний.
- Модульные всплывающие окна для вкладок «Скидки», «Мой Westskate», «Мини-чат».
- FLASH-баннер с меняющимися изображениями.
Поисковая оптимизация главной страницы:
Особое внимание уделено SEO-дружественности всех элементов. Основной текст о магазине, вызываемый по нажатию на соответствующий элемент, является полностью читаемым для поисковых систем, несмотря на интерактивный способ его отображения. Аналогично, все тексты в выезжающих и всплывающих элементах (например, описания в панели «Каталог») технически доступны для индексации и не относятся к скрытым методам продвижения. Данный подход обеспечивает соответствие требованиям как поисковых роботов, так и асессоров (проверяющих) поисковых систем.
Внутренние страницы интернет-магазина
- Страницы категорий: Спроектированы для удобного обзора товаров.
- Карточки товаров: Реализованы сниппеты товаров с интерактивными элементами (например, кнопка «Купить сейчас» с эффектом при наведении).
- Детальный просмотр товара: Включает функцию листания дополнительных изображений товара.
- Модальные окна: При клике на изображение товара открывается всплывающее модульное окно с его увеличенной фотографией.
