Создание лендинга для агрокомпании по выращиванию и поставке свежих ягод

ПРОИЗВОДСТВО И ОПТОВЫЕ
ПОСТАВКИ СВЕЖИХ ЯГОД

Кейс

Разработка лендинга
от посева и аналитики до отгрузки заказчику

Или история о том, как мы чуть не открыли агрохолдинг ONE PAGE...

Добро пожаловать в наш огород!
МОСКВА
info@one-page-site.ru
САНКТ-ПЕТЕРБУРГ
Оставить заявку
ПО РОССИИ
Если честно, у нас ещё корыстный
интерес есть к этой теме, только
не говорите никому)

Агрономы ONE PAGE

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

Арт-директор
Отдел контроля
качества
Елена

Копирайтер
Отдел планирования и посевной
Андрей

Дизайнер
Отдел полива и удобрений
Вячеслав

Верстальщик
Отдел сборки урожая
В будущем можем серьёзную конкуренцию
заказчику составить. У нас есть все задатки.

Анализ рынка и
планирование урожая

Мы как агрономы-предприниматели на этом
этапе обязаны были изучить и проанализировать текущую ситуацию на рынке:
Анлиз конкурентов и целевой аудитории
Этап 1
Как настоящие агрономы планируют свой урожай, мы планируем свой — идеальный лендинг, который будет продавать продукт, отвечать нашим профессиональным нормам, всем требованиям заказчика, да и просто ему нравиться.
Игорь Костромин
Проект-менеджер
Мы досканально изучили материалы и наметили две задачи,
которые должен был решать сайт...

Узнаваемость бренда

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

Клубника или ягода?

Поэтому перед нами встала непростая задача: нужно было и весь ассортимент показать, которого пока нет, с заделом на будущее, и клубнику выделить, ведь именно её нужно было продавать.

Что напишешь, то и пожнёшь...

Мы решили сеять ягоду!
Разработка структуры и текст
Этап 2
Бывают люди неравнодушные, которые горят своим делом, вкладываются, вовлекаются в любые бизнес-процессы, в том числе и создание сайта.
Конечно, сайт - это уж наша работа, но ведь и заказчик на неё сильно влияет.
Елена
Копирайтер
Когда он вовлечён в процесс, во-первых, он и информации может больше
дать, и контент классный предоставить: фото, видео, интервью - да всё, что угодно. 
Во-вторых, он и нас заряжает. Поверьте, для него прям невозможное хочется сделать, сделать БОЛЬШЕ, чтобы результат превзошёл его ожидания. 
Это мы всё к тому, что наш заказчик как раз такой
Что посеешь напишешь,
то и пожнёшь...
То есть в тексте мы использовали именно слово «ягода»
и подразумевали весь ассортимент. Клубнику просто польём
получше на следующем этапе, чтобы она затмила пока
остальные ягоды.
Но прежде чем продолжим готовиться к посеву, вставим сентиментальную,
НО ВАЖНУЮ РЕМАРКУ
(Какой такой? Читайте тут :))

Посев...

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

Полив

Начинается наш любимый этап, где мы буквально поливаем и оживляем наши задумки из серии:
Разработка структуры и текст
Этап 3
Редко, когда проект бывает гладким, без особенностей. Обычно всегда встречаются нюансы, с которыми надо заморочиться, продумать, обыграть,
как-то красиво преподнести, даже не очень позитивные моменты. Это мы умеем! Нет, не обманывать, а просто представить факты таким образом,
чтобы они адекватно и позитивно воспринимались потребителем.
Екатерина
Арт-директор
«Впихнуть невпихуемое»
«Показать, не показывая»
«Скрыть, не скрывая»
«Продать, не продавая»
В данном проекте к серии «Показать не показывая и скрыть, не скрывая» относился пока ещё не существующий ассортимент, который нужно было показать, но не сильно. При этом сделать акцент на клубнику, но не только.

Дизайн-концепция №1

Тут образ был построен на основе логотипа
«Пять сезонов» — прямоугольные, закруглённые
формы, напоминающие геометрию силуэта упаковки.
Максимально минималистично, с концентрацией на самом продукте, разместили красивую
сочную клубнику, в качестве подложки взяли силуэт упаковки из логотипа - просто, но со смыслом.
Неявная деталь, которая усиливает ассоциативную связь продукта с брендом.
В главном экране сделали акцент на клубнике
При этом показали остальные ягоды, не показывая :)
Чтобы учесть наш нюанс - не делать акцент на будущих продуктах, но дать понять, что производят
не только клубнику, решили убрать другие ягоды в слайдер на главном экране. При этом показать
наличие других ягод сразу через пагинаторы в виде миниатюр.
Подобное отображение слайдера придало шарма и интересности минималистичному стилю. Ведь именно из таких продуманных
деталей этот стиль и складывается.
Екатерина
Арт-директор
То же самое сделали в каталоге
Необходимо было показать всю продукцию, даже которой пока нет. Поэтому мы решили указать
в карточках товара предполагаемую дату, когда ожидается урожай.
Данную дизайн-концепцию мы сделали ещё в одном цветовом решении
Первый вариант полностью основан на брендбуке, где основным
фоном для айдентики служит темно-зеленый цвет. Мы сделали
общим фоном именно его, без четких разделений границ между блоками. Но нам показался такой вариант всё-таки тяжеловатым. Поэтому мы решили изменить пропорции брендовых цветов.
Екатерина
Арт-директор
Основой служил теперь светло-бежевый
цвет, а темно-зеленый выполнял роль
акцентного, так концентрация внимания
на каждом блоке усилилась.

