0
EN

Разработать сайт под ключ

Разработка сайтов под ключ
от 20 дней / от 190 000 ₽

Разработка сайтов

Разработка сайтов

Веб-студия Big Fish разрабатывает корпоративные сайты, интернет-магазины, каталоги, лендинги, порталы и web-сервисы с 2011 года. Проектируем структуру и пользовательские сценарии, создаём UX/UI-дизайн, разрабатываем frontend и backend, подключаем CMS, CRM, 1С и другие внешние системы, выполняем техническую SEO-подготовку, тестируем и запускаем проект.

В работе используем HTML, CSS, JavaScript, React, Vue.js, Next.js, PHP, Laravel, Python, Django, WordPress, MODX, 1С-Битрикс, MySQL, MariaDB, PostgreSQL, REST API, WebGL и другие технологии. Стек проекта определяют функциональность, структура данных, требования к скорости, SEO, безопасности, интеграциям и дальнейшей технической поддержке.

Создание сайта под ключ

Разработка сайта под ключ охватывает весь производственный цикл внутри одной команды. На старте определяем структуру разделов, функциональные модули, пользовательские роли, источники трафика, CMS, внешние интеграции и требования к инфраструктуре. После проектирования создаём дизайн в Figma, разрабатываем интерфейс и серверную часть, настраиваем управление контентом, проводим функциональное и техническое тестирование, подключаем аналитику и публикуем сайт на рабочем сервере.

Стоимость разработки начинается от 190 000 ₽, срок — от 20 рабочих дней. Корпоративные сайты стоят от 290 000 ₽, сайты-каталоги — от 390 000 ₽, интернет-магазины — от 490 000 ₽. Стоимость порталов, личных кабинетов и web-сервисов формируется после проектирования архитектуры и функциональности.

Проектирование структуры сайта

Создаём структуру сайта. Определяем типы информации, которые будут существовать внутри проекта: услуги, товары, категории, отрасли, проекты, кейсы, сотрудники, публикации, документы, города, вакансии и другие сущности. Для каждой сущности проектируем собственный шаблон страницы и связи с другими разделами.

Одновременно формируем карту сайта, навигацию, вложенность разделов, структуру URL и внутреннюю перелинковку. Страница услуги связывается с подходящими кейсами, отраслевыми разделами и экспертными статьями. Карточка товара с категорией, характеристиками, документацией и сопутствующими позициями. Кейсы публикуются в коммерческих разделах и подтверждают опыт компании непосредственно рядом с описанием услуги.

SEO-семантика влияет на архитектуру ещё до начала дизайна. Отдельные группы запросов получают самостоятельные посадочные страницы. Для крупной компании структура часто включает услуги, отрасли, продукты, региональные страницы и информационный раздел. Такая модель поддерживает рост проекта до сотен и тысяч URL без изменения базовой логики сайта.

Для крупных каталогов и порталов отдельно проектируем таксономию данных. Категории, подкатегории, характеристики, фильтры и связи между сущностями фиксируются до начала backend-разработки. Это особенно важно для проектов, где каталог синхронизируется с 1С, ERP или PIM и содержит тысячи товарных позиций.

Корпоративные сайты

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

Для каждого типа контента создаём собственную модель в CMS. Сотрудники компании управляют услугами, проектами, статьями и другими материалами через административную панель без редактирования HTML. Связи между сущностями позволяют автоматически выводить подходящие кейсы на страницах услуг, материалы по отрасли в экспертном разделе и связанные публикации внутри статьи.

Корпоративный сайт интегрируем с CRM, системами аналитики, телефонией, email-маркетингом, 1С и внутренними сервисами компании. Заявка с сайта передаётся в CRM вместе с контактами пользователя, страницей обращения, выбранной услугой, UTM-метками и источником трафика.

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

Стоимость корпоративного сайта — от 290 000 ₽. Срок разработки — от 30 рабочих дней.

Сайты-каталоги

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

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

Каталог связываем с 1С, ERP, PIM, CRM или внутренней базой данных. Автоматический обмен передаёт на сайт названия продукции, артикулы, характеристики, цены, остатки, изображения и документы. Обратный обмен отправляет заявки, заказы и выбранные пользователем позиции в корпоративную систему.

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

