Петр Шпис

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

Коротко

• На сайте команда, услуги и уже сделанные проекты
• Заявку можно оставить с телефона и с компьютера
• Контент после запуска команда меняет сама, через CMS

Задача

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

Решение

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

Макеты и прототипы страниц собрали в Tilda. Визуал проработали так, чтобы он оставался функциональным. Финальный вариант утвердили после нескольких итераций.

Первый экран называет, кто это: Петр Шпис, фулстек-разработчик и основатель MakeDifference. Рядом кнопка «Оставить заявку» и ссылки, чтобы написать в соцсетях. Меню ведёт в услуги, проекты, опыт, преимущества и контакты.

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

На телефоне тот же вход и блок про команду: разработчики и дизайнеры.

Портфолио собрано карточками проектов.

Страницы сверстали в Tilda и адаптировали от смартфона до компьютера. Подключили CMS, чтобы обновлять информацию без разработчика. Добавили формы обратной связи.

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

Стек

• Figma
• Tilda
• Веб-разработка
• Дизайн сайтов
• Сайт "под ключ"

Результат

Получился адаптивный сайт с разделами о команде, услугах и портфолио и с формами обратной связи. Он открыт на petrshpis.com.

На телефоне форма короткая: имя, телефон и описание задачи. Портфолио открывается там же.

Пользователи оставили положительные отзывы. Запросов от потенциальных клиентов стало больше, репутация на рынке веб-разработки укрепилась.