Создание сайтов-портфолио в Санкт-Петербурге

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

  • 13проектов в портфолио
  • 7наград и отметок, 2025
  • 30дней поддержки после сдачи

Тарифы и цены

от40 000 ₽

Срок
10–14 дней
Объём
до 20 работ
Платформа
Чистая вёрстка
  • Сетка работ с просмотром крупным планом
  • Страницы «Обо мне» и «Контакты»
  • Адаптивная вёрстка, изображения в WebP
Обсудить тариф

от70 000 ₽

Срок
2–3 недели
Объём
до 50 работ
Платформа
WordPress
  • Прототип и индивидуальный дизайн под ваш стиль
  • WordPress с разделом «Проекты» и нашими плагинами
  • Страницы проектов с описанием, фото и видео
Обсудить тариф

от110 000 ₽

Срок
3–5 недель
Объём
до 150 работ
Платформа
WordPress
  • Анимации и плавные переходы между работами
  • Блог или журнал, тексты пишем мы
  • Заявки в Битрикс24 или amoCRM
Обсудить тариф

Цену и состав фиксируем в договоре после бесплатного брифинга.

  • Работы на первом плане

    Сетка и просмотр крупным планом, изображения оптимизированы (WebP).

  • Страница у каждого проекта

    Задача, описание, фото и видео: с тарифа «Стандарт».

  • Добавляете работы сами

    Админка на WordPress с тарифа «Стандарт»: без разработчика.

  • Связь за одно касание

    Форма и мессенджеры, заявки на почту и в Telegram.

Об услуге

Что такое сайт-портфолио

Если задача другая

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

Его заказывают фотографы, дизайнеры, архитекторы, художники и студии. Главное в таком сайте — изображения, поэтому мы переводим их в WebP и подгружаем по мере прокрутки: галерея не перегружена даже при большом числе фотографий. В старших тарифах новые работы вы добавляете сами через админку.

  • 01Галерея работ
  • 02Страницы проектов с описанием
  • 03Страница о вас или студии
  • 04Форма связи и контакты

Почему Zeroscreen

Что отличает нашу работу

Это не слоганы: каждый пункт можно проверить в договоре, в коде и в готовом сайте.

  • 01

    Сначала подача, потом дизайн

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

    Ключевое отличие

  • 02

    Лёгкая галерея на своём коде

    Изображения в WebP подгружаются по мере прокрутки, поэтому галерея остаётся лёгкой даже при сотне фотографий. На WordPress работаем со своими плагинами и разделом «Проекты».

  • 03

    Проверка перед сдачей

    Смотрим, как работы выглядят и открываются на телефоне и при слабом интернете, проверяем форму связи и скорость галереи. Итоговую проверку проводит руководитель студии.

    Ключевое отличие

  • 04

    Цена и срок в договоре

    Состав, число работ и срок фиксируем в договоре. Съёмка, ретушь и отбор работ в стоимость не входят, их выполняете вы.

    Ключевое отличие

  • 05

    Работы и сайт принадлежат вам

    Файлы проектов, макеты и доступы передаём вам. Админка WordPress позволяет добавлять новые работы самостоятельно.

  • 06

    Один контакт на весь проект

    Подачу работ обсуждаете с менеджером проекта, к нему подключаются дизайнер и разработчик. В Telegram отвечаем в течение часа в рабочее время, 30 календарных дней после сдачи помогаем с работами и правками.

Портфолио

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

Реальные проекты студии, ближайшие по задаче к услуге «Сайт-портфолио». Всё портфолио

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

Сайт-портфолио фотографа2026WordPress

Полина Яшина — фотограф

Портфолио фотографа: фотографии главные, страницы не перегружены при большом числе изображений.

  • Сайт-визитка
  • Дизайн
  • Вёрстка и SEO-основа
Смотреть кейс

Признание

Награды и отметки

Проекты студии отмечены на международной площадке Behance и российской платформе Dprofile. Всего семь отметок за 2025 год.

  • 2025

    Графика: Лучшее; Adobe Illustrator: Лучшее

    Behance3 отметки

  • 2025

    Рекомендовано: Графический дизайн

    Dprofile2 отметки

  • 2025

    Рекомендовано: Брендинг

    Dprofile1 отметка

  • 2025

    Лучшее

    Dprofile1 отметка

Часть наших работ скрыта авторами и в этом списке не показана. Подробнее на странице «О нас».

Отзывы

Что говорят заказчики

Отзывы заказчиков студии: государственные организации, ресторан и частный специалист.

Все отзывы

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

Елена ИльинаПсихолог, Екатеринбург

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

Роман Н.МФЦ «Мои документы», г. о. Лобня

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

