Upscale Макетная мастерская

Макетная мастерская Upscale

Клиент: Ирина Медведева
Компания: Upscale
Телеграм: @ir_bear

Список крупных этапов работы, статус каждого этапа и ориентировочные сроки:

Таймлайн проекта

Подробный список задач на проект и ориентировочные сроки

ЭТАП 1. Аналитика

06.06

Интервью клиента и брифинг

• Интервью клиента
• Заполнение брифа
• Выявление всех сильных и слабых сторон компании
• Получение исходных материалов от клиента(тексты, фото, видео, контактные данные (телефон, адрес, электронная почта, мессенджеры и соцсети))

Файл интервью:
https://docs.google.com/document/d/1JiT33VeTiOLoZNynuU4Y5U1M7hb7HcFV4k3OpfPgCis/edit?tab=t.0

Запись интервью:

06.06

Анализ целевой аудитории и сегментация

• Анализ целевой аудитории
• Сегментация целевой аудитории
• Выделение болей, потребностей и целей аудитории

Файл анализа целевой аудитории:
https://docs.google.com/spreadsheets/d/1KnCvAl9mOBvWF2YUOwoaRgkTEetY0B-QeleAI-C-T44/edit

09.06, 10.06

Анализ конкурентов

• Изучение лидеров рынка
• Изучение лидеров по городу
• Выявление ключевых рабочих технологий
• Трансформация минусов конкурентов в наши плюсы

Файл анализа конкурентов:
https://docs.google.com/spreadsheets/d/16W8yIEq3ZGYBrrVwDicWeUZmKIlDt6hF05rmXEWs15Y/edit?gid=713979198#gid=713979198

11.06

Визуальный анализ ниши

• Анализ визуальной составляющей сайтов лидеров рынка
• Определение цветов, сеток, шрифтовых сочетаний, работающих в данной нише

Файл визуального анализа ниши:
https://docs.google.com/spreadsheets/d/12716zW_aA50_agQYkU4l65870TWNV33mFhYM3eM169o/edit?gid=713979198#gid=713979198

11.06

Разработка структуры сайта

• Разработка структуры одностраничного сайта

ЭТАП 2. Прототипирование

16.06

Создание функционального прототипа

• Создание функционального прототипа на основании материалов клиента и конкурентного анализа
• Проработка состава каждого блока

17.06, 18.06, 19.06

Интеграция текста в прототип

• Первый набросок прототипа
• Интеграция текста в прототип

20.06

Вайрфреймы одностраничного сайта

• Детализация прототипа
• Подробные вайрфреймы одностраничного сайта

ЭТАП 3. Дизайн главной страницы сайта

23.06

Подбор референсов

• Подбор референсов по стилю
• Подбор референсов по цветовым и шрифтовым сочетаниям
• Подбор референсов для каждого блока

23.06

Подбор цветовой палитры и типографики

• Проработка цветовых сочетаний и типографики
• Презентация подобранных визуальных решений

24.06 - 04.07

Разработка дизайна сайта

• Разработка дизайн-концепции одностраничного сайта
• Доработка дизайна, если потребуется

ЭТАП 4. Верстка одностраничного сайта

09.07 - 14.07

Верстка сайта и адаптация под мобильные устройства

• Верстка десктопных версий
• Адаптация под все устройства

15.07

Создание дополнительных страниц

• Страница политики конфиденциальности
• Страница благодарностей
• Страница 404

15.07

Подключение всех форм, ссылок и переходов по всем страницам

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

15.07

Анимация сайта

• Анимация появления
• Анимация кнопок и ссылок
• Анимация наведения на интерактивные элементы

16.07

Подключение всех сервисов, технические настройки сайта

• Подключение домена и SSL-сертификата
• Настройка редиректа
• Создание Favicon, создание мини-обложек для каждой страницы
• Настройка базового SEO

16.07

Подключение аналитики

• Подключение Яндекс Метрики
• Аналитика сайта по скорости загрузки

17.07

Запуск сайта и тестирование

• Проверить на мобильных устройствах на нескольких браузерах
• Проверить все ссылки и кнопки
• Проверить орфографию и пунктуацию
• Проверить формы обратной связи
• Проверить страницу 404, страницу благодарности и политику конфиденциальности
• Проверить скорость загрузки сайта с помощью сервисов
• Проверить настройки SEO

18.07

Запись руководства по использованию Тильды и передача сайта

• Запись руководства по использованию Тильды
• Запись руководства по редактированию контента на сайте
• Передача логина и пароля от Тильды

ССылки на все материалы

Буклеты, презентации:
Ссылки

Логтип, фирменный стиль:
Ссылки

Фото, видео:
Ссылки

Отзывы, благодарственные письма:
Ссылки

Сертификаты:
Ссылки

Другое:
Ссылки