Задачей было сделать сайт для компании, реализующей сайдинг на рынке Казахстана. Вот так сейчас выглядит сайт:
Но до этого мы несколько раз встречались, выясняли для кого делается сайт (целевая аудитория), что им интересно, как они будут работать с сайтом и прочее. Сделали схему в набросках и Заказчику она понравилась, потому что она решала его задачи. Вот наброски того, что потом было отрисовано в цвете: главная страница, каталог, страница товара. Описали весь функционал на бумаге в виде схем и функций и приступили к разработке.
О главной странице. Она имеет самое важное значение и поэтому на нее мы вывели самую значимую информацию - иконки разделов продукцию, коротко информацию о компании, все контактные данные, включая контакты регионов, последние новости и статьи из блога.
Страницу новостей мы решили сделать не простым списком, чтобы он был скуным и однообразным, а кажой новости мы выделили свой блок, дали изображение и дату.
В галерее мы сделали отдельную шапку сайта с изображением людей, которые смотрят на строительный объект. Это как бы намекает на то, что тут есть на что посмотреть. Под каждой работой мы написали что там было сделано.
Каталог мы создали таким образом, чтобы были видны сразу все продукты, все их самые важные характеристики и сразу была возможность сделать заказ.
Подбор цвета сайдинга. Пролистав сайты сайдинга, мы увидели что подбор цвета реализован в основном на флеше. Мы отошли опять от общепринятого, так как у многих есть проблема с флеш-элементами, особенно на планшетах и реализовали все с помощью кода.
Расчет сайдинга мы сделали с подсветкой областей дома. Чтобы человеку. делающему расчет было понятно какие области подлежат измерению и просчету.
На странице "О компании" мы сразу вывели всю ключевую информацию связанную с компанией - вакансии, информацию о партнерах, и собственно сам текст о компании.
Контакты - одна из важнейших страниц. Поэтому мы в ней обозначили ключевых менеджеров и их контакты, сделали 3 карты, нарисованную, яндекс и гугл, сделали кнопку для распечатки карты и форму для отправки сообщений.