Back to Course

Landing page

0% Complete
0/0 Steps
  1. DESIGN
    Что такое целевая страница (Landing Page)?
  2. Анатомия посадочной страницы
    5 Topics
    |
    1 Quiz
  3. Формулы для построения посадочных страниц
    4 Topics
  4. Правила использования лендинга
    1 Topic
  5. Этапы перед созданием лендинга
    3 Topics
  6. Типы целевых страниц
    3 Topics
  7. Виды целевых страниц
    4 Topics
  8. Структура лендинга
    34 Topics
    |
    1 Quiz
  9. Copywrite
    What is landing page?
    1 Quiz
  10. Types of landing pages
    11 Topics
    |
    1 Quiz
  11. Anatomy of landing page
    11 Topics
    |
    1 Quiz
  12. Formulas of landing pages
    1 Quiz
  13. Tips for good landing pages
    1 Quiz
  14. Development
    Аналитика
    2 Topics
    |
    2 Quizzes
  15. Список полезных плагинов и библиотек для работы с лендингами
    3 Topics
  16. Верстка
    2 Topics
    |
    1 Quiz
  17. UX for developers
    1 Topic
  18. Customer avatar
    Аватар клиента
    1 Quiz
Lesson 8, Topic 25
In Progress

Портфолио

20.01.2022
Lesson Progress
0% Complete

1. Как сделать портфолио

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

Есть разные варианты оформления портфолио. Их можно подбирать в зависимости от вида бизнеса компании. Важно лишь следить за тем, чтобы структура была интуитивной и понятной. Чем проще все на странице, тем лучше.

2. Как оформить портфолио

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

Тяжелее всего с портфолио крупных компаний — проектов много и найти похожий на свой не представляется возможным действием. Чтобы избежать подобных неудобств, достаточно просто структурировать материал, то есть поделить все по разделам или категориям. Вот пример оформления, когда количество работ исчисляется тысячами. Обратите внимание на кнопку «Все теги» — список расширяется:

3. Элементы оформления портфолио

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

4. Примеры

Студия Артемия Лебедева

Ссылка — https://www.artlebedev.ru/everything/

Особенности

Креативное название портфолио – «Задизайнено».

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

Принцип организации работ – плитки, которые долго-долго листаешь вниз.

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

Компания «Алтэк»

Ссылка — https://altekpro.ru/portfolio/

Особенности

Интересная особенность портфолио на этом сайте — строка поиска.

Работы разбиты по категориям для облегчения просмотра конкретного направления деятельности. Кнопка «Все» настроена по умолчанию, она же возвращает список всех работ.

В шапку портфолио также включены отзывы клиентов и их список — хороший прием для усиления впечатления от списка работ.

Агентство «Текстерра»

Ссылка — https://texterra.ru/portfolio/

Особенности

Работы оформлены категориями.

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

Работы в категориях по структуре внутреннего представления отличаются между собой

Компания «Свое»

Ссылка — https://art-doors.ru/portfolyo/

Особенности

Работы организованы плитками, подписаны и имеют водяной знак.

Если на работу навести курсор, появится надпись «Смотреть», можноее открыть. Внутри — полноценный кейс по проекту — текст, который чередуется с большими увеличивающимися изображениями.

Страница любой работы и страница с портфолио имеют в конце заявку на расчет.