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

Этапы разработки проекта в Tilda Publishing для дизайнера

Данил Зайцев
106 просмотров
Статья
25.10.2022

Грамотно заложенный фундамент - 80% успеха

Как часто бывало, что вы сидите над проектом, в голову вообще ничего не лезет, руки опустились и не знаете с чего начать ? Созвонились с клиентом, получили предоплату и вот мы смотрим в экран в ожидании чуда.
Этапы разработки проекта в Tilda Publishing для дизайнера

Бриф всему голова

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

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

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

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

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

На ряду с этим, также уточните какие проекты нравятся по внешнему виду и по функционалу, соберите примеры работ. Мы не должны копировать или воровать, только найти общее, почувствовать тренды и сделать лучше.
Как правильно собрать тексты для сайта на Тильда

Тексты сами себя не напишут

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

Прототип? Нет, не слышал

Не пытайтесь сразу с головой уйти в дизайн. Возьмите тексты и просто перенесите их на белый лист в Figma или Tilda. Еще раз почистите от мусора и разбейте как считаете нужным. Соберите черновой вариант проекта, расставьте акценты.

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

На старт, внимание, верстка

Если ваш проект в Figma - просто перенесите его аккуратно в 1200 пикселей. Обычно верстка один из самых кропотливых и любимых этапов каждого веб-дизайнера. Помните, что 70-80% всего трафика приходится на мобильные устройства, не занимайтесь халтурой, нагните каждый пиксель.

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

Резюме

1. Идея
  • Брифинг
  • Смысловая упаковка

2. Исследование
  • Конкурентный анализ
  • Сбор референсов
  • Тренды и стили ( шрифтовые пары, цветовые палитры )

3.Контент
  • Первичный сбор информации ( телефон, почта, доступы )
  • Сбор информации ( контент, фото, тексты )
  • Написание и рерайт текстов для каждой страницы
  • Утверждение с клиентом (правки)

4.Прототип
  • Написание сценария и воронки
  • Черновой вариант блок-схемы сайта (ЧБ)

5.Дизайн
  • Создание дизайн концепции 1-2 блоков
  • Создание визуального образа главной страницы
  • Утверждение с клиентом (правки)

6. Разработка
  • Верстка всех страниц сайта
  • Код, скрипты, анимация, формы, приемщики
  • Утверждение с клиентом (правки)
  • Адаптация под мобильные устройства

7.Запуск
  • Тест на ошибки, проверка функционала
  • Утверждение с клиентом (правки)