Это может быть корпоративный сайт или интернет-магазин, или сайт для крупного мероприятия, а может даже целая HR-платформа. Работы много, но у нас системный подход — делим задачи на спринты, много анализируем, показываем результаты итерациями в конце каждой недели. Средний цикл большого проекта 4–6 спринтов (1–1,5 месяца)
от 3 недель
Figma
JavaScript (React)
PHP
Go (Golang)
Node.js
Python
Смотреть
Ozon COM•E ON FORUM
Смотреть
Marks Digital

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

1ый
спринт

Знакомимся с задачей или продуктом — формируем цели и подробное ТЗ

Мы будем задавать вопросы и анализировать. Главная цель — собрать как можно больше инсайтов, понять детально вашу задачу, познакомиться с целевой аудиторией: её проблемами и ожиданиями. Всю полученную информацию структурируем, распишем таймлайн проекта и оформим простое для понимание техническое задание. Получившийся документ станет фундаментом наших рабочих отношений
Техническое задание
Пример

Анализируем рынок, изучаем конкурентов, собираем информацию. Готовим мудборд и референсы

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

Разрабатываем прототип будущего сайта, оптимизируем пользовательский путь

Нарисуем схематично все страницы, продумаем, как будут расположены графические и информационные блоки. Это важный этап, который помогает сконцентрироваться на структуре, навигации и пользовательском пути. Мы продумаем сценарии взаимодействия
с каждым элементом, оценим рациональность блоков. Главная цель — упростить навигацию, сконцентрировавшись на действиях пользователя. Согласуем с вами и пойдём дальше
Пример
прототипа тут
Спринт —
это сколько?
Это промежуток времени, в течение которого команда совместно работает над реализацией определённого пула задач. Для нас спринт — это 40 часов
3ий
спринт

Создаём три визуальные концепции, чтобы был выбор

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

Собираем дизайн сайта с адаптивами, полностью готовый к вёрстке. Не забываем про UI-kit

Придерживаясь прототипа и концепта, начнём оживлять сайт. Если у вас нет брендбука или фирменных цветов — мы предложим вам 3 цветовые схемы на выбор. Сам стиль будет основан на наших рекомендаций после первого спринта и понравившихся вам референсах. Работаем в Figma — вы сможете следить за процессом онлайн по специальной ссылке, давать обратную связь. Сначала нарисуем десктопную версию (для мониторов и ноутов), после согласования занимаемся адаптивами для планшетов и смартфонов. Плавно переходим к технической реализации
Настоящий макет в Figma
4ый
спринт

Верстаем и настраиваем админку

Чтобы вы сразу понимали, CMS или админка — это сердце сайта, а вёрстка — это его лицо. Утверждённый дизайн перенесём в код и анимируем элементы. Во время разработки поделимся с вами тестовой ссылкой, чтобы вы всегда были в курсе текущих дел. Параллельно с вёрсткой будем настраивать CMS, которая позволит вам самостоятельно загружать контент без технических навыков и знаний в программировании. Мы обязательно вас обучим пользоваться системой управления и напишем инструкцию, если понадобится
Показываем внутрянку сайта — его админку
5ый
спринт

Тестируем и наполняем контентом. Настраиваем боевой хостинг и домен, подключаем метрики. Запускаем!

Почти все готово. Проведём работу над ошибками, исправим баги, внесём правки. Наполним сайт отредактированным и прогнанным через типограф контентом (чтобы в конце предложений не оставались союзы и предлоги). Протестируем сайт на корректную работу во всех популярных браузерах, проверим скорость загрузки страниц. Поставим метрики и необходимые пиксели. После вашего финального ОК — сайт станет доступен всему миру
info@spansagency.com
Напишите нам, сориентируем по бюджету и срокам. Как минимум, поможем советом

Ещё об услугах

Спецпроекты
Онлайн-игры, конкурсы, лонгриды, анонсы, необычные интерактивы — уверенно и быстро предлагаем яркие идеи
Смотреть
Брендинг
Упаковываем продукт, создаем фирменный стиль и прописываем гайды, разрабатываем полноценную бренд-стратегию
Смотреть
Аутстафф
Системно поддерживаем бизнес, несмотря на ночи, кризисы и лунные фазы
Смотреть
А ещё можем
Рисуем иллюстрации, умеем 3D, владеем No-code, продумываем юзерфлоу и интерфейсы, разрабатываем мобильные приложения
Смотреть