Агрономы ONE PAGE
Знакомьтесь
Нет, нет, мы не сошли с ума. Все в отличной психической и физической форме, на свежем воздухе ведь работаем.
Пришёл интересный заказчик с вкусной темой, поэтому мы решили показать нашу работу с ним, да и вообще наш типичный процесс работы по созданию сайта на примере агро процесса по выращиванию чего-нибудь.
Анализ рынка и планирование урожая
Мы как агрономы-предприниматели на этом этапе обязаны были изучить и проанализировать текущую ситуацию на рынке:
Этап 1 | анализ конкурентов и целевой аудитории
Хороший лендинг, как и хороший урожай — результат точного планирования
Игорь Костромин, проект-менеджер
Как настоящие агрономы планируют свой урожай, мы планируем свой — идеальный лендинг, который будет продавать продукт, отвечать нашим профессиональным нормам, всем требованиям заказчика, да и просто ему нравиться.
Изучили материалы и наметили две ключевые задачи сайта
Задача №1. Узнаваемость бренда
У заказчика был конкретный запрос и шикарный брендбук. Поэтому первоочередной задачей сайта было повышение узнаваемости бренда среди широкой аудитории.
Задача №2. Клубника или ягода?
Такой вопрос возник у нас сразу при обдумывании идеи сайта. У заказчика планировался большой ассортимент ягод, но на момент разработки сайта была только клубника. Поэтому перед нами встала непростая задача: нужно было и весь ассортимент показать, которого пока нет, с заделом на будущее, и клубнику выделить, ведь именно её нужно было продавать.
Что напишешь, то и пожнёшь...
Этап 2 | Разработка структуры и текст
Мы решили сеять ягоду!
То есть в тексте мы использовали именно слово «ягода» и подразумевали весь ассортимент. Клубнику просто польём получше на следующем этапе, чтобы она затмила пока остальные ягоды.
Но прежде чем продолжим готовиться к посеву, вставим сентиментальную, но важную ремарку
Елена, копирайтер
Бывают люди неравнодушные, которые горят своим делом, вкладываются, вовлекаются в любые бизнес-процессы, в том числе и создание сайта. Конечно, сайт - это уж наша работа, но ведь и заказчик на неё сильно влияет.
Когда он вовлечён в процесс, во-первых, он и информации может больше дать, и контент классный предоставить: фото, видео, интервью - да всё, что угодно.
Во-вторых, он и нас заряжает. Поверьте, для него прям невозможное хочется сделать, сделать больше, чтобы результат превзошёл его ожидания.
Это мы всё к тому, что наш заказчик как раз такой.
Мы прям поверили заказчику
В его любовь к делу, в сладкий вкус клубники зимой, в то, что детей можно спокойно ей кормить
И мы, конечно, сделали всё, чтобы в это поверили его клиенты. У нас даже слоган родился:
Посев
Семена мы подготовили, осталось их только грамотно посеять: в правильном порядке, с нужными интервалами, по структуре
В текстовом прототипе сначала отразили наиболее важную информацию:
Полив
Начинается наш любимый этап, где мы буквально поливаем и оживляем наши задумки из серии:
этап 3 | Разработка дизайн-концепций
Сильный проект строится не на идеальных условиях, а на умении глубоко разобраться в нюансах
Екатерина, тимлид, дизайнер
Редко, когда проект бывает гладким, без особенностей. Обычно всегда встречаются нюансы, с которыми надо заморочиться, продумать, обыграть, как-то красиво преподнести, даже не очень позитивные моменты. Это мы умеем! Нет, не обманывать, а просто представить факты таким образом, чтобы они адекватно и позитивно воспринимались потребителем.
В данном проекте к серии «Показать не показывая и скрыть, не скрывая» относился пока ещё не существующий ассортимент, который нужно было показать, но не сильно. При этом сделать акцент на клубнику, но не только.
Итак, как мы с этим справились...
Дизайн-концепция №1
Тут образ был построен на основе логотипа «Пять сезонов» — прямоугольные, закруглённые формы, напоминающие геометрию силуэта упаковки
В главном экране сделали акцент на клубнике
Максимально минималистично, с концентрацией на самом продукте, разместили красивую сочную клубнику, в качестве подложки взяли силуэт упаковки из логотипа - просто, но со смыслом. Неявная деталь, которая усиливает ассоциативную связь продукта с брендом.
При этом показали остальные ягоды, не показывая :)
Екатерина, тимлид, дизайнер
Чтобы учесть наш нюанс - не делать акцент на будущих продуктах, но дать понять, что производят не только клубнику, решили убрать другие ягоды в слайдер на главном экране. При этом показать наличие других ягод сразу через пагинаторы в виде миниатюр.
Подобное отображение слайдера придало шарма и интересности минималистичному стилю. Ведь именно из таких продуманных деталей этот стиль и складывается.
То же самое сделали в каталоге
Необходимо было показать всю продукцию, даже которой пока нет. Поэтому мы решили указать в карточках товара предполагаемую дату, когда ожидается урожай.
Данную дизайн-концепцию мы сделали ещё в одном цветовом решении
Екатерина, тимлид, дизайнер
Первый вариант полностью основан на брендбуке, где основным фоном для айдентики служит темно-зеленый цвет. Мы сделали общим фоном именно его, без четких разделений границ между блоками. Но нам показался такой вариант всё-таки тяжеловатым. Поэтому мы решили изменить пропорции брендовых цветов.
Основой служил теперь светло-бежевый цвет
А темно-зеленый выполнял роль акцентного, так концентрация внимания на каждом блоке усилилась.
Дизайн-концепция №2
Более классическая в единственном варианте
Сделали акцент не только на продукции, но и показали масштаб производства — теплицы и готовый урожай. Так родилась девушка с клубникой на главном экране. Основу концепции составляли сочные фотографии.
Каталог
В каталог заложили идею разных фонов, цвет которых у каждой ягоды был бы свой. Но, чтобы избежать пестроты, каталог свернули в слайдер.
Рыхление
Был выбран первый дизайн-концепт в светлом исполнении, но с несколькими поправками
Этап промежуточный | Доработка дизайн-концепции
Такая уж у нас работа, без грабель никуда
Андрей, дизайнер
Мы вообще к правкам от заказчика относимся спокойно. Во-первых, это говорит о том, что заказчику не всё равно и он включен в проект, чему мы рады. Во-вторых, их не так уж и много, порой даже нет вовсе. Ведь мы тщательно продумываем всё ещё на этапах до. Ну и, в-третьих, наш опыт показывает, что результат выходит даже лучше.
Заказчик попросил сделать клубничку посимпатичнее
Не вопрос, подрыхлили. Стала ещё краше и со здоровым блеском)
Под новую клубничку подобрались и все остальные ягоды
Каталог также требовал завершенности
Заказчику не понравилось пустое место в каталоге, попросил решить данную проблему. Нам пришла идея сделать элемент по форме карточек и ещё раз показать лого бренда вместе со слоганом – это стало достаточно логичной акцентной точкой в данном блоке.
Вроде не страшно, но как будто чего-то не хватает
Заполняем пустоту, оставив у всех карточек один формат
Заказчику нравится, получаем первые всходы, но до урожая ещё много работы...
Удобрение
Этап 4 | Разработка полного дизайна
Разрабатываем полный дизайн-макет. Чтобы всходы быстрее дали плоды, удобряем, предупреждаем возможные проблемы
Например, было несколько моментов, которые даже на этом этапе могли быть непонятны заказчику. Дело в том, что мы не делаем анимацию сразу, а на согласование отправляем статичные макеты. Поэтому, чтобы избежать недопонимания, подготовливаем сопроводительное письмо с объяснениями.
Мы подробно объясняем свои решения, чтобы заказчик понимал логику работы и не тратил время на догадки
Игорь Костромин, проект-менеджер
Вообще, мы всегда так делаем, даже если нет никаких спорных или сложных моментов. Точнее это нам кажется, что нет, а заказчик может неправильно понять даже самый простой элемент, для чего он там, почему он именно такой. Чтобы не тратить драгоценное время обеих сторон, мы всегда сопровождаем свою работу подробными комментариями.
Прополка
Этап 5 | Подготовка к вёрстке, тз для верстальщика
Если бы всё было так просто после всходов, то определённо у всех агрономов была бы не жизнь, а малина
А тут, когда кажется, что всё уже готово, ещё нужно адаптивы сделать, ТЗ для верстальщика написать. А потом ещё надо урожай собрать, продегустировать и отгрузить.
Сбор урожая и дегустация
Этап 6 | Вёрстка, разработка, тестирование
И вот так всегда! Вся наша ягода достаётся верстальщику
Сначала он её собирает и по коробочкам раскладывает, а затем пробует и наслаждается отличным вкусом и результатом.
Итак, что сделали:
Сверстали все страницы. Разработали функционал на CMS Битрикс
Провели тестирование сайта на корректную работу и адаптивность на компьютерах, ноутбуках, смартфонах и планшетах
Выявили и устранили проблему: видео с сайта не проигрывалось на телефонах Android
Проверили скорость загрузки сайта и оптимизировали
Отгрузка
Этап 7 | Передача проекта заказчику
Отгружаем партию заказчику, как положено – с накладной и полным отчётом
Настроили админ панель. Продумали и подготовили подробный мануал, чтобы заказчик в дальнейшем мог самостоятельно управлять сайтом. Это важно, так как необходимо будет добавлять новые продукты.
Не просто делаем сайты, а вникаем в суть проекта
Команда студии ONE PAGE
Хотите, чтобы в ваш проект погрузились также, не бросайте камень в наш огород, бросьте заявку :)