Стоимость сайта-каталога — от 390 000 ₽. Срок разработки — от 40 рабочих дней.

Интернет-магазины

Проектирование интернет-магазинов

 

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

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

Интернет-магазин связываем с 1С, CRM, ERP, складом, платёжными системами и службами доставки. Обмен синхронизирует каталог, цены и остатки, передаёт заказы в учётную систему и возвращает на сайт статусы обработки.

Для e-commerce проектов на WordPress используем WooCommerce. Проекты с индивидуальной моделью заказов, специфическими пользовательскими ролями или сложной серверной логикой разрабатываем на отдельном frontend/backend стеке.

SEO интернет-магазина включает категории, товарные страницы, canonical, правила индексации фильтров, Schema.org Product, XML Sitemap, корректную пагинацию и внутреннюю перелинковку между категориями, товарами и информационными материалами.

Стоимость интернет-магазина — от 490 000 ₽. Срок разработки — от 45 рабочих дней.

 

Обсудить проект

 

Лендинги

Лендинги создаём для отдельных услуг, продуктов, рекламных кампаний, мероприятий и запуска новых направлений бизнеса. Структура страницы строится вокруг одного основного предложения и последовательного пользовательского сценария.

Перед дизайном определяем содержание экранов, аргументы, кейсы, формы и точки целевого действия. После прототипирования создаём индивидуальный UX/UI-дизайн в Figma, адаптивный frontend, формы, аналитику и технические SEO-настройки.

Лендинг также получает полноценную техническую основу: семантическую HTML-разметку, адаптивные изображения, оптимизированные шрифты, Core Web Vitals, аналитику событий и защищённую обработку форм.

Стоимость лендинга — от 120 000 ₽. Срок разработки — от 15 рабочих дней.

Web-порталы, личные кабинеты и сервисы

Разрабатываем web-системы с авторизацией, личными кабинетами, пользовательскими ролями, закрытыми разделами, документооборотом, калькуляторами, статусами, уведомлениями и собственной бизнес-логикой.

Архитектура таких проектов делится на frontend, backend, базу данных и интеграционный слой. Backend управляет пользователями, правами доступа, данными и бизнес-процессами. Frontend отображает состояния интерфейса и взаимодействует с сервером через API. База данных хранит структурированную информацию, а интеграционный слой связывает сервис с 1С, CRM, ERP и другими корпоративными системами.

Для серверной разработки используем Laravel, Django и другие backend-технологии. Интерфейсы с большим количеством динамических состояний создаём на React, Vue.js, Next.js. Структурированные данные размещаем в PostgreSQL, MySQL, MariaDB и других подходящих СУБД.

Для систем с пользовательскими аккаунтами отдельно проектируем авторизацию, разграничение ролей, серверную проверку прав, работу с сессиями, журналирование и защиту API.

UX/UI-дизайн

Интерфейсы проектируем в Figma. Работа начинается с прототипов ключевых страниц и пользовательских сценариев. На прототипе определяем содержание, порядок блоков, навигацию, формы, состояния интерфейса и основные действия пользователя.

После согласования структуры создаём визуальную концепцию, типографику, сетку, UI-компоненты и адаптивные версии. Для крупных сайтов формируем библиотеку компонентов: кнопки, поля форм, карточки, меню, фильтры, таблицы, модальные окна, элементы навигации и другие повторяющиеся части интерфейса.

Компонентная система ускоряет создание новых разделов после запуска. Новый экран собирается из уже разработанных элементов с сохранением типографики, отступов, состояний и поведения на разных устройствах.

Визуальная часть проекта связывается с frontend ещё на этапе дизайна. Анимация, sticky-блоки, раскрывающиеся элементы, сложные переходы и интерактивные компоненты получают понятную механику до начала программирования.

На сайте Big Fish дизайну посвящён отдельный кластер материалов, поэтому на основной странице разработки фиксируем его связь с архитектурой, технологиями, производительностью и пользовательскими сценариями.

3D, WebGL и интерактивная графика

Для презентационных и фестивальных проектов используем 3D, WebGL, интерактивную графику, видео и сложную frontend-анимацию. WebGL работает непосредственно в браузере и использует аппаратное ускорение устройства для рендеринга интерактивной 2D- и 3D-графики.

