Показать нельзя облажаться: оформляем портфолио разработчика

Показать нельзя облажаться: оформляем портфолио разработчика

30.10.2019
Коллеги! С вами Ярослав Голуб, руководитель интернет-агентства INTEC.

Продолжаю рассказывать о том, как сделать идеальный сайт интернет-агентства.
Расскажу о принципах оформления на сайте раздела «Портфолио», которое презентует вас в выгодном свете, а не подставит. Ведь портфолио – первое, на что обратит внимание потенциальный клиент, выбирая разработчика для сайта. Если красота дизайна великолепно сочетается с функциональностью, а уровень работ соответствует его желаниям, он точно захочет перейти к более близкому знакомству.


Цель качественного портфолио – грамотная презентация себя как специалиста.


Как будем презентовать?

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


Здесь действует принцип «лучше меньше, да лучше». Особенно, если вы только открыли веб-агентство. Даже всего три работы, идеально подходящие под нужды клиента, подарят больше шансов получить заказ. В то время как сотня непонятных работ скорее оттолкнет.


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


После того, как работы выбраны, переходим к оформлению.


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


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


раздел портфолио.JPG

Каждая карточка начинается с баннера-шапки, где есть название проекта, тип (интернет-магазин, корпоративный сайт, Landing Page). Короткий заголовок укажет направление и раскроет суть. Не перегружайте шапку. Ваша задача - добиться, чтобы все было понятно с первого взгляда. Для того, чтобы клиент имел возможность посмотреть проект целиком мы добавили в баннер кнопку «Смотреть сайт», которая позволяет перейти на сайт.


верношапка.JPG

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


описание верно.JPG

Многие новички начинают подробно расписывать в карточке портфолио этапы работы над проектом. Получается сумбурная портянка. Однако, ваш потенциальный клиент хочет видеть совсем не это. Не заставляйте пользователя самостоятельно вылавливать интересующую его информацию по закоулкам статьи. Лучше кратко (1-2 абзаца) опишите специфику деятельности клиента и задачи, которые стояли перед вами при разработке сайта.


клиент задача верно.JPG

После того, как вы подогрели интерес, приходит время рассказывать истории и показывать макеты.


особенности верно.JPG

Портфолио должно быть написано так, чтобы человек, не знакомый с вашей профессией, смог спокойно в нем разобраться. Поэтому не вдавайтесь очень сильно в технические подробности и не используйте профессиональный сленг. Вы же хотите заинтересовать потенциального клиента, а не запутать. В тексте идите по схеме «Задача – решение».


главная верно.png

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


мобилка верно.jpg

Расскажите, какой результат вы получили.


результат верно.JPG

Отзывы – наше все. Покажите реакцию клиента, это обеспечит лояльность к вашему бренду. В каждой карточке INTEC.Digital предусмотрен отдельный блок с отзывом заказчика.


отзыв.JPG

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

(Голосов: 3, рейтинг: 3.56)
Презентация интернет-агентства INTEC
Семинар "Digital-трансформация маркетинга и продаж"
Трофименко Александр - Руководитель компании "Тех-Ас"
Игорь Родимов - Директор автосервиса "Мастер 12 Вольт"
загрузка карты...
загрузка карты...
загрузка карты...
загрузка карты...