AlarmTrade (ведущий отечественный производитель автосигнализаций и защитных систем) постоянно выпускает обновления к своим продуктам, как в плане функционала, так и в плане работы самих устройств. В итоге это касается всех — от конечных пользователей до монтажников-установщиков. Поэтому они решили отказаться от толстых бумажных фолиантов инструкций и класть в коробки лишь маленькие книжечки со ссылкой на этот сайт. На котором уж будет все. Сказано — сделано.

 

Адрес сайта — http://manuals.alarmtrade.ru/

• Вся галерея проекта

Что-то вроде ТЗ

Изначально планов было ну очень много, от разделения ролей авторов инструкций до автоматического сохранения всего сайта в файл. Но походу работы ненужные функции отсеивались, более нужные — наоборот оставались.

Несмотря на большой размер компании-заказчика и порой противоречивые требования в ТЗ, замечания по ходу работы делались очень адекватные, что редкость в нашей работе. И, если не считать пару откровенных косяков (как например последнее требование — сделать ссылку с логотипа на другой сайт, а не на главную этого), сайт получился простым, легким, читаемым и удобным для всех.

Мы много думали по поводу CMS, на которой все это реализовывать, и в итоге остановились на том, что «старый друг лучше новых двух». Это значит — на WordPress. Легкость, удобство пользования, скорость, гибкость, а с его минусами мы уже были знакомы и знали как их лучше обойти.

 

Как это делалось

О чем я сильно жалею — это о выходе 3 версии WordPress аккурат под конец разработки. Новые post types нам бы очень пригодились и, возможно, не пришлось бы ломать голову с многочисленными рубриками и под-рубриками, но в итоге все вышло хорошо и без новых фишек WP.

Многие вещи, как и всегда, решались плагинами, но какие-то разрабатывались вручную и ими мы особенно гордимся. Из админки с сайтом можно делать практически все, что угодно — количество манипуляций с FTP настолько близко к нулю, насколько это вообще возможно в сайтах такого объема на WordPress.

Вкратце, некоторые особенности этого сайта:

1. Шаблоны. Рубрики, под-рубрики, разные страницы и разные записи имеют свои шаблоны, большинство из которых назначается автоматически, в зависимости от того, что содержит запись. Некоторые шаблоны выбираются вручную (через админку), например шаблон страницы продукта.Все это позволило сделать удобный для администратора сайт, который, в тоже время, очень разный с точки зрения пользователя, и это хорошо - люди видят только то, что им нужно видеть в данный момент, не больше и не меньше. 
2. Вопрос-ответ. Люди могут задавать вопросы и получать ответы на них, причем ответить может как админ, так и посетитель. Система реализована так, что вопросы — это посты, публикуемые сразу же. Со всеми вытекающими — уведомление на почтовый ящик администратора, система комментов и т.д.
3. Удобство чтения. Сайт раскрывается постепенно, как книга, со списком содержимого, заголовками, под-заголовками и главами. Раскрывающееся меню позволяет попасть в любой нужный раздел, «хлебные крошки» не дадут заблудиться, а уже прочитанные статьи помечаются галочками.
4. Лаконичный кросс-браузерный дизайн. Дизайн в этом проекте не играл первостепенной роли, но это не значит что ему не уделили времени или что сайт некрасив. Скорее напротив. Также мы немало времени потратили на тестирование сайта в разных системах, включая планшеты, и после этого совместимость стала гораздо выше, а количество багов — меньше. Причем дизайн сайта получился псевдорезиновым — он корректно работает на любых разрешениях, начиная с 1024*768, но область контента ограничена шириной в 1280 пикселей (чтобы на ширикоформатных мониторах не пришлось бегать глазами по полметра влево-вправо) 
   
5. Умный поиск. Не просто ищет заданные словосочетания по всему сайту, но и подсказывает, к каким именно продуктам относится найденная им статья. Чрезвычайно полезно для сайта он-лайн инструкций. 

Все это, не считая мелочей вроде автоматических иконок к разным типам файлов и еще массу разных доработок (я насчитал больше 200 е-мейлов) мы сделали примерно за 4 рабочих недели, после чего передали сайт заказчику для наполнения.

Вся галерея проекта:

Happy end  :)