Иван Ж.ФГБУ «ФЦТ»

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

Мила А.Ресторан «OMG Coffee»
Сергей Костюк, основатель и руководитель Zeroscreen

Кто отвечает за результат

Проект ведёт команда, а перед сдачей его проверяет руководитель студии

Красивый сайт — это половина дела. Вторая половина — вычёркивание лишнего: на экране остаётся то, что отвечает на вопрос посетителя.

Сергей КостюкОснователь и руководитель студии, Senior-разработчик

Сергей занимается разработкой сайтов с 2011 года. Мы небольшая студия и отвечаем за результат лично. Цена, состав и срок записаны в договоре, а перед сдачей сайт проходит проверку по чек-листу.

13
проектов в портфолио
6
специалистов в команде
7
наград и отметок, 2025

Страница обновлена: Команда студии О Zeroscreen

Цена

Тарифы и состав

Три тарифа с точным составом. Цена указана «от»: итог фиксируем в договоре после бесплатного брифинга. Полное сравнение на странице «Цены».

Старт

Галерея работ и страница о вас: запуск без CMS, новые работы на первое время добавляем мы.

от 40 000 ₽

Срок
10–14 дней
Объём
до 20 работ
Платформа
Чистая вёрстка
  • Сетка работ с просмотром крупным планом
  • Страницы «Обо мне» и «Контакты»
  • Адаптивная вёрстка, изображения в WebP
  • Форма связи, Яндекс.Метрика, SEO-основа

Не входит: Админка: работы добавляем мы; Отдельные страницы проектов

Стандарт

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

от 70 000 ₽

Срок
2–3 недели
Объём
до 50 работ
Платформа
WordPress
  • Прототип и индивидуальный дизайн под ваш стиль
  • WordPress с разделом «Проекты» и нашими плагинами
  • Страницы проектов с описанием, фото и видео
  • Фильтр работ по категориям

Не входит: Блог и тексты от нас; Интеграция с CRM

Расширенный

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

от 110 000 ₽

Срок
3–5 недель
Объём
до 150 работ
Платформа
WordPress
  • Анимации и плавные переходы между работами
  • Блог или журнал, тексты пишем мы
  • Заявки в Битрикс24 или amoCRM

Не входит: Фото- и видеосъёмка; Продвижение и реклама

Сравнить тарифы подробно
ПараметрСтартот 40 000 ₽Стандартот 70 000 ₽Расширенныйот 110 000 ₽
Работ в галереедо 20до 50до 150
Срок10–14 дней2–3 недели3–5 недель
Прототип структурыВходитВходитВходит
ДизайнНа проверенной структуре, под ваш стильИндивидуальныйИндивидуальный, с анимацией
ПлатформаЧистая вёрстка (HTML, CSS, JS)WordPressWordPress
Админка: самостоятельное добавление работНе входитВходитВходит
Отдельные страницы проектовНе входитВходитВходит
Фильтр работ по категориямНе входитВходитВходит
ТекстыВаши материалыВаши, мы структурируем и редактируемКлючевые страницы пишем мы
Блог или журналНе входитНе входитВходит
Форма связи: почта и TelegramВходитВходитВходит
Яндекс.Метрика и целиСчётчик и базовые целиСчётчик и целиСчётчик, цели и события
SEO-основа: заголовки, метатеги, карта сайтаБазоваяВходитВходит
Интеграция формы с CRM (Битрикс24, amoCRM)Не входитНе входитВходит

В каждом тарифе

Что входит в любую работу

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

  • Договор и акты

    Работаем официально: индивидуальный договор, счёт, акты. Подписываем в ЭДО или на бумаге.

  • Прототип и согласование

    Сначала схема и структура, потом дизайн и код. На каждом этапе вы видите результат и вносите правки.

  • Адаптивная вёрстка

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

  • Заявки и аналитика

    Форма заявки с согласием на обработку данных, Яндекс.Метрика и базовые цели, регистрация в Яндекс.Вебмастере и Google Search Console.

  • Контроль качества и запуск

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

  • Исходники и доступы

    Макеты, код, доступы и файлы передаём вам после полной оплаты. Сайт принадлежит вам.

  • Обучение

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

  • Поддержка 30 календарных дней

    Исправляем ошибки и помогаем с мелкими правками после сдачи. Входит в любой тариф.

Из чего цена

Из чего складывается цена сайта

В тарифах цена указана «от». Она растёт вместе с объёмом и сложностью задачи, а не от желания «подороже». Итог записываем в договор после брифинга, и в процессе работы он не меняется, если задача прежняя.

Точную сумму назовём после бесплатного брифинга: он занимает один созвон.

