Задача. Сделать
дизайн лендинга по готовому макету
Тематика: Домик на
дереве для круглогодичного пребывания, для детей



====================
Исходные данные:
====================

• Эскиз: https://100ebiz.github.io/treehouse/
• Эскиз в PDF: https://yadi.sk/i/qHQQ0h-E3Ym9mC


• Любая критика и
  рекомендации, что стоит изменить — приветствуются


• Все фото-видео материалы
  предоставляем


• Весь текст предоставляем

====================
Краткий портрет
целевой аудитории
====================

• Женщины (70%),
  возраст 30+, безработная (домохозяйка), доход в семье 200 000+₽, замужем, 1+
  детей, есть загородная недвижимость


• Мужчины (25%),
  возраст 35+, собственник бизнеса или топ-менеджер или узкий высокооплачиваемы
  специалист, доход 200 000+₽, женат, 1+ детей, есть загородная недвижимость


• Женщины (5%), возраст
  35+, собственник бизнеса или топ-менеджер, доход 200 000+₽, замужем или
  разведена, 1+ детей, есть загородная недвижимость

Подробный
портрет ЦА (с хобби/мечтами и т.д.) будет выслан исполнителю



====================
Требования к
лендингу в целом
====================

• Адаптив под разные
  платформы (компьютер, планшет, смартфон) и браузеры (Chrome и производные,
  Safari, Firefox, Opera Blink, Edge, IE)


• Для платформ
  "мобильные" и "планшет" делать так, чтобы не
  получилось, когда экран 5' и разрешение 2k — всё мелкое и незаметное

• Общий стиль: святая простота
  и аккуратность


• Анимация и флеш не нужны


• Блоки ("экраны")
  можно безболезненно выкинуть или сделать вкл/выкл и общий дизайн сайта не
  пострадает

• Цветовое оформление
  экранов — на усмотрение дизайнера, если явно не указано иное. ВСЕ ЦВЕТА НА
  МАКЕТЕ — ОТ БАЛДЫ


• Яркость, разноцветность и
  пестрота НЕ нужна. Сайт НЕ должен выглядеть так https://i.imgur.com/DecYEfK.jpg

• Вертикальная пагинация.
  Кликать на подразделы можно будет только после того, как человек
  проскроллирует весь лендинг. До этого момента пагинация скрыта

• Отдельные требования указаны
  в макете, на желтых стикерах

====================
Требования к шрифтам
====================

• Шрифты использовать
  обычные — нестандартные шрифты могут проблемно отображаться (если у вас
  другое мнение — готов выслушать)


• Шрифт и размер — на усмотрение
  дизайнера, если явно не указано иное. Все шрифты на макете — от балды

====================
Требования к
фото/видео
====================

• Все фото-видео материалы
  предоставляем


• Все фотографии
  продукта/услуги — должны быть с водяными знаками с адресом сайта


• Если фон в виде фото — то фото на всю
  ширину экрана, в независимости от разрешения


• Если фон в виде
  видеоанимации — то на всю ширину экрана, в независимости от разрешения

====================
Требования к галерее
====================

• Реализация
  галереи — почти как на авто.ру, только БЕЗ лишнего клика в модальное окно.
  Сразу можно свайпить по горизонтали или нажимать на кнопки.


• На десктопе: начиная
  со второй картинки галереи — выскакивает полоска с превьюшками. Первая
  картинка с подписями в превьюшках тоже появляется.


• На мобиле: как и на авто.ру,
  просто горизонтальный свайп.


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


• Если помещается
  только 1 фото и её ширина меньше, чем ширина экрана — вокруг какой-то фон


• Местоположение кнопочек не
  меняется в зависимости от размера экрана, и всегда приклеено к краям (как
  на авто.ру)


• При клике/тапе в
  правой половине экрана — смена фото "вперед", слева — "назад"
  (как на авто.ру)


• Внизу лента с превьюшками


• При клике на
  превьюшке — это фото сразу отображается


• Если фоток много — "лента" с
  превьюшками скроллируется или собирается в 2-3 ряда (детали обсуждаем с
  верстальщиком). Максимум — будет 30 фото на каждый экран

====================
Требования к
коллажам
====================

• 2 комплекта
  коллажей — для горизонтального (десктоп, планшет) и вертикального (смартфоны)
  экранов


• Предоставляем
  исходники, коллажи собираете самостоятельно. На эскизе — примерные варианты
  для "десктопа"


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


• Отдельные фотографии в каждом
  коллаже должны быть примерно одного размера

====================
Условия сдачи работы
====================

• На выходе — PSD для верстальщика
  + полноразмерный jpg для превью


• Подписывать все слои в макете


• Картинки оставлять на
  отдельных слоях


• Текст в макете оставляем
  текстом


• Не сливаем слои вместе


• Заголовок — тег H1


• Подзаголовки — тег H2

====================
Этапы и условия
оплаты
====================

• Сначала вы сдаете только
  первый экран, затем все остальные


• Если все будет
  офигенно, по ТЗ и без срыва дедлайна: +финансовый бонус ₽

====================
В ответе укажите
====================

• Стоимость


• Сроки


• Какие пункты ТЗ существенно
  влияют на сроки


• Когда можете начать


• Ссылки на 3-5 самых крутых
  ваших дизайна лендинга, те, которые нравятся __лично вам__


• Любая критика и рекомендации
  по макету, что стоит изменить


• Ваши вопросы

====================
Смотрите эскиз https://100ebiz.github.io/treehouse/ и
задавайте вопросы
Эскиз в PDF: https://yadi.sk/i/qHQQ0h-E3Ym9mC
====================