WebGL применяем для продуктовых моделей, интерактивных сцен, фоновых эффектов, визуализации объектов и нестандартных интерфейсных переходов. Сцена интегрируется в обычную HTML-структуру страницы и взаимодействует с прокруткой, курсором, событиями интерфейса и другими элементами frontend.

Для 3D отдельно контролируем количество геометрии, разрешение текстур, размер моделей, количество источников света и объём JavaScript. Мобильная версия получает отдельные настройки качества и нагрузки. Тяжёлые ресурсы загружаются после основного контента или только в момент, когда пользователь приближается к интерактивной сцене.

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

Frontend-разработка

Frontend-разработка

 

Frontend отвечает за весь интерфейс, который работает в браузере: сетку, типографику, адаптивность, навигацию, формы, анимацию, фильтры, интерактивные компоненты и реакцию сайта на действия пользователя.

Для корпоративных и контентных проектов используем HTML, CSS и JavaScript. Для приложений и интерфейсов с большим количеством динамических компонентов применяем React, Vue.js, Next.js и другие технологии соответствующего класса.

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

Адаптивная разработка охватывает desktop, laptop, tablet и smartphone. Отдельно проектируем мобильную навигацию, таблицы, каталоги, фильтры, формы и сложные интерактивные элементы.

Frontend также отвечает за доступность контента поисковым роботам. Для проектов с клиентским рендерингом заранее определяем способ формирования HTML, серверный рендеринг и правила индексации.

Backend-разработка

Backend отвечает за бизнес-логику, обработку данных, CMS, авторизацию, интеграции, API, формы и серверные операции.

Используем PHP, Laravel, Python, Django и другие backend-технологии. Структурированные данные храним в MySQL, MariaDB, PostgreSQL. Архитектура базы строится вокруг сущностей проекта и связей между ними.

Для корпоративного сайта backend управляет контентом, формами, каталогами и интеграциями. Для web-сервиса серверная часть дополнительно обрабатывает пользовательские роли, статусы, расчёты, документы, уведомления и другие бизнес-процессы.

API проектируем с разграничением прав и серверной проверкой входящих данных. Ошибки журналируются, внешние интеграции получают обработку таймаутов и некорректных ответов.

 

Узнать стоимость

 

CMS и управление контентом

Для корпоративных сайтов используем WordPress, 1С-Битрикс, MODX и другие системы управления контентом. CMS выбираем после определения структуры данных, функций сайта, интеграций, требований к SEO и процесса работы сотрудников с контентом.

WordPress используем для корпоративных и контентных проектов, где требуется гибкая структура страниц, собственные типы данных и развитые SEO-настройки. 1С-Битрикс применяем в проектах с соответствующей российской корпоративной инфраструктурой и интеграциями. MODX используем для проектов с собственной структурой шаблонов и управляемого контента.

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

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

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

API и интеграции

Корпоративные сайты интегрируем с 1С, CRM, ERP, PIM, телефонией, платёжными системами, email-маркетингом, службами доставки, аналитикой и внутренними сервисами компании.

Для интеграций используем REST API, webhooks и собственные модули обмена. Формат данных, направление синхронизации, периодичность и правила обработки ошибок фиксируются до начала разработки.

Из 1С или ERP сайт получает товары, цены, остатки, характеристики и другие данные. Заказы передаются обратно в учётную систему. CRM получает заявки вместе с пользовательскими контактами, UTM-метками, страницей обращения и выбранной услугой или товаром.

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

Для сложных интеграций создаём журнал операций. Он показывает время обмена, отправленные данные, полученный ответ и ошибки. Такая схема значительно упрощает поиск проблем после запуска.

SEO-архитектура сайта

SEO-архитектура сайта

 

SEO начинается со структуры проекта. Анализ поискового спроса определяет набор коммерческих и информационных посадочных страниц ещё до создания дизайна.

Услуги, направления бизнеса, товарные категории, отрасли, города и тематические материалы получают самостоятельные URL. Для каждого типа страницы задаём правила метаданных, индексирования и внутренней перелинковки.

На техническом уровне настраиваем Title, Description, H1–H6, canonical, robots meta, XML Sitemap, robots.txt, ALT, HTTP-коды, 301 redirects, 404 и Schema.org. Google отдельно документирует управление обходом, canonical URL, robots и sitemap как элементы технического управления индексированием сайта.

