Разработка корпоративного сайта для центра юридических услуг
С клиентом сотрудничаем достаточно давно, поэтому, когда поступил заказ на новый сайт, заранее знали в каком направлении двигаться. На первых порах центр юридических услуг не имел ни логотипа, ни полиграфической продукции, из которой можно было бы узнать о фирменном стиле. По факту, не имея ничего в основе, кроме краткого тз от заказчика команда приступила к работе.
Первым этапом разработки стало прототипирование и техническое задание. На этом не стоит сейчас акцентировать внимание так, как сайт достаточно простой. Из особенностей в нем есть сложная таблица прайса. Одной из задач, которые стояли на нашем нелегком пути, было отображение таблицы прайса согласно тенденциям современного дизайна, с учетом ее простого редактирования администратором в системе управления. Среди задач также были:
- создание сайта
- регистрация домена и хостинг
- настройка обратной связи через смтп сервер
- перенос прайса услуг
В действительности, серьезных трудностей у команды не возникало. После составления прототипа дизайнер принялась рисовать макет. Учитывая сферу деятельности центра, нами были определены оттенки дерева, совмещенные с золотом, как наиболее подходящие. Сайт должен бы оставлять впечатление респектабельного центра, предоставляющего качественные услуги. Вот что у нас получилось (проект-менеджер до сих пор считает этот вариант наиболее удачным).
Готовый макет ушел к заказчику. В это время команда узнала о том, что у клиента есть логотип. Цветовая гамма логотипа никак не соответствовала тому, что нарисовал дизайнер. Пришлось созывать брейншторм.
ЗАМЕТКА ВЕБ-СТУДИЯМ: никогда не бросайте дизайнера на произвол судьбы, брейншторм придуман для взаимопомощи, иногда контентщики и бэк-энды подкидывают очень свежие идеи.
Помозговав над сложившейся ситуацией команда принялась подгонять существующий макет под синюю цветовую гамму. Золото пришлось заменить на мрамор так, как с голубым оно не очень хорошо фигурирует, особенно в веб среде. Затем, мы отказались от Фемиды на главном экране, заменив ее на мудрую сову, таким образом, интегрировав первый экран с логотипом. К тому же, клиент предоставил фото фасада офиса в хорошем качестве и мы не могли этим не воспользоваться. В результате у нас получилась привлекательная первая страница по принципу лендинга.
Далее команда приступила к разработке статической страницы контактов с формой обратной связи, динамических страниц новостей, отзывов с возможностью оставить отзыв, и прайса. На странице прайса предполагалось размещение трех таблиц. Чтобы не устраивать простыню из вечного скрола, каждый тип прайса был спрятан в таб. Но это не спасло нас от того, что приходилось долго прокручивать мышь, таблицы были длинными. Тогда мы решили повесить слева небольшую сноску, отображающую разделы сайта, дабы пользователь мог удобно перейти в любой из разделов, не повторяя действия скрола в обратную сторону. Система управления MODX, с которой мы работаем чаще всего, позволила нам доработать текстовый редактор в нужном нам русле. Так, каждая тип услуги создается как отдельная таблица, в которой можно редактировать, изменять, удалять колонки и строки, не затронув визуализацию, не применяя код.
В целом с поставленной задачей команда справилась и выпустила в свет хороший, стильный, оптимизированный продукт. Мы отказались от тяжелых слайдеров и масштабных картинок, создав при этом привлекательный вид страниц.