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

— Чтобы покадровая анимация получилась не слишком тяжелой, и чтобы не раздувать бюджет отрисовкой лишних иллюстраций, мы сначала отрисовали ключевые кадры, уже потом начали добавлять промежуточные, добиваясь необходимой плавности. Оказалось, надо не меньше 15 кадров, чтобы анимация получилась красивой. Но чтобы стало идеально — добавили еще несколько, остановившись на 21.

А ещё дерево должно было быть именно фисташковым. А таких картинок, внезапно, в интернете очень мало. Перед рисовкой у меня ушло порядка 4 часов на изучение того, как должно расти фисташковое дерево в самых разных источниках, которые мне только удалось найти. Но результат того стоил.

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

— Помимо живых фото от заказчика, которые легли в основу иллюстраций, я добавила кое-что от себя: например, мелкие ветки, плоды и мешок с фисташковыми орехами.

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

Как только мы навели порядок в формулах, всё стало максимально прозрачно: формулу запрограммировали, а табличные данные внесли в админку — заказчик может дополнять их, если нужно. Например, задать граничные значения для полей (минимальный/максимальный год и т. д.).

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

—  Стандартный путь локализации интерфейсов в Битриксе обычно выглядит как-то так:

1. Разработчики пишут в файлы названия части интерфейсов, вроде «Введите ваш телефон» / «Your phone, pal».

2. Приходит корректор с чувством прекрасного и говорит: тут надо поменять на «Телефон», а тут (спустя 3 дня) «Your phone, sir/madam».

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

4. Менеджер ставит задачу на программиста «Загрузить правки» либо «Поменяй вот это».

5. Программист идёт, меняет. Готово!

Мы же сделали так, что такой канители у заказчика не будет — мы просто говорим админу или тому же корректору: «Поменяй вот тут, и названия в интерфейсе будут такими, как тебе надо».

— Я очень кайфую от авторских иллюстраций, которые мы сделали для этого проекта. Чего только стоило отрисовать покадровую анимацию :) А потом еще разработчики красиво и с душой всё это сверстали. В общем, на проекте случилась синергия, и в него вложена душа каждого причастного :)