URL, canonical и технические дубли

Структуру URL фиксируем до публикации проекта. Адрес страницы отражает её положение в архитектуре и сохраняется после запуска.

Canonical используем для страниц с несколькими техническими вариантами URL. Для удалённых и перенесённых страниц создаём 301-редиректы. Ошибки 404 контролируем после запуска через системы вебмастеров и серверные журналы.

Особое внимание уделяем каталогам и интернет-магазинам. Фильтрация, сортировка, параметры URL, пагинация, поиск и служебные страницы способны создавать большое количество технических адресов. Для каждого типа задаём правила обхода и индексации.

Robots.txt используем для управления обходом URL поисковыми роботами, а noindex — для управления индексированием страницы. Google отдельно подчёркивает, что robots.txt управляет доступом crawler, а не является инструментом удаления страницы из индекса.

XML Sitemap и внутренняя перелинковка

XML Sitemap содержит основные индексируемые URL проекта. На крупных сайтах карту разбиваем по типам контента: услуги, товары, категории, статьи и другие сущности. Sitemap помогает поисковым системам обнаруживать страницы, особенно на крупных и сложных сайтах, хотя сама по себе карта не гарантирует индексирование URL.

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

Schema.org и структурированные данные

Используем структурированные данные Schema.org для описания организаций, хлебных крошек, статей, продуктов и других сущностей. Для корпоративных сайтов применяем Organization и BreadcrumbList, для публикаций — Article, для e-commerce — Product и Offer. Состав разметки определяется содержанием конкретной страницы.

Структурированные данные помогают поисковой системе точнее интерпретировать сущности и содержание страницы. Google использует такую разметку для понимания контента и формирования поддерживаемых поисковых представлений.

SEO-плагины и технические инструменты

Для WordPress используем Yoast SEO, Rank Math, AIOSEO, SEOPress и собственную разработку. Плагины управляют метаданными, canonical, XML Sitemap, robots и Schema.

Функции SEO-плагина дополняем собственными настройками CMS и шаблонов. Программно реализуем необходимые метаданные для кастомных типов страниц, корректируем Schema, настраиваем редиректы и правила индексации нестандартных разделов.

После запуска подключаем Яндекс Вебмастер и Google Search Console. Отслеживаем индексирование, поисковые запросы, технические ошибки и состояние URL.

 

Обсудить разработку

 

Скорость сайта

Производительность контролируем на уровне frontend, backend и серверной инфраструктуры. Оптимизируем изображения, шрифты, CSS, JavaScript, видео, аналитику и сторонние виджеты.

Изображения подготавливаем в современных форматах и размерах, соответствующих реальной области отображения. Контент ниже первого экрана получает Lazy Load. Основные изображения первого экрана загружаются с высоким приоритетом.

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

На серверной стороне оптимизируем запросы к базе, кеширование и внешние API. Для страниц с высокой частотой обращений используем соответствующий уровень серверного кеширования.

Core Web Vitals

При тестировании производительности контролируем Largest Contentful Paint, Interaction to Next Paint и Cumulative Layout Shift. Ориентиры Google для хорошего пользовательского опыта: LCP не более 2,5 секунды, INP не более 200 мс и CLS не более 0,1, измеренные на 75-м процентиле реальных посещений.

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

INP характеризует отзывчивость интерфейса. Большое количество JavaScript, тяжёлые обработчики событий и сложные вычисления увеличивают задержку между действием пользователя и обновлением интерфейса. CLS измеряет неожиданные смещения элементов. Размеры изображений, рекламных вставок и динамических компонентов фиксируем заранее, чтобы содержимое страницы сохраняло положение во время загрузки.

Мобильные показатели анализируем отдельно. Смартфон с мобильным интернетом создаёт существенно более жёсткие ограничения по CPU, памяти и скорости сети, чем рабочая станция разработчика.

Безопасность сайта

Безопасность проектируем на уровне приложения, сервера, пользователей, API и инфраструктуры. Используем HTTPS/TLS, серверную проверку данных, разграничение прав, обновление программных компонентов, резервное копирование и мониторинг.

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

Авторизация и права доступа