Дизайн-концепция №2

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

Рыхление

Был выбран первый дизайн-концепт в светлом
исполнении, но с несколькими поправками
Доработка дизайн-концепции
Этап промежуточный
Такая уж у нас работа, без грабель никуда. Мы вообще к правкам от заказчика
относимся спокойно. Во-первых, это говорит о том, что заказчику не всё равно
и он включен в проект, чему мы рады. Во-вторых, их не так уж и много, порой
даже нет вовсе. Ведь мы тщательно продумываем всё ещё на этапах до.
Ну и, в-третьих, наш опыт показывает, что результат выходит даже лучше.
Андрей
Дизайнер
Под новую клубничку подобрались и все остальные ягоды
Заказчик попросил сделать
клубничку посимпатичнее
Не вопрос, подрыхлили. Стала ещё
краше и со здоровым блеском :)
Каталог также требовал завершенности
Заказчику не понравилось пустое место в каталоге, попросил решить данную проблему. Нам пришла идея
сделать элемент по форме карточек и ещё раз показать лого бренда вместе со слоганом - это стало достаточно
логичной акцентной точкой в данном блоке.
Вроде не страшно, но как
будто чего-то не хватает
Додумываем, как заполнить  пустоту, оставив у всех карточек один формат

Удобрение

Выращиваем разрабатываем полный дизайн-макет. Чтобы всходы быстрее дали плоды, удобряем, предупреждаем возможные проблемы.
Разработка полного дизайна
Этап 4
Например, было несколько моментов, которые даже на этом этапе
могли быть непонятны заказчику. Дело в том, что мы не делаем
анимацию сразу, а на согласование отправляем статичные макеты.
Поэтому, чтобы избежать недопонимания, подготовливаем
сопроводительное письмо с объяснениями.
Игорь Костромин
Проект-менеджер
Вообще, мы всегда так делаем, даже если нет никаких спорных или сложных
моментов. Точнее это нам кажется, что нет, а заказчик может неправильно
понять даже самый простой элемент, для чего он там, почему он именно
такой. Чтобы не тратить драгоценное время обеих сторон, мы всегда
сопровождаем свою работу подробными комментариями.

Прополка

Если бы всё было так просто после всходов, то определённо
у всех агрономов была бы не жизнь, а малина.
Подготовка к вёрстке, тз для верстальщика
Этап 5
А тут, когда кажется, что всё уже готово, ещё нужно прополоть, окучить, адаптивы сделать,
ТЗ для верстальщика написать.  А потом ещё надо урожай собрать, продегустировать и отгрузить.
Десктопная версия

Сбор урожая
и дегустация

И вот так всегда! Вся наша ягода
достаётся верстальщику.
Вёрстка, разработка, тестирование
Этап 6
Сначала он её собирает и по коробочкам
раскладывает, а затем пробует и наслаждается
отличным вкусом и результатом.
Итак, что сделали
1. Сверстали все страницы
2. Разработали функционал на CMS Битрикс
3. Провели тестирование на исправную работу сайта, адаптивность. На всех устройствах: компьютерах, ноутбуках, телефонах, планшетах, Windows, Mac Book
4. Выявили и устранили проблему: видео с сайта не проигрывалось на телефонах Android
5. Проверили скорость загрузки сайта и оптимизировали

Отгрузка

Отгружаем партию заказчику, как
положено - с накладной и полным отчётом
Передача проекта заказчику
Этап 7
Настроили админ панель. Продумали и подготовили подробный мануал, чтобы заказчик в дальнейшем мог самостоятельно
управлять сайтом. Это важно, так как необходимо будет добавлять
новые продукты.
Хотите, чтобы в ваш проект погрузились также,
не бросайте камень в наш огород, бросьте заявку :)
Игорь Костромин, CEO студии ONE PAGE
Выясним, какая у вас задача, как мы можем
или не можем её решить. Выясним главные нюансы
уже в первом телефонном разговоре: какие есть пути,
инструменты, какие больше вам подходят,
а какие лучше не рассматривать.
Игорь Костромин
CEO студии
Оставить заявку

Давайте обсудим
ваш проект

Данный сайт носит информационно-справочный характер
и ни при каких условиях не является публичной офертой
info@one-page-site.ru