Получить КП
  1. 01

    Число работ

    От 20 до 150: больше работ — больше обработки изображений и страниц проектов.

  2. 02

    Админка

    В «Старте» работы добавляем мы, со «Стандарта» вы делаете это сами через раздел «Проекты».

  3. 03

    Страницы проектов и фильтры

    Описание, фото и видео для каждой работы и фильтр по категориям входят со «Стандарта».

  4. 04

    Анимации и блог

    Плавные переходы между работами и журнал с текстами от нас входят в «Расширенный».

  5. 05

    Заявки и поиск

    Передача заявок в CRM и регистрация в Яндекс.Вебмастере и Google Search Console есть в старшем тарифе.

Что оплачивается отдельно

Об этих расходах мы говорим заранее, а не добавляем в счёт по ходу работы.

  • Домен и хостинг

    Оплачиваете вы напрямую провайдеру. Ориентир: домен от 200 ₽ в год, хостинг от 1 500 до 10 000 ₽ в год. Поможем выбрать и подключить.

  • Платные лицензии и сервисы

    Лицензия 1С-Битрикс (её покупает заказчик, мы подбираем редакцию), платные шрифты, стоковые фото, сторонние расширения, сертификаты, подписка на CRM, комиссии платёжных систем. Сторонние компоненты работают по своим лицензиям; список передаём вместе с сайтом.

  • Наполнение и материалы

    Тексты (кроме тарифов, где они указаны), фотографии, видео, наполнение каталога сверх объёма тарифа. Логотип и фирменный стиль можно заказать отдельно.

  • Юридические тексты

    Политику обработки персональных данных, оферту и реквизиты передаёте вы или ваш юрист. Мы размещаем их на сайте.

  • Продвижение и реклама

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

  • Новые функции после сдачи

    Задачи за рамками брифа обсуждаем отдельно: оцениваем срок и стоимость до начала работы.

Технологии

На чём делаем сайты

«Старт» собираем чистой вёрсткой, начиная со «Стандарта» ставим WordPress с разделом «Проекты» и админкой: новые работы вы добавляете сами.

  • WordPress и WooCommerce

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

  • Другие платформы по запросу

    Tilda, Laravel, чистая вёрстка и другие CMS и фреймворки. Если у вас уже есть сайт на другой платформе, доработаем его или перенесём.

  • Функции под ваш бизнес

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

Этапы

Как проходит работа

От 10 дней до 5 недель: срок зависит от тарифа и числа работ.

  1. 01

    Брифинг и КП

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

    Результат

    КП и договор

  2. 02

    Прототип

    Продумываем сетку работ, страницы проектов и путь клиента от галереи до обращения.

    Результат

    Схема страниц

  3. 03

    Дизайн

    Макеты для телефона и компьютера: работы остаются на первом плане, до двух кругов правок.

    Результат

    Утверждённые макеты

  4. 04

    Вёрстка и настройка

    Адаптивная вёрстка, подготовка изображений, форма связи, Яндекс.Метрика, SEO-основа, админка на WordPress от тарифа «Стандарт».

    Результат

    Сайт на тестовом адресе

  5. 05

    Контроль качества и запуск

    Проверка по чек-листу и скорости галереи, перенос на хостинг, обучение добавлению работ, 30 календарных дней поддержки.

    Результат

    Сайт онлайн и все файлы у вас

Что нужно от вас

  • 01

    Бриф

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

  • 02

    Материалы

    Пришлите логотип, фотографии, тексты и сайты, которые вам нравятся. Чего-то не хватает: подскажем, как это собрать, или поможем сами.

  • 03

    Один ответственный

    Выберите человека, который будет согласовывать этапы и отвечать на наши вопросы. Благодаря этому работа не стоит на месте.

  • 04

    Согласования в срок

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

  • 05

    Доступы

    Если у вас уже есть домен, хостинг, CRM или платёжные системы, понадобятся доступы к ним. Как передать их безопасно, мы объясним.

  • 06

    Предоплата

    Для старта нужно внести 30 % (в тарифе «Старт» 50 %), остальное оплачивается после сдачи. Большие проекты делим на этапы.

Качество

Как мы проверяем сайт перед сдачей

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

  • 0,05с

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

    Lindgaard и др., 2006

  • 53%

    мобильных визитов прекращаются, если страница грузится дольше 3 секунд

    Google, 2016

  • до 7%

    конверсии может уйти из-за задержки загрузки всего на 0,1 секунды (розничные сайты)

    Akamai, 2017

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

  • Адаптивность

    Открываем сайт на смартфонах, планшетах и ноутбуках и в четырёх браузерах: Chrome, Safari, Firefox и Яндекс Браузере. Блоки не должны наползать друг на друга, а страница не должна уезжать вбок.

  • Поведение при изменении размера

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

  • Скорость загрузки

    Изображения переводим в WebP, шрифты подгружаем заранее, лишние скрипты не ставим. После этого замеряем скорость и убираем всё, что тормозит, ещё до сдачи.

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

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

  • Формы и заявки

    Проверяем форму связи, уведомления, согласие на обработку данных, отправку заявок в CRM (в расширенном тарифе) и просмотр работ на телефоне.

  • Техническое и внутреннее SEO

    Проверяем заголовки, метатеги, canonical, карту сайта и robots.txt, микроразметку, страницу 404, редиректы и цели в Яндекс.Метрике. Это фундамент, на который затем можно опереться при продвижении.

  • Доступность

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

  • Контент и ссылки

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

Договор

Условия работы

Цена фиксируется в договоре
После брифинга мы записываем в договор стоимость, состав работ и срок. Пока задача остаётся прежней, цена не растёт. НДС не облагается: указанная цена окончательная.
Оплата частями
Начинаем с предоплаты 30 % (в тарифе «Старт» 50 %), остаток вы платите после сдачи. Крупные проекты, от 150 000 ₽, делим на этапы (прототип, дизайн, вёрстка, запуск) и закрываем каждый актом.
Правки включены
В стоимость входят до двух кругов правок на макеты и один на готовый сайт. Если появляется новая идея вне брифа, мы оцениваем её отдельно.
Сроки зависят от обеих сторон
Отсчёт начинается с предоплаты и получения от вас материалов. Если согласование затягивается, срок сдвигается ровно на это время. Если срок затянем мы по своей вине, дадим скидку на доработки.
Сайт принадлежит вам
Когда работа полностью оплачена, к вам переходят исключительные права на дизайн и код, а также исходники, макеты и доступы. Сторонние компоненты (WordPress, плагины, шрифты) работают по своим лицензиям. Сайт можно перенести на любой хостинг или отдать другому разработчику.
Цена зависит от задачи, а не от города
Мы работаем по всей России: цену определяет задача, а не город, и заказчику из Санкт-Петербурга расчёт делаем так же, как любому другому. Личная встреча не требуется: видеосвязь, документы в ЭДО, файлы в облаке.
Конфиденциальность
Если нужно, подпишем соглашение о неразглашении.

Санкт-Петербург

Что учитываем для проектов с большим числом фотографий

У архитекторов и дизайнеров интерьера на один проект приходятся десятки кадров. Мы делаем страницы проектов с галереей, подписями и фильтром по типам объектов, как на сайте Punkt. Изображения готовим в WebP, чтобы страница открывалась быстро даже при десятках фотографий.

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

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

Вопросы

Вопросы о заказе сайта-портфолио в Санкт-Петербурге

Что входит в стоимость, как проходит работа и о чём чаще всего спрашивают перед заказом.

Не нашли ответ? Напишите, ответим по существу в течение рабочего дня.

TelegramВсе вопросы и ответы

01

Что входит в стоимость сайта-портфолио?

Прототип, дизайн, адаптивная вёрстка, галерея работ, форма связи, Яндекс.Метрика, SEO-основа, запуск, обучение и 30 календарных дней поддержки. Съёмку, ретушь и отбор работ вы делаете сами, а мы подготавливаем изображения для сайта.

02

Сколько работ стоит показывать на сайте?

Лучше показать 15–30 сильных работ, чем сотню средних: сайт запоминается качеством. Остальное можно хранить в архиве и добавлять постепенно. Лимит галереи зависит от тарифа: от 20 до 150 работ.

03

Можно ли добавить английскую версию для иностранных заказчиков?

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

04

Как показать проекты, которые нельзя раскрывать?

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

05

Чем сайт-портфолио отличается от визитки?

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

06

Как добавлять новые работы?

Со «Стандарта» сайт работает на WordPress с разделом «Проекты»: вы добавляете фото, описание и категорию в админке, страница проекта создаётся автоматически. В «Старте» новые работы на первое время добавляем мы.

07

Сколько стоит сайт-портфолио и в какие сроки?

От 40 000 ₽ в «Старте» (до 20 работ, 10–14 дней), от 70 000 ₽ в «Стандарте» (до 50 работ, 2–3 недели), от 110 000 ₽ в «Расширенном» (до 150 работ, 3–5 недель). Для Санкт-Петербурга цены те же, что для других городов, точную сумму называем после бесплатного брифинга.

08

Как защитить фотографии и макеты от копирования?

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

Нужен сайт-портфолио?

Пришлите примеры работ или опишите их — подготовим КП на сайт-портфолио с ценой и сроками.