Безопасность сайта

 

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

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

Backend проверяет права на каждую защищённую операцию независимо от состояния frontend. Скрытая кнопка в интерфейсе не является механизмом авторизации — разрешение подтверждается на серверной стороне. Для личных кабинетов отдельно проектируем работу пользовательских сессий и токенов.

Валидация данных

Данные из форм и API проходят серверную проверку. Тип, длина и допустимое значение проверяются до выполнения бизнес-операции или записи в базу данных.

Клиентская валидация помогает пользователю заполнить форму, серверная обеспечивает целостность и безопасность данных. OWASP отдельно рекомендует серверную проверку входящих значений как базовую практику защиты приложений.

Файловые загрузки получают ограничения по типам, размеру и месту хранения. Для публичных форм добавляем механизмы защиты от массовых автоматизированных запросов.

WAF, firewall и rate limiting

Для публичных сервисов используем несколько уровней защиты сетевого и прикладного трафика. WAF фильтрует подозрительные HTTP-запросы, firewall ограничивает сетевой доступ, а rate limiting контролирует частоту запросов к отдельным endpoint. Rate limiting особенно важен для авторизации, восстановления пароля, форм, API и других функций, чувствительных к автоматизированным запросам.

При разработке учитываем рекомендации OWASP (Open Worldwide Application Security Project) — международного проекта, который формирует стандарты и практические рекомендации по безопасности веб-приложений. Проверяем контроль доступа, конфигурацию сервера и приложения, авторизацию, обработку входящих данных, используемые компоненты и другие потенциальные уязвимости. OWASP рассматривает отсутствие корректных ограничений ресурсов и запросов как отдельный риск для API.

Журналы приложения и сервера сохраняют информацию об ошибках и важных событиях. Мониторинг позволяет обнаруживать проблемы после публикации и анализировать причины инцидента.

Обновления компонентов

CMS, framework, плагины, библиотеки и серверные компоненты регулярно обновляются. Перед обновлением коммерческого проекта создаём резервную копию и проверяем ключевые сценарии после установки новой версии.

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

Резервное копирование и восстановление

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

Периодичность определяется интенсивностью изменения данных. Контентный корпоративный сайт и e-commerce проект с постоянным потоком заказов используют разные интервалы резервного копирования.

Для бизнес-критичных систем отдельно задаём RPO — допустимый объём потери данных, и RTO — требуемое время восстановления. Эти показатели определяют частоту резервирования и конфигурацию инфраструктуры.

Тестирование сайта

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

Интеграционное тестирование проверяет обмен с CRM, 1С, ERP, платёжными системами и другими API. Анализируем корректность отправляемых данных, реакцию на ошибочные ответы и повторную обработку неуспешных операций.

SEO-проверка включает HTTP-коды, redirects, canonical, robots.txt, XML Sitemap, метаданные, заголовки, Schema.org, индексирование технических страниц и внутренние ссылки. Производительность анализируем на desktop и mobile. Проверяем изображения, JavaScript, шрифты, сторонние сервисы и Core Web Vitals.

Аналитика сайта

После запуска подключаем Яндекс Метрику, Google Analytics и другие системы в соответствии с задачами проекта. Настраиваем события: отправка формы, звонок, переход в мессенджер, скачивание файла, регистрация, добавление товара в корзину, начало заполнения формы и успешный заказ.

Для e-commerce создаём расширенную цепочку событий. Аналитика показывает переход пользователя от просмотра товара к корзине, оформлению и оплате. Это позволяет определять этапы с наибольшими потерями.

Поисковые данные получаем из Яндекс Вебмастера и Google Search Console. Анализируем запросы, показы, клики, посадочные страницы и проблемы индексирования.

Этапы разработки сайта

Разработка проходит через 8 основных этапов: исследование и архитектура, прототипирование, UX/UI-дизайн, frontend, backend и CMS, интеграции, тестирование, запуск.

На этапе исследования фиксируем продукт, аудиторию, функциональность, источники трафика, содержание и интеграции. Архитектура определяет разделы, типы страниц, пользовательские сценарии и модель контента.

Прототипы фиксируют содержание ключевых страниц и интерфейсные сценарии. После их согласования создаём визуальную систему и адаптивные макеты в Figma. Frontend реализует интерфейс и адаптивность. Backend создаёт CMS, модель данных, бизнес-логику и интеграции. После объединения компонентов выполняем тестирование, техническую SEO-настройку и подключение аналитики.

На запуске переносим проект на production-сервер, подключаем домен, SSL/TLS, системы аналитики и мониторинга. Команда заказчика получает доступы и инструкции по управлению сайтом.

Сроки разработки сайта

Лендинг разрабатываем от 20 рабочих дней. Корпоративный сайт — от 30 рабочих дней. Сайт-каталог — от 40 рабочих дней. Интернет-магазин — от 45 рабочих дней. На сроки влияют поставленные перед проектом задачи, техническое задание, а также оперативность согласования выполненных работ со стороны заказчика.

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

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

Стоимость разработки сайта

Бюджет формируется из объёма аналитики, UX/UI-дизайна, количества уникальных шаблонов, frontend, backend, CMS, интеграций и тестирования.

Лендинг — от 120 000 ₽. Корпоративный сайт — от 290 000 ₽. Сайт-каталог — от 390 000 ₽. Интернет-магазин — от 490 000 ₽.

На стоимость влияют 3D и WebGL, каталог и фильтрация, личные кабинеты, роли пользователей, интеграция с 1С, CRM и ERP, мультиязычность, миграция данных, сложные формы и собственная серверная логика.

Перед началом работ фиксируем архитектуру, перечень функций, этапы, сроки и бюджет. Дополнительные функции получают отдельную оценку до начала их разработки.

 

Узнать цену

 

Технологии разработки сайтов

Используем HTML, CSS, JavaScript, React, Vue.js, Next.js, PHP, Laravel, Python, Django, WordPress, 1С-Битрикс, MODX, MySQL, MariaDB, PostgreSQL, REST API, WebGL и другие инструменты.

Для корпоративного сайта основными требованиями становятся удобная CMS, индексируемая архитектура, скорость и простое управление контентом. Для web-сервиса основное внимание переносится на backend, API, модель данных, пользовательские роли и динамический frontend. Для презентационного сайта дополнительный слой создают WebGL, 3D, анимация и сложная визуальная композиция.

Стек фиксируем на этапе проектирования. Архитектура определяет роль каждой технологии внутри проекта и объём дальнейшей поддержки.

Веб-студия Big Fish

Веб студия Big Fish объединяет UX/UI-дизайнеров, frontend- и backend-разработчиков, менеджеров и специалистов по проектированию сайтов в одной команде.

UX/UI создаётся в Figma. Frontend реализуется на HTML/CSS/JavaScript или компонентном стеке. Backend работает с CMS, базой данных, API и интеграциями. SEO-требования включаются в архитектуру до публикации проекта. Тестирование охватывает интерфейс, мобильные устройства, функциональность, интеграции, производительность и техническую индексацию.

Для проекта создаём единую техническую документацию: структуру, стек, интеграции, доступы и ключевые настройки. После запуска заказчик получает исходные материалы и доступ к системам управления в рамках договора. Разработка сайта под ключ охватывает весь цикл от первого прототипа до production-сервера.

Поддержка и развитие сайта

После запуска создаём новые разделы, посадочные страницы и функциональные модули. Расширяем каталоги, подключаем новые API, дорабатываем frontend и backend, обновляем CMS и зависимости.

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

SEO-развитие включает технические доработки, новые посадочные страницы, внутреннюю перелинковку и исправление проблем индексирования.

Для существующих сайтов проводим технический аудит. Анализируем архитектуру, CMS, frontend, скорость, Core Web Vitals, мобильную версию, HTTP-коды, redirects, canonical, sitemap, безопасность и интеграции.

Заказать сайт под ключ

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

Big Fish выполняет полный цикл разработки: аналитика, архитектура, прототипы, UX/UI-дизайн, frontend, backend, CMS, интеграции, техническое SEO, тестирование и запуск.

Примеры работ

За 15 лет работы Big Fish разработала сайты и цифровые продукты для компаний из разных отраслей: финансов, медицины, промышленности, недвижимости, профессиональных услуг и других направлений.

 

Корпоративный сайт Lenotr Park

 

Lenotr Park

Ландшафтный дизайн

