- Тип сайта
- Корпоративный сайт
- Паттерн
- Навигация для разных аудиторий
Корпоративный концепт с 33 страницами на каждом из трёх языков: навигацией для разных аудиторий, поиском, услугами, проектами, командой, новостями и корпоративным управлением.
МЫ СОЗДАЁМ КОММЕРЧЕСКИЕ ВЕБ-САЙТЫ ДЛЯ Р О С Т А ВАШЕГО БИЗНЕСА
Магазин: от витрины до заказа.
Проектируем и реализуем каталог, карточки товара, корзину, оформление заказа, оплату и доставку как единый путь покупки.
Обсудить деталиКонцепты сайтов
Разные структуры. Выразительные визуальные миры.
Собственные концепты сайтов для вымышленных брендов и организаций показывают, как сочетаются визуальный дизайн, структура контента и взаимодействие. Это не клиентские проекты; измеренных бизнес-результатов мы не заявляем.
VELA - инфраструктура возобновляемой энергетики VELA 
VATRA - автономная энергия VATRA 
ТЕКА - семейный архив ТЕКА 
ПЛИН - свет и звук ПЛИН 
СТАН - ботанический аромат СТАН 
АТЕЛЬЕ - мебель и объекты АТЕЛЬЕ Серия 2 · более сложные структуры сайтов
- Тип сайта
- Сайт-каталог
- Паттерн
- Разные способы просмотра и выбора товаров
Светлый каталог в синих тонах с четырьмя способами просмотра и выбора товаров: таблицей характеристик, категориями, подбором по нагрузке и сравнением.
Серия 1 · одностраничные миры
- Тип сайта
- Презентационный сайт
- Паттерн
- Архив с поиском
Светлый редакционный презентационный сайт вымышленной студии частных архивов с поисковым указателем на 12 записей, комбинируемыми фильтрами и связями между записями.
- Тип сайта
- Лендинг
- Паттерн
- Одноцелевой продуктовый сценарий
Кинематографичный премиальный лендинг для одного вымышленного светозвукового объекта, построенный вокруг одного предложения и одного главного действия.
- Тип сайта
- Промосайт
- Паттерн
- Интерактивный обзор коллекции
Сдержанный промосайт коллекции ароматов: четыре состояния воздуха в течение одних воображаемых суток, ботанические композиции и интерактивный обзор коллекции.
- Тип сайта
- Сайт-каталог
- Паттерн
- Фасетный поиск
Редакционный каталог с таксономией, фильтрами, материалами и исследованием каждого объекта.
GIVSITE - этот сайт веб-студии и её портфолио.
- Тип сайта
- Презентационный сайт
- Основная функция
- Обзор услуг и работ; обращения по проектам
- Специализация
- Портфолио веб-студии
- Основные модули
- Три языка и сценарии обращения
Результат
Что будет готово к запуску.
Планируем визуальный дизайн, контент, реализацию, запуск и передачу как связанную работу. Для каждого согласованного результата определяем, что передаём и как проверяем или согласуем его.
Понятная структура
- Что передаём
- Карта сайта, иерархия контента и кликабельный прототип ключевых сценариев.
- Как проверяем
- Вместе проходим ключевые сценарии в прототипе и согласуем структуру до визуальной проработки.
Цельный визуальный язык
- Что передаём
- Типографика, сетка, компоненты и состояния для реального содержания.
- Как проверяем
- Проверяем систему на разных размерах экрана, реальной длине контента и ключевых состояниях.
Работающий сайт
- Что передаём
- Адаптивная сборка с согласованным контентом, формами, потоками данных и интеграциями.
- Как проверяем
- Проверяем согласованные сценарии, браузеры и устройства: управление с клавиатуры, формы, интеграции, восстановление после ошибок, доступность, безопасность и производительность. Фиксируем результаты и ограничения.
Передача и инструкции
- Что передаём
- Готовый сайт в согласованном объёме, согласованные доступы к его аккаунтам и подключённым сервисам и краткие рабочие инструкции.
- Как проверяем
- Проверяем сайт на рабочем домене и доступы к сервисам, после чего ответственный человек выполняет согласованную типовую задачу по инструкции.
Как работаем
Пять этапов от первого разговора до запуска и передачи сайта.
Для каждого этапа определяем результат и порядок его согласования. Подготовка контента и технические проверки могут идти параллельно; работы, зависящие от решения, начинаем после его согласования. Вы видите промежуточные результаты на согласованных этапах - от структуры и прототипа до дизайна и тестовой версии сайта - и можете дать обратную связь перед следующим шагом.
-
Контекст и ограничения
Вместе разбираем продукт, аудиторию, материалы, цели и ограничения и фиксируем допущения, которые влияют на работу.
Контекстный бриф согласован -
Структура и прототип
Формируем карту сайта, порядок контента и ключевые сценарии до визуальной проработки.
Структура и ключевые сценарии согласованы -
Визуальная система
Прорабатываем типографику, сетку, компоненты и контент на реальных экранах и состояниях.
Визуальная система согласована -
Разработка и проверка
Разрабатываем адаптивный сайт, подключаем согласованные интеграции и проверяем критические пользовательские сценарии. Повторяем эти проверки после связанных изменений и перед запуском.
Версия перед запуском согласована -
Запуск и передача
Публикуем согласованную версию, проверяем её на рабочем домене и передаём определённые объёмом доступы и инструкции.
Запуск и передача подтверждены
Услуги
Тип сайта и объём работ - в соответствии с задачей.
Начинаем с целей бизнеса, аудиторий, контента, ключевых действий и ограничений. На этой основе согласуем формат сайта, страницы, функции, интеграции и услуги. Форматы могут сочетаться и не являются готовыми пакетами. Объём определяет ответственность за контент и его редактирование, требования к качеству, зависимости, исключения и критерии приёмки. Сроки, стоимость и график оплаты фиксируем в смете и договорённостях по проекту.
Типы сайтов
Презентационный сайт
Представляет компанию, проект или специалиста, объясняет предложение и помогает связаться.
Лендинг
Сфокусированная страница для определённого предложения и аудитории, построенная вокруг одного главного действия. Может работать для отдельной кампании или постоянного предложения; контент и навигация помогают принять это решение.
Промосайт
Отдельный сайт для презентации и продвижения продукта, кампании или события. Может состоять из одной или нескольких страниц.
Корпоративный сайт
Сайт, представляющий организацию разным аудиториям. Услуги, проекты, команда, новости, карьера и другие разделы, а также модель редактирования и публикации определяются потребностями организации.
Сайт-каталог
Сайт для просмотра и оценки упорядоченного ассортимента товаров или услуг: со списками, поиском, фильтрами, сравнением или подбором по заданным условиям при необходимости. Посетитель обращается или запрашивает предложение, а не оформляет онлайн-заказ.
Интернет-магазин
Сайт для заказа товаров или услуг онлайн. Объём определяет необходимые данные товаров, сценарий заказа, способы оплаты, налоговые требования, исполнение заказов, управление ими, возвраты товаров и денежных средств и интеграции. Оплата не обязательно происходит онлайн.
Сквозные услуги
SEO и ИИ-поиск
Поисковая стратегия, техническое SEO, структура контента, уместные структурированные данные и достоверные материалы, которые помогают поисковым системам находить и понимать сайт. Определяем, какие поисковые платформы охватываем; индексацию, позиции и появление в ответах поиска с ИИ не гарантируем.
Аналитика
План измерения, описание событий и, при необходимости, слой данных; настройка сбора данных по согласованным требованиям к согласию и обработке данных; проверка реализации, отчётность и интерпретация.
Развитие и поддержка
Мониторинг, техническое обслуживание, обновления зависимостей и безопасности, исправления, изменения контента, интеграции и итеративные улучшения в согласованном объёме поддержки.
Что охватывает объём работ
Пять составляющих, по которым определяем работы и ответственность.
Результаты описывают, что передаём; процесс - когда согласуем решения; эти составляющие - что входит в сайт и работы вокруг него. Для каждого проекта определяем подходящую основу, контент и ответственность за эксплуатацию. Функции, интеграции и постоянную поддержку подбираем по потребностям. Требования к качеству действуют для всего согласованного объёма, а смета отделяет включённые работы от дополнительных возможностей. Это не последовательные этапы и не готовые пакеты.
Проектная основа
- Что согласуем
- Цели, аудитории, информационная архитектура, подходящая визуальная система, модель редактирования и публикации, CMS при необходимости, ответственность за хостинг и развёртывание, целевой уровень доступности, требования к приватности, согласию и безопасности, показатели производительности и лимиты ресурсов, базовое техническое SEO и план проверки.
- Результат
- Понятная техническая и редакционная основа
Контент и навигация
- Что согласуем
- Типы контента и ответственные за его подготовку, согласование и обновление; страницы, тексты, медиа, структура категорий, навигация, поиск и подбор при необходимости, модель редактирования и данные каталога, если они нужны.
- Результат
- Информация, которую можно найти и поддерживать в актуальном состоянии
Ключевые сценарии
- Что согласуем
- Формы, обращения, бронирование или регистрация; для ecommerce - корзина или прямой заказ, оформление, способы оплаты и исполнение заказов в соответствии с моделью продаж.
- Результат
- Понятные пути к согласованным действиям
Интеграции
- Что согласуем
- Необходимые соединения с CRM, ERP или PIM, email, платформами согласия и аналитики, платёжными, налоговыми, логистическими системами и системами учёта запасов. Определяем данные, направление обмена, ответственность и восстановление после сбоев.
- Результат
- Автоматизированный обмен согласованными данными
Эксплуатация и улучшение
- Что согласуем
- Ответственные за эксплуатацию и передачу; по отдельной договорённости - мониторинг, техническое SEO, измерение, эксперименты, изменения контента, обновления зависимостей и безопасности, обслуживание и поддержка.
- Результат
- Улучшения на основе данных и обратной связи
Условия работы
Как фиксируем договорённости
До начала каждого этапа письменно согласуем результат, сроки, стоимость, график оплаты, исключения и условия передачи или лицензирования. Расходы на сторонние сервисы показываем отдельно.
Рамка проекта
Договорённости до работы
Фиксируем результат этапа, календарь, стоимость, исключения, число циклов проверки, срок согласования и точки решений.
Оплата
По понятным этапам
Каждый платёж связан с конкретным объёмом и результатом, который можно проверить.
Гибкий график
Оплату этапа можно разделить
Если график проекта позволяет, заранее распределяем оплату крупного этапа по нескольким датам. Общая стоимость этапа не меняется: процентов и комиссий нет.
Сторонние расходы
Отдельно от нашей работы
Домены, хостинг, лицензии и другие сторонние сервисы не смешиваем со стоимостью нашей работы: показываем их отдельно до согласования.
Если задача меняется
Сначала показываем влияние на объём, сроки и стоимость. Дополнительную работу начинаем только после письменного согласования.
Пакеты работ
Работы для согласованного объёма
Смета определяет работы, необходимые для реализации и проверки согласованного сайта, а также отдельно обозначает дополнительные возможности.
Можем адаптировать подходящую компонентную систему или шаблон, выполнить редизайн существующего сайта, перенести его на другую платформу или создать индивидуальное решение. Миграцию контента, карту URL и перенаправления определяем при необходимости.
Каждый выбранный пакет работ определяем в смете. Стратегию, интерпретацию результатов и постоянную поддержку указываем отдельно, если они нужны.
Шаблон и адаптация
Подбираем подходящую основу и настраиваем структуру, стили, компоненты и контент под задачу.
Контентная модель и редактура
Определяем типы и поля контента и ответственных за него, структурируем и редактируем согласованные материалы, формируем требования к съёмке или иллюстрациям.
Поисковая и аналитическая реализация
Реализуем согласованные метаданные, структурированные данные, события отслеживания с учётом согласия и требования к слою данных. Стратегию, дашборды и постоянную оптимизацию оцениваем отдельно.
Интеграции и транзакции
Реализуем согласованные формы и сценарии заказа, настраиваем необходимые правила оплаты, налогов и доставки и подключаем нужные CRM, ERP, PIM или сервисы исполнения заказов.
Расширенная проверка
Проверки, необходимые для согласованного объёма, входят в реализацию. Дополнительная работа может охватывать больше браузеров, устройств, вспомогательных технологий, сценариев и условий отказов, с проверкой согласованных показателей производительности и лимитов ресурсов.
Анимация и 3D
Используем анимацию или 3D для согласованной задачи: объяснить продукт, поддержать взаимодействие или передать характер бренда. Определяем ограничения производительности и сохраняем доступность содержания и управления в режиме уменьшенной анимации.
Миграция контента и редиректы
Инвентаризируем и переносим согласованный контент, сопоставляем URL, настраиваем редиректы и проверяем перенесённые материалы после публикации.
Расширенная передача и обучение команды
Кроме стандартных доступов и кратких инструкций при запуске, можем подготовить ролевое обучение, операционный регламент и записанные инструктажи для редакторов.
Как это влияет на оценку
Для каждого выбранного пакета смета определяет результаты, сроки, зависимости и критерии приёмки и указывает, нужен ли он для согласованного объёма или является дополнительной возможностью.
Вопросы
Что важно понять до старта.
Как формируется стоимость сайта?
Стоимость зависит от количества и разнообразия страниц, нужных возможностей, готовности контента и внешних сервисов - например, оплаты, доставки или системы управления отношениями с клиентами (CRM). До начала оплачиваемой работы письменно согласуем объём, сроки, стоимость, график оплаты и исключения. Объясняем предложение и отвечаем на ваши вопросы до его согласования.
Сколько времени занимает создание сайта?
Сроки зависят от объёма и сложности сайта, готовности контента и времени на проверку и решения. После изучения проекта предлагаем этапы, даты и окна согласования. Если нужные материалы или решения приходят позже согласованного срока, обновляем календарь вместо обещания даты запуска, которую не сможем выдержать.
Что потребуется от вас?
Не нужно разбираться в сайтах или иметь большую команду. Если вы ведёте дело самостоятельно, расскажите об организации, аудиториях, целях и нужном результате - или просто опишите идею. Если тип сайта пока неясен, предложим структуру и объём, которые лучше всего поддержат эти цели.
Как мы общаемся во время проекта?
На старте согласуем основной канал связи и порядок сообщений о ходе проекта. Запросы, решения и следующие шаги фиксируем в общем списке, чтобы обеим сторонам было понятно, что уже согласовано и что требует внимания.
Кто готовит тексты и изображения?
Можем работать с вашими готовыми материалами, структурировать и редактировать их или отдельно определить объём создания контента и перевода. Согласуем, кто готовит и утверждает каждый материал, до того, как он понадобится для дизайна или разработки. Права на контент и разрешения определяем отдельно.
Что будет, если объём или требования изменятся?
Сначала показываем, как изменение влияет на объём, сроки и стоимость. Дополнительную работу начинаем только после вашего письменного согласования - без неожиданных счетов.
Смогу ли я попробовать редактирование сайта?
Если проект предусматривает самостоятельное редактирование контента, показываем согласованный редактор на типовой задаче. Перед передачей вы или ответственный человек из команды пробуете внести и опубликовать изменение по инструкции.
Что вы получите после запуска?
При передаче вы получаете готовый сайт в согласованном объёме, определённые доступы к аккаунтам и рабочие инструкции. До начала оплачиваемой работы смета и условия фиксируют, какие дизайн-файлы, исходный код и история репозитория передаются; какие сторонние компоненты остаются лицензированными; какими аккаунтами вы владеете или можете пользоваться. Срок и условия исправления дефектов согласуем до начала работы. Новые функции, дополнительную поддержку и дальнейшее развитие определяем отдельно. Также определяем, кто может менять какой контент, как его публикуют и кто отвечает за сбои публикации.