Росма
http://rosma.levelup.ru
когда-то давненько я нарисовал этот сайт, туча времени ушла (больше года) у известной_в_определенном_куге_людей компании на реализацию, так и не реализовали его. Теперь мы, т.е. студия levelup, неспешно за два месяца реализовали и подготовили к запуску этот проект. Сейчас он лежит на http://rosma.levelup.ru и ожидает переноса на новый хостинг, параллельно фиксятся неточности по контенту. Можно считать это нашим первым проектом в рамках студии levelup, ура!
Пару слов о проекте. В основу легла идея одностраничного каталога, обусловленная спецификой продукции и результатами анализа процесса ее подбора и заказа. В рамках этой идеи был разработан дизайн, подразумевавший кучу гемора при технической реализации, но выглядящий на 101% удовлетворяющим целям и задачам компании и данного проекта. Для контактной информации была разработана прозрачная структура, позволяющая легко и просто разобраться куда и кому звонить и как и где купить продукцию.
Техническая реализация проекта осложнялась многообразием браузеров, под которые нужно было оптимизировать верстку. ИЕ6 и ИЕ7 - 10% посетителей, опера - на первом месте с долей в 30%, чуть меньше у фокса и ИЕ8, 10% у хрома и остальные несколько процентов приходятся на сафари, мобильные версии и всякую неведомую мне историю...
Очевидно, что не брать в рассчет ИЕ6 и ИЕ7 нельзя, это как бы намекает уже сразу, учитывая наш дизайн.
Технические особенности проекта:
- одностраничный каталог, естественно с использованием аякса для перехода к карточке товара и обратно, при этом с сохранением истории и возможностью возврата по шагам по всей истории.
- организация версии для поисковых роботов
- реализация глобальной прокрутки по каталогу, а также "подкрутки" при переходах в карточку товара и обратно к категории/подкатегории
- плавающие хлебные крошки, учитывая одностраничность каталога, прокрутку и т.п., их безглючность не так просто реализуется как кажется поначалу
- новостной блок с разделом новости "карусельного" типа, не сложно, но особенность =)
- самая приятная фича - интерактивная свг-карта в контактной информации, с использованием аякса. Для браузеров без поддержки свг была реализована упрощенная версия.
Реализация корректной работы всех фич и вплоть до ИЕ6 включительно - я считаю это круто.
И да, все установлено и работает на нашей первой версии cms.
На этот проект уже намечен план второго этапа, в котором добавится возможность подбора необходимых модификаций приборов с помощью клевого интерактивного фильтра, возможность формировать заявку, развернутая графическая презентация в разделе О компании, а также еще пара мелких фич.
когда-то давненько я нарисовал этот сайт, туча времени ушла (больше года) у известной_в_определенном_куге_людей компании на реализацию, так и не реализовали его. Теперь мы, т.е. студия levelup, неспешно за два месяца реализовали и подготовили к запуску этот проект. Сейчас он лежит на http://rosma.levelup.ru и ожидает переноса на новый хостинг, параллельно фиксятся неточности по контенту. Можно считать это нашим первым проектом в рамках студии levelup, ура!
Пару слов о проекте. В основу легла идея одностраничного каталога, обусловленная спецификой продукции и результатами анализа процесса ее подбора и заказа. В рамках этой идеи был разработан дизайн, подразумевавший кучу гемора при технической реализации, но выглядящий на 101% удовлетворяющим целям и задачам компании и данного проекта. Для контактной информации была разработана прозрачная структура, позволяющая легко и просто разобраться куда и кому звонить и как и где купить продукцию.
Техническая реализация проекта осложнялась многообразием браузеров, под которые нужно было оптимизировать верстку. ИЕ6 и ИЕ7 - 10% посетителей, опера - на первом месте с долей в 30%, чуть меньше у фокса и ИЕ8, 10% у хрома и остальные несколько процентов приходятся на сафари, мобильные версии и всякую неведомую мне историю...
Очевидно, что не брать в рассчет ИЕ6 и ИЕ7 нельзя, это как бы намекает уже сразу, учитывая наш дизайн.
Технические особенности проекта:
- одностраничный каталог, естественно с использованием аякса для перехода к карточке товара и обратно, при этом с сохранением истории и возможностью возврата по шагам по всей истории.
- организация версии для поисковых роботов
- реализация глобальной прокрутки по каталогу, а также "подкрутки" при переходах в карточку товара и обратно к категории/подкатегории
- плавающие хлебные крошки, учитывая одностраничность каталога, прокрутку и т.п., их безглючность не так просто реализуется как кажется поначалу
- новостной блок с разделом новости "карусельного" типа, не сложно, но особенность =)
- самая приятная фича - интерактивная свг-карта в контактной информации, с использованием аякса. Для браузеров без поддержки свг была реализована упрощенная версия.
Реализация корректной работы всех фич и вплоть до ИЕ6 включительно - я считаю это круто.
И да, все установлено и работает на нашей первой версии cms.
На этот проект уже намечен план второго этапа, в котором добавится возможность подбора необходимых модификаций приборов с помощью клевого интерактивного фильтра, возможность формировать заявку, развернутая графическая презентация в разделе О компании, а также еще пара мелких фич.