Название проекта
На данной странице можно использовать множество элементов оформления, для того, чтобы максимально подробно и интересно рассказать о проекте, который Вы сделали:
- Маркированные и нумерованные списки
- Одиночные изображения, видео и галереи
- Иконки с текстом для лучшей фокусировки на ключевых моментах
- «Аккордеон» — раскрывающиеся блоки текста при нажатии.
- Таблицы
- Блоки внимания
- Таймлайн, отражающий ход работ (для долгосрочных услуг)
- Отзыв от данного клиента
Изображения, видео и галереи
Основа хорошего портфолио — визуальная составляющая. Вот лишь несколько примеров, как можно использовать эти элементы:
- фото результата работы,
- видео процесса
- видео отзыв или фото благодарственного письма
- сравнение фотографий До / После

В галерее можно вставлять не только фото, но и видео. Ниже — несколько вариантов отображения галереи.
Дополнительные опции:
- Автопрокрутка (задание скорости, отключение, приостановка при наведении курсора)
- При клике на изображение — открыть его на весь экран (реализовано в первой галерее) / открыть произвольную ссылку / ничего не делать.
Медиа карусель
Слайдер-диафильм
3D-карусель
Простая галерея
Простой слайдер



Сравнение изображений
Отличный способ показать качество своей работы — сравнение до и после:






Иконки с текстом
Сконцентрируйте внимание читателя на конкретных фактах.
Название факта
Описание факта.
Название факта
Описание факта.
Название факта
Описание факта.
Аккордеон
Отлично подходит для блока «Вопросы и ответы», или любой другой структурированной информации.
Здесь можно вставить развёрнутый ответ на вопрос
Как ещё можно использовать данные блоки? Можно, например, указать список вопросов, в которых вы помогли клиенту. Вынести в подзаголовки категории, из которых состоял проект, и по каждой категории указать список подзадач.
А ещё здесь можно :
- использовать списки
- вставлять изображения
- добавлять ссылки
- форматировать текст по своему усмотрению
Таблицы
Даже если таблица будет слишком широкой — на мобильных устройствах её всё равно будет удобно просматривать, т.к. мы сделали адаптацию для мобильных устройств (на телефоне таблицу можно прокручивать по горизонтали).
Заголовок №1 | Заголовок №2 | Заголовок №3 |
---|---|---|
Простой текст | Описание | Описание |
Текст-ссылка | Описание | Описание |
Текст с иконкой | Текст с иконкой | Текст с иконкой |
Блоки внимания
Призыв к действию
Таймлайн
Этапы работ с клиентом. Поможет читателю посмотреть последовательность и сроки на примере реального проекта:
Запуск проекта
Составление сметы и подписание договора
Окончание основного этапа работ
Финальные правки
Завершение
Отзыв клиента
Чтобы отзыв действительно был эффективен — приведите доказательства того, что он настоящий. Вот варианты, как этого добиться:
- Видео-отзыв
- Благодарственное письмо от компании заказчика
- Отзыв, написанный от руки, на фирменном бланке Вашей компании
- Скриншот из мессенджера или соцсети
Любой из перечисленных вариантов отлично впишется под блоком отзыва в качестве доказательства.

Отличная компания, отличные ребята, помогли мне разобраться с моей проблемой и дали ценные советы, как больше не попадать в такие ситуации. Буду рекомендовать фирму друзьям, родителям и детям
Информация:
Заказчик:
ООО «Зеленоглазое такси»
Содержание: