Сайт-портфолио для проекта по частным строительным услугам
Задача
Оформить сайт для потенциальных клиентов. Тематика: частные услуги в строительстве (предполагаю, что проектирование в основном).

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

Вероятно, нужна будет форма обратной связи. Возможность самостоятельно загружать и редактировать работы в портфолио.
Вопросы до начала работы
У меня есть предварительная анкета. Заполните её пожалуйста, когда у вас будет время.

Ссылка на анкету: https://forms.gle/VCC22qsf9uxWUHG99
Как я работаю? Порядок работы, сроки и расчет стоимости
Сначала вы просматриваете данную страницу, заполняете анкету, по возможности прилагаете примеры и референсы сайтов, которые вам нравятся (это не обязательно, также не обязательно, чтобы соответствовала тематика вашей, это может быть любой другой сайт).

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

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

Я работаю без предоплаты. Моя ставка: 2000р/блок. Под блоком имеется в виду один экран монитора с определенным содержанием («О нас», «Услуги», «Контакты» и т. д.)

Важно! Беру оплату 50% только после создания дизайна сайта в Figma (это визуальное изображение, которое потом переносится поблочно на сайт с добавление функционала).
Примеры блоков

Могу прикинуть на вскидку, что будет несколько страниц:
  1. Главная страница
  2. Портфолио (с возможностью добавления новых проектов)
  3. Услуги (аналогично портфолио)
Информацию «О нас» и «Контакты» можно встроить в эти страницы.

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

Допустим, главная страница будет 7 блоков, а портфолио и услуги по 3 блока (итого 6) + подвал и шапка сайта/меню. Итого 15 блоков, что равно 30 000р.

Можно уместить всё на одну страницу, особенно, если на текущий момент реализованных проектов в портфолио немного и, условно, сделать блоков 10. Тогда можно уложиться в 20 000р. А потом уже с развитием проекта дополнить сайт и сделать под портфолио отдельную страницу.

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

Что по срокам?

Я обычно закладываю на работу месяц.
1 неделя: обсуждение ТЗ и референсов, текстовый прототип
2 неделя: визуализация прототипа в Figma, так скажем «набросок сайта» + дизайн
3 неделя: перенос сайта в Tilda, подключение форм, создание функциональных и кликабельных элементов
4 неделя: завершение работы, доведение сайта до желаемого результата

Каждый этап согласовывается, только потом переходим к следующему.

У меня обычно лист ожидания от 1 до 4 недель. Поэтому лучше сразу написать, когда определитесь.

Оплата самого хостинга сайта (не мне за работу, а чтобы он существовал). Публикация сайта стоит 750р/месяц или при оплате сразу за год 500р/месяц (это 6000р) + домен в подарок. Подробнее тут: https://tilda.cc/ru/pricing/

Во время переноса сайта на Тальду (не сейчас, а после согласования дизайна) мне нужно будет, чтобы кто-то из команды, ответственный за сайт, создал аккаунт по ссылке https://tilda.cc/?r=2865184 и скинули мне логин и пароль. Насколько я помню, для новых пользователей 2 недели бесплатно. Этого как раз хватает на создание сайта и все правки.
Подробнее про Tilda
Плюсы и минусы Тильды
https://katrinart.ru/blog/plusy-minusy-tilda

Сделать сайт на Тильде или верстать?
https://katrinart.ru/blog/tilda-ili-verstka

Обзор и отзывы о конструкторе сайтов Tilda
https://tilda.education/konstructor-saitov-tilda

Чем хорош сайт на Тильде? И почему не надо лезть в дорогостоящие решения
https://habr.com/ru/articles/545130/

Примеры сайтов на Tilda
https://tilda.cc/ru/madeontilda/
Структура сайта и прототип
Прототип для сайта — это схема будущего сайта, которая помогает визуализировать размещение элементов. Прототип может предоставить сам заказчик, а потом подкорректировать его вместе с дизайнером.

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

В целом я готова помочь с составлением прототипа и написанием текстов. Но мне в любом случае нужна какая-то основа, чтобы было от чего отталкиваться.

Важно! В течение месяца после завершения проекта, техподдержка сайта идёт в подарок.
Что можно почитать по данной теме?
Как составить структуру сайта?
https://vc.ru/u/1770320-dmitriy-lashmanov/672455-kak-sostavit-strukturu-sayta

Пример прототипа сайта
https://katrinart.ru/blog/primer-prototip-sajta

Как сделать прототип сайта?
https://katrinart.ru/blog/kak-sdelat-prototip-sajta

Как подготовить тексты для прототипа
https://katrinart.ru/blog/teksty-dlya-sajta
Пример структуры для сайта
  • Меню сайта
    Все блоки + кнопка обратной связи + телефон и адрес
  • Обложка
    Название компании, слоган + кнопка обратной связи
  • О нас
    Информация об организации, то, что должно вызывать доверие. Когда компания начала работать, кто ответственное лицо и т.д.
  • Реализованные проекты
    Фото готовых проектов + метраж + стоимость + расположение
  • Этапы работы
    Что за чем следует
  • Тарифы
    Стоимость работы
  • Услуги
    Что ещё может предложить компания
  • Отзывы
    Отзывы реальных людей о проделанной работе и предоставленных услугах
  • Спонсоры и партнеры
    Лого компаний, с которыми сотрудничает компания
  • Контакты
    Телефоны, адрес с картой проезда
  • Подвал сайта
    Лого, реквизиты, ссылки на самые важные блоки, контакты, адрес.

Данный «прототип» написан как пример, до нашего обсуждения проекта, поэтому буду рада вашим комментариям и идеям.

Примеры сайтов
Сайты и изображения, которые можно рассмотреть как референсы
  • СТАБИЛИС
    https://stabilis360.ru/

    Крупные качественные фото и рендеры — это всегда плюс. Мне очень понравился блок «Портфолио», есть чем вдохновиться. Рекомендую полистать https://stabilis360.ru/projects и посмотреть отдельные страницы, например https://stabilis360.ru/lazuli
  • АРХИТЕКТУРНАЯ СТУДИЯ «МЕРА»
    https://www.mera-project.ru/

    Много «воздуха» и свободного пространства на странице. Хорошая лаконичная структура сайта
  • saar buro
    https://saar-buro.com/

    Здесь мне нравится цветовая гамма сайта и некоторые блоки
  • СКАНДИНАВСКИЕ КВАРТАЛЫ
    https://scandinavskie.ru/

    Пример достаточно простого, но стильного и понятного сайта. Подобный сайт будет удобен в редактировании
  • АБИС
    https://abisnsk.ru/

    Очень грамотно и аккуратно сверстан сайт. Всё четко и понятно. Ничего лишнего
  • ts group
    https://tsgroupnsk.ru/

    Светлый сайт с акцентами на фото. Понравился блок «Команда» и «Учредители»
  • BREIG
    https://breig-property.online/

    Ещё один пример минималистичного дизайна, но с небольшими бюрюзовыми акцентами
  • REM ROOM
    https://md-design.tilda.ws/

    Интересные цветовые акценты. Нестандартный дизайн блоков
  • RIMSHA DESIGN
    https://rimshadesign.ru/

    Многими любимый минимализм. Мне нравится, что есть блок «Частые вопросы»
Спасибо за просмотр
Буду ждать ваших комментариев для обсуждения
This site was made on Tilda — a website builder that helps to create a website without any code
Create a website