Стоимость: 640 000 руб.

Технологии: HTML, CMS Wordpress

Смотреть кейс

 

 

 

Корпоративный сайт E-COM Consult

 

E-COM Consult

Юридическая компания

Стоимость: 420 000 руб.

Технологии: HTML, CMS Wordpress

Смотреть кейс

 

 

 

Корпоративный сайт Fuzailov

 

Fuzailov

Ландшафтный дизайн

Стоимость: 1 200 000 руб.

Технологии: HTML, 1С-Битрикс

Смотреть кейс

Отзыв Polaris

Отзыв Polaris

Рекомендательное письмо от известного бренда POLARIS

Отзыв Депутат Кузнецов

Отзыв Депутат Кузнецов

Депутат Госдумы Кузнецов Дмитрий Вадимович

Сертификат 1С-Битрикс

Сертификат 1С-Битрикс

1С-Битрикс
"Интеграция с 1С"

Сертификат 1С-Битрикс

Сертификат 1С-Битрикс

1С-Битрикс
"Сертифицированный партнер"

Сертификат 1С-Битрикс

Сертификат 1С-Битрикс

1С-Битрикс
"Композитный сайт"

Сертификат 1С-Битрикс

Сертификат 1С-Битрикс

1С-Битрикс
"Сертифицированный партнер"

Часто задаваемые вопросы (FAQ)

Знаем всё про разработку сайтов, расскажем, покажем, поможем разобраться и вам.

Стоимость разработки в Big Fish начинается от 190 000 ₽. Корпоративный сайт — от 290 000 ₽, сайт-каталог — от 390 000 ₽, интернет-магазин — от 490 000 ₽. Стоимость порталов и web-сервисов формируется после проектирования функциональности.

Лендинг разрабатываем от 20 рабочих дней, корпоративный сайт — от 30 рабочих дней, каталог — от 40 рабочих дней, интернет-магазин — от 45 рабочих дней.

Проект включает исследование, архитектуру, прототипирование, UX/UI-дизайн, frontend, backend, CMS, интеграции, техническую SEO-подготовку, тестирование, подключение аналитики и запуск.

Работаем с WordPress, 1С-Битрикс, MODX и другими CMS. Для web-систем с собственной бизнес-логикой используем Laravel, Django и отдельную backend-архитектуру.

Да. Проектируем UX/UI в Figma, создаём desktop, tablet и mobile версии, UI-компоненты и визуальную систему проекта.

Да. Разрабатываем WebGL-сцены, 3D-графику, интерактивные элементы и frontend-анимацию. Отдельно оптимизируем такие компоненты для скорости загрузки и мобильных устройств.

Проектируем структуру посадочных страниц и внутреннюю перелинковку, настраиваем Title, Description, H1–H6, canonical, XML Sitemap, robots.txt, robots meta, Schema.org, 301 redirects и правила индексации.

Да. Настраиваем обмен товарами, характеристиками, ценами, остатками, заказами и другими данными между сайтом и 1С.

Да. Передаём заявки и заказы в CRM вместе с контактами пользователя, информацией о выбранной услуге или товаре, страницей обращения и источником трафика.

Используем HTTPS/TLS, разграничение доступа, серверную валидацию, обновление компонентов, резервное копирование и мониторинг. Для соответствующих проектов применяем 2FA, WAF, firewall и rate limiting.

Оптимизируем изображения, шрифты, JavaScript, CSS, сторонние сервисы, кеширование и серверную часть. Проверяем LCP, INP и CLS на desktop и мобильных устройствах.

Да. Обновляем CMS и зависимости, развиваем frontend и backend, подключаем интеграции, создаём новые разделы, оптимизируем производительность и выполняем технические SEO-доработки.

Да. Анализируем архитектуру, UX/UI, SEO, frontend, CMS и техническое состояние проекта, затем создаём новую версию с сохранением необходимых URL, данных и интеграций.

Статьи по теме

Партнеры Т-Банка

Big Fish является партнером т-банка и мы готовы предоставлять беспроцентную рассрочку на 12 месяцев, на проекты до 500 000 рублей.

Т-Банк

Мы заключаем с вами договор и выполняем проект. Далее вы оплачиваете его стоимость т-банку равными долями в течении 12 месяцев.