Разработка корпоративного сайта для центра юридических услуг

1039

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

Первым этапом разработки стало прототипирование и техническое задание. На этом не стоит сейчас акцентировать внимание так, как сайт достаточно простой. Из особенностей в нем есть сложная таблица прайса. Одной из задач, которые стояли на нашем нелегком пути, было отображение таблицы прайса согласно тенденциям современного дизайна, с учетом ее простого редактирования администратором в системе управления. Среди задач также были:

  • создание сайта
  • регистрация домена и хостинг
  • настройка обратной связи через смтп сервер
  • перенос прайса услуг

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

первый вариант

Готовый макет ушел к заказчику. В это время команда узнала о том, что у клиента есть логотип. Цветовая гамма логотипа никак не соответствовала тому, что нарисовал дизайнер. Пришлось созывать брейншторм.

ЗАМЕТКА ВЕБ-СТУДИЯМ: никогда не бросайте дизайнера на произвол судьбы, брейншторм придуман для взаимопомощи, иногда контентщики и бэк-энды подкидывают очень свежие идеи.

Помозговав над сложившейся ситуацией команда принялась подгонять существующий макет под синюю цветовую гамму. Золото пришлось заменить на мрамор так, как с голубым оно не очень хорошо фигурирует, особенно в веб среде. Затем, мы отказались от Фемиды на главном экране, заменив ее на мудрую сову, таким образом, интегрировав первый экран с логотипом. К тому же, клиент предоставил фото фасада офиса в хорошем качестве и мы не могли этим не воспользоваться. В результате у нас получилась привлекательная первая страница по  принципу лендинга.

главная

Далее команда приступила к разработке статической страницы контактов с формой обратной связи, динамических страниц новостей, отзывов с возможностью оставить отзыв, и прайса. На странице прайса предполагалось размещение трех таблиц. Чтобы не устраивать простыню из вечного скрола, каждый тип прайса был спрятан в таб. Но это не спасло нас от того, что приходилось долго прокручивать мышь, таблицы были длинными. Тогда мы решили повесить слева небольшую сноску, отображающую разделы сайта, дабы пользователь мог удобно перейти в любой из разделов, не повторяя действия скрола в обратную сторону. Система управления MODX, с которой мы работаем чаще всего, позволила нам доработать текстовый редактор в нужном нам русле. Так, каждая тип услуги создается как отдельная таблица, в которой можно редактировать, изменять, удалять колонки и строки, не затронув визуализацию, не применяя код.

прайс

В целом с поставленной задачей команда справилась и выпустила в свет хороший, стильный, оптимизированный продукт. Мы отказались от тяжелых слайдеров и масштабных картинок, создав при этом привлекательный вид страниц.

Больше не нужно искать и обзванивать диджитал-агентства!
Создайте тендер и получите предложения по цене и срокам от лучших веб-студий Украины.
Это бесплатно и займет 2 минуты. В каталоге 1500+ диджитал-агенств, готовых помочь в реализации ваших задач. Выберите и сэкономьте до 30% времени и бюджета!
Создать тендер
Разработка корпоративного сайта для центра юридических услуг
Компания:
Isv7 Web Studio
Добавлено:
23-03-2018
Перейти на сайт
1039

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

Первым этапом разработки стало прототипирование и техническое задание. На этом не стоит сейчас акцентировать внимание так, как сайт достаточно простой. Из особенностей в нем есть сложная таблица прайса. Одной из задач, которые стояли на нашем нелегком пути, было отображение таблицы прайса согласно тенденциям современного дизайна, с учетом ее простого редактирования администратором в системе управления. Среди задач также были:

  • создание сайта
  • регистрация домена и хостинг
  • настройка обратной связи через смтп сервер
  • перенос прайса услуг

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

первый вариант

Готовый макет ушел к заказчику. В это время команда узнала о том, что у клиента есть логотип. Цветовая гамма логотипа никак не соответствовала тому, что нарисовал дизайнер. Пришлось созывать брейншторм.

ЗАМЕТКА ВЕБ-СТУДИЯМ: никогда не бросайте дизайнера на произвол судьбы, брейншторм придуман для взаимопомощи, иногда контентщики и бэк-энды подкидывают очень свежие идеи.

Помозговав над сложившейся ситуацией команда принялась подгонять существующий макет под синюю цветовую гамму. Золото пришлось заменить на мрамор так, как с голубым оно не очень хорошо фигурирует, особенно в веб среде. Затем, мы отказались от Фемиды на главном экране, заменив ее на мудрую сову, таким образом, интегрировав первый экран с логотипом. К тому же, клиент предоставил фото фасада офиса в хорошем качестве и мы не могли этим не воспользоваться. В результате у нас получилась привлекательная первая страница по  принципу лендинга.

главная

Далее команда приступила к разработке статической страницы контактов с формой обратной связи, динамических страниц новостей, отзывов с возможностью оставить отзыв, и прайса. На странице прайса предполагалось размещение трех таблиц. Чтобы не устраивать простыню из вечного скрола, каждый тип прайса был спрятан в таб. Но это не спасло нас от того, что приходилось долго прокручивать мышь, таблицы были длинными. Тогда мы решили повесить слева небольшую сноску, отображающую разделы сайта, дабы пользователь мог удобно перейти в любой из разделов, не повторяя действия скрола в обратную сторону. Система управления MODX, с которой мы работаем чаще всего, позволила нам доработать текстовый редактор в нужном нам русле. Так, каждая тип услуги создается как отдельная таблица, в которой можно редактировать, изменять, удалять колонки и строки, не затронув визуализацию, не применяя код.

прайс

В целом с поставленной задачей команда справилась и выпустила в свет хороший, стильный, оптимизированный продукт. Мы отказались от тяжелых слайдеров и масштабных картинок, создав при этом привлекательный вид страниц.

Цены на сайты: разработка
Bug