Рекомендации по оформлению портфолио
Сейчас детей уже со школы учат презентовать себя и создавать свое портфолио. И это здорово, ведь мастерство презентации — важный элемент в продвижении личного бренда или своего проекта. Если говорить о сайте, то примеры работы это лучший способ:
- Показать свою экспертность. Фотографии (или описания результатов) отлично продают и формируют впечатление, что ваша компания разбирается в обозначенной теме и умеет довести дело до конца.
- Помочь клиенту определиться с хотелками. Пользователь не всегда точно понимает, что ему нужно, а глядя на портфолио сможет найти откликающийся ему проект или в целом понять, подходит ли ему ваш стиль (например, в случае с дизайном).
- Рассказать о своем продукте. Для сложных систем или новых технологий порой проще показать получившийся результат, чем пытаться подробно рассказать о них. К слову, полезность крауд-маркетинга лучше объяснить именно через портфолио кейсов (посмотрите на наш пример).
- Обосновать цены. Если вы демонстрируете результаты, рассказываете о своем подходе и перечисляете выполненные работы, то у пользователей появляется меньше вопросов за что он платит.
- Вызвать доверие пользователей. Чем больше и подробнее портфолио, тем проще поверить, что компания давно на рынке и пользуется популярностью. Согласитесь, подозрительно, если компания не говорит о своих клиентах, но указывает, что на рынке много лет.
С необходимостью портфолио определились, теперь давайте разберемся, где лучше разместить портфолио на сайте и как сделать его привлекательным для посетителей.
Кому необходимо портфолио
Если результат вашей работы — изображение, документ, аудио, видео, графический файл, сайт или можно показать на фотографиях, то без портфолио не обойтись. Работа, которая носит проектный характер, например, программирование, строительство, консультирование и внедрение технологий, также может быть оформлена в кейсы.
Основная цель портфолио — это самопрезентация, демонстрация навыков, которую можно сделать практически для любой профессии. Важно только продумать формат и содержание.
Для тех, чья работа связана с выполнением стандартных действий, по четким инструкциям или с координацией и управлением, нет смысла собирать примеры работ. Здесь для повышения доверия лучше показать сертификаты, дипломы и перечислить клиентов (партнеров), с которыми работаете, разместить их отзывы. Пример таких сфер: логистика, управление персоналом, секретарская работа, системное администрирование, политика и т.д.
Где разместить портфолио на сайте
Базово рекомендуем три раздела, где портфолио проектов компании будет уместно:
Главная страница
Подробнее о том, про что рассказывать на Главной странице и как удобно расположить информацию.На Главной достаточно показать несколько последних или лучших проектов. 3-5 кейсов и ссылки на полный список будет достаточно. Например, блок с примерами работ строительной компании:
Можно также показать примеры работ в виде слайдера:
Раздел портфолио
Как вы поняли из предыдущего пункта — на сайте стоит сделать раздел с примерами работ. Здесь размещаем все отзывы, которые смогли собрать с клиентов за все время работы. Несколько рекомендаций по оформлению:
Под каждый проект лучше сделать отдельную страницу, а на общей странице раздела портфолио показать только анонсы. Так пользователю будет легче просматривать и выбирать работы (и скидывать вам ссылки на проекты, которые понравились, при оформлении заявки). В анонсе проекта достаточно показать фотографию, название и краткое описание.
Антипример, где общий список фотографий без подписей.
Аккуратный список с подписями к фотографиям:
Если кейсов слишком много (более 15-20), то стоит добавить разделение по услугам или запросам пользователей:
Страница услуги
По аналогии с Главной страницей здесь стоит показать несколько анонсов проектов со ссылкой на общий раздел. Разница лишь в том, что на странице услуги должны быть проекты, относящиеся именно к этой услуге (простите за тавтологию). Такой блок усилит описание услуги и поможет с выбором. Особенно, если пользователь попал на страницу услуги с запроса в поиске или с рекламы и видит вашу компанию в первый раз. Пример блока для страницы услуги монтажа фасадных и кровельных покрытий:
Дополнительно данный блок на странице услуг можно использовать, чтобы рассказать о ценах. Например, на бухгалтерские услуги, где стоимость варьируется от объема необходимой документации:
Поговорили о том, где следует показать анонсы выполненных проектов, теперь сосредоточим внимание на самой странице проекта.
Что разместить на странице проекта
Фотографии
Рекомендуем размещать изображения только высокого качества, чтобы в целом результаты выглядели привлекательно. Их не обязательно должно быть много, важно продукт с разных сторон. Несколько фотографий добавляем в виде превью с возможностью раскрыть полную версию изображений.
Крупные изображения общим списком тяжело воспринимаются (особенно при просмотре с мобильных устройств):
Аккуратный список фотографий, в котором легко ориентироваться:
Хорошо делить фотографии на До и После, чтобы подчеркнуть результаты работ:
Дополнительно после фотографий можно показать видео проекта (что будет очень круто). И снова не забываем про высокое качество изображения.
Размещайте анонсы в едином стиле, чтобы портфолио смотрелось аккуратно и стильно.
Графики или таблицы
Если тематика вашего бизнеса не подразумевает фотографии и видео, то делаем упор на рост показателей.
Наглядней всего изменения отобразить в виде графика или таблицы, например, результаты нашего клиента:
Полная информация по кейсу находится здесь.
Клиент не всегда ориентируется в вашей услуге, поэтому ярко выделяйте те показатели, которые важны именно для него. Как в случае с таргетированной рекламой мы отдельно разместили информацию о росте количества подписчиков и просмотров.
Описание проекта для портфолио
Описание слишком общее и поэтому сложно заметить результаты:
Хоть и короткая, но история проекта легко воспринимается:
Подробнее об особенностях и техниках сторителлинга можно прочитать здесь.
Отзыв клиента
Пункт дополнительный, но в разы повышающий доверие к компании. Покажите, что клиент остался доволен, добавив отзыв к проекту. Тогда ни у кого не останется сомнений в вашем профессионализме.
Ссылка на форму заявки
После описания кейса рекомендуем направить клиента к оформлению заказа, добавив соответствующую ссылку.
Рекомендуем статью, где рассказали как сделать цепляющее целевое действие.
Дополнительные рекомендации
Несколько советов, которые помогут увеличить эффект от портфолио на сайте.
- Регулярное обновление
- Показываем то, чем гордимся. Не нужно создавать портфолио ради портфолио, отбираем проекты, где были достигнуты привлекательные результаты и есть, что рассказать.
- Упор на разнообразие. Если вы предоставляете несколько услуг, то рекомендуем собирать кейсы по каждой из них. В портфолио не должно быть уклона только на одну услугу. Также ориентируйтесь на разную аудиторию, например, размещайте примеры работ с небольшими компаниями и крупными клиентами или проекты из разных тематик.
- Рассказываем о кейсах в соцсетях. Не раз говорили о необходимости аккаунтов в соцсетях, даже для B2B-сегмента. Новый проект — отличный инфоповод для поста в соцсетях.
- Делимся портфолио на тематических площадках. О самых удачных проектах полезно рассказывать на сторонних площадках, где находится ваша целевая аудитория. Приток новых клиентов гарантирован. Инструкция, как правильно выбирать площадки для публикации.
- Добавьте возможность поделиться вашим проектом. Так пользователю будет легче отправить ссылку на проект другу, коллеге, родственнику. Некоторые клиенты постят результаты работ в соцсетях, что также повысит узнаваемость вашей компании.
- Настройте веб-аналитику. Яндекс.Метрика и Google Analytics помогут понять, на какие страницы заходят чаще и делают ли с них заказы. Например, если зайти в Метрике в отчет «Популярное» и отсортировать просмотры раздела портфолио, то вы сможете увидеть наиболее посещаемые страницы:
Отчет можно найти в разделе: «Отчеты -> Содержание -> Популярное» и выбираем фильтр: «Просмотры в которых -> Просмотр -> Просмотр URL -> указываем ссылку на портфолио»
Чтобы учитывались все страницы раздела, к адресу ссылки добавляем символ «*». Например, https://название компании/portfolio/*.
В таблице отображаются страницы раздела в порядке популярности:
Подробнее о том, какие отчеты есть в Яндекс.Метрике и как ими пользоваться, рассказали здесь: часть 1 и часть 2.
Что делать с NDA (соглашение о неразглашении)
Если ваши клиенты не хотят разглашать свои данные, это нормально.
Важно правильно работать с этим:
- Скройте детали. Покажите хотя бы общую картину, чтобы сориентировать потенциальных клиентов. Так они смогут понять, на что вы способны.
- Создайте аналоги. Например, в дизайне сложно будет скрыть клиента, если были использованы узнаваемые корпоративные цвета, но вы можете их изменить и показать саму идею проекта.
- Договаривайтесь с клиентами. Предложите дополнительные бонусы за размещение кейса или отзыва. Если у вас с клиентом хорошие отношения, то он может пойти на встречу и дать разрешение. Возможно, вас сейчас просят об уступках и сверх работах, за которые адекватно намекнуть о пополнении портфолио.
Также вы не обязаны добавлять в портфолио все проекты, отбирайте те работы, по которым можно показать больше информации
Примеры оформления портфолио для вдохновения
И еще несколько примеров оформления портфолио, которые выглядят привлекательно.
Интересно показали информацию о клиентах не только списком, но и на карте города:
Отличные заголовки для анонсов фотосессий:
Пример анонса проекта, где хоть и показано несколько фотографий, но страница не смотрится перегруженной. Также видим удобное меню для переключения категорий:
Даже для юридических услуг можно показать портфолио и вот хороший пример:
И пример историй успеха клиентов образовательного портала:
В заключение
В целом, основная ошибка бизнеса — это отсутствие портфолио. Если вы еще не начали его собирать, то настоятельно рекомендуем это сделать. Портфолио компании обязательно станет прекрасной инвестицией в привлечение новых клиентов.
В дополнение к статье подборка приемов для повышения доверия на сайте.
Если вам нужна помощь с аудитом вашего портфолио или сайта в целом, вы можете обратиться к нам. Найдем недочеты и подскажем, как их исправить.
Что должно быть в портфолио SMM-специалиста — SETTERS BLOG
18 March 2022
29315
~ 10 мин
#Маркетинг
Как убедительно рассказать про свой опыт в SMM, где лучше сверстать примеры работ и что делать, если все кейсы под NDA — рассказываем, как сммщику собрать сильное портфолио и зацепить эйчара и потенциальных клиентов.
Актуально для тех, кто еще не оформлял свое портфолио или хочет пересобрать его для поиска подработки. Если переживаете о том, останется ли профессия сммщика актуальной, прочитайте поддерживающий пост от Эйч.
Чем вообще занимается SMM-специалист?
Сегодня есть два подхода:
Сммщик — это мультиспециалист
Он сочетает в себе сразу несколько функций: копирайтера, дизайнера, таргетолога и фотографа. То есть один и визуалы пилит, и тексты к ним сочиняет, и таргет настраивает. Задачи и обязанности часто зависит от специфики и требований конкретной компании, а также скиллов самого специалиста.
Сммщик — это стратег или контент-менеджер
Тот, кто продумывает стратегию бренда в соцсетях и медиа и реализует ее вместе с командой профильных спецов: копирайтеров, дизайнеров и пр. Сейчас многие компании перестают относиться к SMM-специалисту как к человеку-оркестру.
Как работает SMM Aviasales, «Яндекс.Практикума» и «Кухни на районе»
В целом, требования рынка к SMM сегодня такие:
Нужен опыт работы с разными соцсетями — важно понимать специфику площадок, уметь выдерживать TOV, близкий аудитории, реагировать на инфоповоды и стратегически подходить к развитию канала. В 2022 году будет недостаточно разбираться с Instagram — бренды будут активнее использовать ВК, «Одноклассники» и Telegram;
Нужно разбираться в маркетинге — SMM-специалист находится между пиарщиком, маркетологом и директором, а значит должен понимать, как бренду транслировать свои ценности. Инструменты и каналы могут меняться, но маркетинговые компетенции останутся;
Нужно уметь анализировать данные — то есть точно знать, что, как и когда повлияло на поведение пользователя;
Нужно быть в повестке — SMM часто отталкивается от инфоповодов и трендов, важно уметь их отслеживать и обыгрывать к месту.
Что должно быть в портфолио SMM-специалиста и как правильно упаковать свой опыт работы?
Шаг 1: Напишите о себе
Заказчики не только смотрят на кейсы, но и хотят работать с близкими по духу людьми. Расскажите про свой опыт по-человечески, покажите себя, свой подход и уникальные навыки. Какие качества позволяют вам быстро, эффективно, да просто круто выполнять свою работу?
Например, вы подрабатывали свадебным фотографом, организовывали студенческую конференцию и волонтерили на неделе моды — а значит, у вас все хорошо с менеджментом, вы умеете находить общий язык с разными людьми и без паники справляться с новыми вводными.
Как не надо: писать, что вы целеустремленные, коммуникабельные, проактивные и дальше по списку. Все это — слова из резюме SMM-спецов нулевых, но сейчас они не значат ничего без конкретики и фактов.
Вместо «проактивности» расскажите, как придумали клевый лид-магнит и собрали имейлы для новой рассылки или за полчаса нашли подрядчика для фотосессии щенков хаски.
«Коммуникабельность» тоже раскройте на примерах: как за день собрали подкаст-команду из своих знакомых или вышли на лидера мнений через три рукопожатия.
Больше о себе можно рассказать в сопроводительном, мотивационном и даже рекомендательном письме.
Постройте развитие в digital с Карьерным путеводителем
Библиотека материалов от ex HR-директора SETTERS Кати Рудчик поможет сформировать свой карьерный трек, обновить резюме и подготовиться к собеседованиям.
Шаг 2: Выберите кейсы
Вспомните о 3-5 лучших проектах, которые вы выполнили за последние пару лет. Это должны быть актуальные работы, которыми вы гордитесь. Мало кто будет изучать портфолио на 100 слайдов. Выбирайте кейсы, которые покажут, что у вас есть навыки, которые требует вакансия.
Важно показать, как вы умеете создавать гибкие стратегии и работать в разных соцсетях, на разных площадках.
Вели группу в Одноклассниках, были админом микро-паблика ВКонтакте, писали рекламные статьи в Дзен? Добавьте это в портфолио, сейчас это особенно актуально.
Как выбирать проекты? Задайте себе три вопроса:
В чем ваши сильные стороны и качества?
Делаете хорошие стратегии, понимаете, как использовать клипы ВКонтакте для бренда, или умеете писать так, что поймут и бабули, и зумеры? Выберете по 1-2 кейса на каждый скилл и покажите, что умеете разное. Портфолио должно закрыть все вопросы про ваши навыки.
Насколько кейс сейчас актуален?
Обратите внимание, как правильно подать кейс — сейчас лучше делать акцент не на площадке и инструментах, с которыми вы работали, а например, на создании комьюнити для бренда — это важно для любой соцсети.
Как много информации есть о кейсе?
Цифры, которыми можно гордиться, отзывы клиентов или команды, ссылки на проект, пример визуалов и текстов.
Можно сделать так: добавьте один кейс, который, на ваш взгляд, наиболее интересен конкретной компании, один ваш самый любимый кейс и один необычный — например, социальной направленности или тот, который больше всего отметил ваш клиент
Люба Унятович
HR-менеджер SETTERS
Шаг 3: Оформите кейсы
Сначала продумайте то, как будете рассказывать о проектах — то есть структуру кейсов.
Она должна быть единой, чтобы эйчар или потенциальный клиент не запутались, а могли быстро уловить суть каждого проекта.
Универсальная формула:
Задача
Расскажите о клиенте и проблеме, с которой он пришел. Добавьте про вводные и ограничения, в которых работали.
Решение
Опишите свою идею и то, как вы ее реализовали. Интересен ход мысли: от чего вы отталкивались, как анализировали аудиторию, как отрабатывали комментарии заказчика.
Результат
Покажите, что получилось: сетку постов, тексты и картинки, отклик людей в директе. Если у вас были KPI, подкрепите кейс цифрами, как вы их закрыли. Еще можно запросить у клиента отзыв о работе с вами.
Важно оформить каждый пункт структурно, без воды и лишних заигрываний — во-первых, эйчар параллельно просматривает несколько портфолио, а во-вторых, навык объясняться емко и по делу очень ценится.
А еще помните, что у портфолио есть своя целевая аудитория и подумайте, кто именно будет его смотреть.
В SETTERS мы всегда посмеемся над классными и уместными мемами. Но вот в какой-нибудь крупной корпорации — не факт. Прежде чем составлять портфолио, изучите компанию, в которую вы хотите его отправить, и отталкивайтесь от этого в тональности.
Люба Унятович
HR-менеджер SETTERS
Как упаковать свой опыт, если работаешь в команде?
Часто SMM-специалисты трудятся не одни — на проекте есть и диз, и таргетолог, и копирайтер.
В таком случае выбирайте проекты, где вы приложили максимум усилий и вам есть, какие навыки показать. Расскажите про общую цель и конкретно ваши задачи: вы создавали стратегию, писали сценарий, отвечали за реализацию коллаборации? Покажите, где была ваша зона ответственности, как вы повлияли на результат, как взаимодействовали с коллегами.
Такие кейсы хорошо показывают, как вы работаете в команде, принимаете решения и ведете себя в конфликте.
Все это тоже важно будущему работодателю или заказчику.
А что делать, если кейсов еще нет или все они под NDA?
Кейсы под NDA можно видоизменить — убрать цифры, заменить названия на несуществующие. Важно указать, что этот кейс под NDA и вы показываете только свои идеи и логику. А также согласовать такой ход с прошлым заказчиком. Соблюдать NDA очень важно — будущего работодателя оттолкнет то, что вы готовы пренебречь соглашением.
Люба Унятович
HR-менеджер SETTERS
Что еще можно сделать:
- Придумайте задачу самостоятельно: например, разработайте новую концепцию паблика ВКонтакте (или Одноклассников!) для КРЕАЧЕЛЛЫ или придумайте, как «Диван Диванычу» выйти на аудиторию зумеров. В таких проектах вы не ограничены реальными рамками, так что можете креативить свободно — только помните, что заказчики ценят тех, кто умеет работать в бриф и бюджет.
- Поищите тестовые задания на каналах с вакансиями и посмотрите, какие реальные задачи ставит клиент перед специалистом — выполняйте их и также добавляйте в портфолио с пометкой, что это было за тестовое.
Какие ошибки бывают на этом этапе
Все проекты похожи друг на друга. Это не значит, что двум кейсам по SMM-стратегии нет места в портфолио — главное, чтобы сами стратегии не были одинаковыми. Выбирайте проекты, которые отличаются сферой, аудиторией, вашим подходом — так личный опыт выглядит разнообразнее.
Слишком много кейсов. Да, хочется показать все, что вы умеете, но никто не будет смотреть абсолютно все ваши контент-планы за несколько лет. Выбирайте лучшее и разноплановое.
Нет контактов. Клиенту или эйчару должно быть удобно с вами связаться — оставьте ссылки на мессенджеры и почту на последнем слайде. Это логично продолжит коммуникацию.
Шаг 4: Адаптируйте портфолио
Нужно ли адаптировать портфолио под разные вакансии? Да. Например, если у вас портфолио копирайтера, а вы решите откликнуться на позицию сммщика — будет лучше подсветить проекты, где вы не просто писали тексты, но и прорабатывали рубрикатор и TOV аккаунта.
А вот менять кейсы для компании — up to you. Если вы четко понимаете, в какие компании хотите попасть, я бы советовала персонализировать портфолио под них. Например, добавить логотип, использовать корпоративные цвета или придумать текстовое описание, связанное с командой. Это хороший ход и всегда привлекает внимание.
Люба Унятович
HR-менеджер SETTERS
Удобнее иметь несколько портфолио под разные нужды. Если заказчик приходит к вам с конкретной задачей и просит показать пример ведения соцсетей, то ему неинтересно, какие логотипы вы делали или как круто рисуете иллюстрации.
На такой случай здорово иметь несколько портфолио:
- цельное на Behance или Tilda, где представлены разнообразные работы;
- допфайл, где собраны работы по категориям. Например, в подборку социальных сетей включите шаблоны Instagram, YouTube, ВКонтакте и страниц в других соцсетях.
Так вы сэкономите и свое время, и время заказчика, который сразу найдет кейсы под свои задачи.
Ксюша Софронова
старший дизайнер SETTERS
Шаг 5: Оформите портфолио
Главное, на что нужно обратить внимание, когда вы оформляете портфолио:
- Удобный формат. Позаботьтесь о том, чтобы ссылку можно было открыть, даже если HR или руководитель не зарегистрированы на сервисе, где вы опубликовали свои работы.
- Адаптивность ко всем носителям. Сделайте так, чтобы ваше портфолио открывалось и с винды, и с макбука, и даже с телефона. Если этого нет, ваши слайды в лучшем случае съедут, а в худшем — их просто никто не увидит.
- Если это ссылка на Google-документ, не забудьте открыть доступ. Банальная деталь, но многие о ней забывают.
- Визуальное оформление. Наш мозг так устроен, что сплошной текст воспринимается сложнее. Разбавьте картинками, где это уместно».
Люба Унятович
HR-менеджер SETTERS
Где оформлять SMM-портфолио:
Старый добрый вариант — презентации
Например, Google Presentations или KeyNote.
Можно скачать шаблоны для презентаций на envato elements. У онлайн-презентаций есть ограничения в функционале, но для SMM-портфолио они не критичны — так что тут дело вкуса.
Девять правил презентации
Простой сайт с большим количеством шаблонов, чтобы сверстать кейсы в pdf-презу или сайт, который откроется в любом браузере по ссылке.
Tilda — конструктор всего, в том числе и портфолио. Тильду любят за понятный интерфейс и удобные шаблоны. Здесь есть стандартные блоки, с помощью которых легко собрать и наполнить свой сайт, а также zero block для тех, кто готов повозиться и сверстать что-то уникальное.
Советуем позалипать на галерею лучших работ — тут можно вдохновиться на клевое оформление своего портфолио и подрезать что-то за образец.
Readymag
Тоже конструктор с шаблонами, но на английском и чуть посложнее в плане работы. Зато на выходе можно получить полностью кастомизированное портфолио — со своими шрифтами, кнопками, анимациями и даже запароленными кейсами для части аудитории.
Подробности есть в официальном гайде, а пример шаблонов — по ссылке.
Больше, чем просто SMM
Новый онлайн-курс «Стратегический маркетинг» для опытных специалистов и предпринимателей поможет спланировать долгосрочную работу маркетинга и подобрать инструменты, которые помогут бизнесу в продвижении сегодня.
Автор статьи:
SETTERS
Понравилась статья?
Поделиться статьей:
Читайте также:
#Управление
8 May 2020 ~ 10 мин
5 советов для портфолио
#Управление
5 April 2021 ~ 15 мин
Как написать сопроводительное, мотивационное и рекомендательное письмо
25 примеров портфолио с уникальным дизайном, созданных в Webflow
Приготовьтесь к тому, что вас поразят эти выдающиеся примеры веб-сайтов-портфолио, созданные в Webflow.
Кейт Доннеллан
Менеджер по интегрированному маркетингу
Узнайте, как создать портфолио дизайна
Создайте и визуально оформите веб-сайт с полным портфолио — совершенно бесплатно. Этот курс охватывает все, от основ сетки и flexbox до расширенных взаимодействий и работы со специальными возможностями.
Старт курса
Начать курс
Простите, что прерываю…
С таким количеством онлайн-портфолио дизайнеров всех форм и размеров может быть трудно создать портфолио, которое действительно выделяется из толпы.
Создать отличное портфолио может быть сложно, если вы сосредоточены на получении большего опыта работы. Тем не менее, важно, чтобы вы выделили время для создания своего личного портфолио. Независимо от того, являетесь ли вы дизайнером пользовательского интерфейса, дизайнером пользовательского интерфейса, веб-дизайнером, графическим дизайнером или маркетологом, наличие собственного веб-сайта-портфолио поможет вам сделать вашу работу более заметной и позволит привлечь новых клиентов.
25 примеров дизайнерского портфолио, на которые стоит обратить внимание
Мы отобрали эти дизайнерские портфолио, чтобы вдохновиться на создание собственного. Каждый из этих красивых, настраиваемых веб-сайтов портфолио разработан с учетом конкретных потребностей и целей каждого дизайнера. Эти примеры веб-сайтов-портфолио выделялись своим дизайном, тем, насколько хорошо они демонстрируют работу клиентов, и своей уникальной индивидуальностью. Давайте посмотрим, что отличает каждое портфолио.
1. Джессика Эрнандес
Джессика Эрнандес — UX-исследователь из Сан-Франциско, Калифорния. Если вы ищете отличный пример портфолио, которое производит хорошее первое впечатление, это то, что вам обязательно нужно проверить.
Портфолио Джессики начинается с забавной анимации предварительной загрузки, которая ведет к веб-сайту, полному красок, индивидуальности и шарма. Портфолио Джессики также обладает множеством функций и позволяет посетителям быстро понять, что представляет собой Джессика.
Это портфолио, снабженное страницей о компании, заявлением о миссии, цифровым резюме, страницей проектов и контактной информацией, является отличным примером правильно выполненного многостраничного веб-сайта с портфолио.
2. Кристина Косик
Кристина Косик — великолепный дизайнер и веб-разработчик из Ванкувера, Канада. Если вы ищете источник вдохновения для дизайна, вы находитесь в правильном месте. Элегантная анимация прокрутки Кристины и настраиваемые курсоры втягивают вас в это одностраничное портфолио.
Эти анимации также отлично справляются с добавлением функциональности. Например, в разделе работ этого портфолио, наведя указатель мыши на каждый проект, вы сможете просмотреть различные элементы каждого проекта.
3. Мишель Оваль
Мишель Овалль — UX и визуальный дизайнер с более чем 10-летним опытом работы в этой области. Ее портфолио простое, но эффективное в передаче того, что делает Мишель. Портфолио снабжено страницей проекта, страницей о компании и блогом.
Если вы хотите получить вдохновение в веб-дизайне для своего следующего (ре)дизайна портфолио, вам обязательно следует посетить этот веб-сайт портфолио.
4. Тимоти Маурер
Если вам нужен пример уникального портфолио, четкого, несложного и сосредоточенного исключительно на работе, Тимоти Маурер — это то, что вам нужно. Портфолио Тимоти основано на простом и увлекательном подходе к дизайну и служит указателем всех его лучших работ. На домашней странице его портфолио представлена впечатляющая лента проектов Тимоти. Его невероятный опыт работы говорит сам за себя современными образами и дизайном.
5. Андре Живанши
Андре Живанши проделывает невероятную работу, четко подчеркивая ценность, которую он приносит, и страсть, стоящую за каждым проектом, за который он берется. Социальное доказательство становится все более важным в современной онлайн-среде, и Андре предоставляет множество возможностей — мы видим бренды, с которыми он работал, и отзывы, а также тематические исследования.
Его подход тонкий, но при этом помогает потенциальным клиентам понять, почему он является отличным выбором для этой работы.
6. Дэн Мачадо
Дэн Мачадо — многопрофильный дизайнер, который использует большие яркие изображения на своей домашней странице — при наведении курсора его проекты сразу же погружают вас в царство его удивительных работ. В каждом тематическом исследовании используется смесь увлекательного текста и изображений, чтобы продемонстрировать его процесс и потрясающий конечный продукт. Если вы подумываете об использовании изображений и видео, чтобы дополнить копию своего портфолио, сайт Дэна — отличный ориентир для надежного подхода.
7. Грег Кристиан
Портфолио Грега Кристиана — это современный (и круче ) подход к традиционному резюме. Как только мы попадаем на домашнюю страницу, мы знаем, в какой компании он работает, его текущие проекты и его местонахождение. Это одностраничное портфолио — одно из лучших, которые я когда-либо видел, в представлении работы таким образом, чтобы оно не загромождалось и удерживало наше внимание на протяжении всего времени.
Скопируйте его из витрины Webflow и поэкспериментируйте с ним сами!
8. Керем Суер
Керем Суер — феноменальный междисциплинарный дизайнер из Сан-Франциско. Его портфолио настолько хорошо, что мы показываем его уже во второй раз. Это один из лучших примеров демонстрации вашей работы в минималистичном стиле. Керем размещает свою работу на главной странице с яркими вкраплениями цвета на нейтральном фоне — четко и лаконично. Он дает нам небольшой взгляд на свой процесс проектирования, разбивая элементы своей работы на различные размеры и макеты. Он действительно устанавливает стандарт для примеров дизайнерского портфолио.
9. Alex Beige
Alex Beige — веб-разработчик и дизайнер из Нью-Йорка, чей сайт отправляет вас в путешествие, демонстрирующее веселый характер Алекса и его блестящую работу. Это портфолио представляет собой веб-сайт в стиле одной страницы, который проведет вас через предыдущую работу с клиентом, процесс проектирования и разработки, (веселую) страницу команды и призыв к действию, чтобы связаться с вами.
Если вы ищете интересное одностраничное портфолио, обязательно обратите внимание на это.
10. Мориц Петерсен
Мориц Петерсен — внештатный веб-дизайнер и разработчик, занимающийся созданием сайтов, которые на 100 % соответствуют потребностям его клиентов. Портфолио онлайн-дизайна Морица отличается красивым взаимодействием с прокруткой через Webflow Designer, демонстрируя клиентов, с которыми он работал.
В его портфолио акцент делается на важности четкого рабочего процесса, а его продуманная работа над дизайном показывает, насколько важным может быть последовательный подход. Иногда может быть сложно продавать клиентов на новой платформе веб-сайта, но изложение ваших причин в такой важной части вашего портфолио и демонстрация работы, которую вы проделали на платформе, — это две разумные стратегии.
11. Аарон Грив
Аарон Грив — самопровозглашенный ботаник Webflow, много лет вносящий свой вклад в сообщество Webflow. Он автор подробных и удивительно информативных блогов, а также создатель великолепных веб-сайтов, которые нужно увидеть, чтобы поверить.
Когда команда Webflow узнает, что Аарон обновляет свое личное портфолио, мы все вместе сидим на краю наших мест и ждем готового продукта. Его работа является свидетельством его мастерства в Webflow.
Может быть сложно разработать необычные интерактивные элементы, которые были бы интуитивно понятны, но Аарон отлично с этим справляется. Когда вы просматриваете его безупречно оформленное одностраничное портфолио, вы отправитесь в путешествие с единственной строкой, которая меняется при прокрутке. Аарон немного рассказывает нам о себе и демонстрирует свои лучшие работы. А размещая прямые ссылки на созданные им сайты, Аарон позволяет своей работе говорить самой за себя.
12. Colin Moy
Домашняя страница Colin Moy особенно привлекательна — игра слов — буква O в его имени представлена в виде анимированных глаз. Колин сохраняет эту тему на всем сайте, делая элементы «О» в «О нас», «Портфолио» и «Контакты» интерактивными элементами, которые открывают больший круг с дополнительной информацией.
Это игривый дизайн, с которым вы можете экспериментировать, клонируя проект.
Нам нравится, как Колин представляет прошлые проекты. При нажатии на Портфолио открывается аккордеон из вертикальных овалов, каждый из которых содержит предварительное изображение или видео и название проекта.
13. Мэтью П. Мангер
Мэтью П. Мангер — старший эксперт по продуктам в Webflow с одним из самых крутых портфолио в этом списке. Его уникальное дизайнерское портфолио является важным возвратом, вдохновленным классической Mac OS, что отличает этот опыт от любого другого портфолио, которое я видел. Мэтью создал бесшовный UX, позволяющий нам просматривать систему, которая с тех пор уступила место более современному и элегантному дизайну. Это портфолио отличает Мэтью и восхищает его аудиторию.
Раскройте свой творческий потенциал в Интернете
Используйте платформу визуальной разработки Webflow для создания полностью настраиваемых, готовых к производству веб-сайтов или высокоточных прототипов без написания ни строчки кода.
Начните бесплатно
Подпишитесь на участие в программе предварительной оценки Webflow
Спасибо! Теперь вы подписаны!
Ой! Что-то пошло не так при подписке.
Начать бесплатно
14. Роберт Джей Флойд
Роберт Джей Флойд — пользователь YouTube и дизайнер продуктов, у него минималистичный сайт-портфолио, на котором представлены фрагменты его избранных работ. В его портфолио представлены ключевые элементы его текущих проектов со скриншотами, страницей для обмена фотографиями и ссылками на его профили в социальных сетях. Демонстрация вашего уникального подхода поможет вам выделиться в мире портфолио цифрового дизайна.
15. Brett Land
Brett Land — портфолио Бретта Ши — копирайтера, дизайнера и креативного директора из Сан-Франциско, Калифорния.
Просматривая это портфолио, вы можете сказать, что Бретт является экспертом в своей области. На странице каталога представлено несколько удивительных проектов, и клик по каждому из них — это отдельное путешествие.
Например, этот проект Airbnb проделывает фантастическую работу, освещая всю работу, проделанную для создания ресторанов Airbnb.
Если вы ищете вдохновения для демонстрации работы вашего клиента, вам обязательно нужно ознакомиться с портфолио Бретта.
16. Майкл Джи
Каждое взаимодействие с портфолио Майкла Джи доставляет массу удовольствия. С того момента, как вы окажетесь на сайте, вы будете наслаждаться потрясающе интересными анимациями, которые Майкл создал, чтобы продемонстрировать свою индивидуальность наряду с его очень впечатляющей работой. Страница его проектов довольно минималистична по сравнению с другими портфолио в нашем списке, но все же эффективна — наведение курсора обеспечивает краткую и описательную аннотацию о каждой части работы.
17. Юки Асакура
Хорошо оформленное портфолио не обязательно должно быть экстравагантным. Сайт Юки Асакура — прекрасный пример того, как работа говорит сама за себя. Юки увлечен улучшением транспорта, что отражается в том, как легко он перемещается и наслаждается своим портфолио.
Каждый проект представлен на простом фоне именно так, как он выглядит на различных устройствах.
18. Адам Хо
Портфолио Адама Хо является одним из самых уникальных образцов дизайнерского портфолио, которое мы нашли. Начальная страница кажется довольно загруженной, но когда вы начинаете взаимодействовать с сайтом, она превращается в захватывающий и приятный опыт. Что выделяет это портфолио, так это его интерактивность. Ссылки в боковой панели навигации открываются как файловый менеджер — это отличный способ заинтересовать нас и побудить нас углубиться в проекты Адама.
19. Мэтт Яблонски
Дизайн-портфолио Мэтта Яблонски использует пробелы, чтобы представить свои лучшие работы в чрезвычайно четкой и эффективной форме. Каждая карточка на главной странице имеет цветное наложение — каждая заметно отличается. Пастельная палитра добавляет гармонии и обеспечивает плавную прокрутку.
20. Дэвид МакГилливрей
Опытный креативный директор и дизайнер Дэвид МакГилливрей создает целостные дизайнерские решения, которые ярко отражены в его уникальном дизайнерском портфолио.
Сразу видно, что Дэвид — потрясающий дизайнер, и просмотр его проектов подтверждает эту догадку. Каждая страница проекта, насыщенная изображениями и видео, погружает нас в работу Дэвида, демонстрируя его анимации и микровзаимодействия.
21. Тони Гинс
Мы все слышали, что «меньше значит больше», верно? Что ж, портфолио Тони Гинса воплощает этот принцип. На первый взгляд он кажется довольно статичным и несложным. Он рассказывает о своих сильных сторонах и ключевых навыках, указывая нам на его различные учетные записи в социальных сетях, чтобы узнать больше о его потрясающей работе.
Интерактивное изображение его лица в правой части его домашней страницы содержит тонкие движения при прокрутке. Как только мы попадаем на его сайт, мы точно знаем, чем занимается Тони и как с ним связаться.
22. Maria la Portuguesa
Сайт Maria la Portuguesa — еще один веб-сайт портфолио дизайнеров, который нам особенно понравился. Он странный, дурацкий, замечательный и изображает ее работу в простом, но уникальном формате.
Мария — графический дизайнер из Берлина, которая использует свой сайт, чтобы продемонстрировать свои причудливые навыки графического дизайна, брендинга и дизайна логотипов. Портфолио Марии является ярким примером того, как простые, короткие и наполненные индивидуальностью страницы с примерами привлекают наше внимание и побуждают нас узнать больше о дизайнере.
23. Шаблон веб-сайта портфолио DesignPilot
Если вам нужен надежный одностраничный шаблон портфолио, этот шаблон, клонируемый DesignPilot, станет отличной отправной точкой. Верхнее меню создает иллюзию многостраничного сайта, но нажатие на опции просто перескакивает на страницу к выбранному разделу.
В этом шаблоне повсеместно используется движение, при этом текст и изображения перемещаются на место при прокрутке. Он также включает в себя заполнители для отзывов клиентов, контактную форму и раздел нижнего колонтитула со значками социальных сетей и дополнительными ссылками.
24. Кайл Хайамс
Кайл Хайамс, член группы дизайнерских систем в Electronic Arts, знает о важности создания привлекательного дизайнерского портфолио.
Верстка, используемая на сайте, сначала оттолкнула меня, но при дальнейшем взаимодействии я понял, что это означает прочную иерархическую структуру — а кто не любит немного нетрадиционную организацию? Это определенно интереснее, чем использовать один шрифт и размер во всем портфолио.
25. Пьеррик Кальвес
Пьеррик Кальвес — художник и дизайнер, и его сайт-портфолио посвящен исключительно этим дисциплинам. По сравнению с некоторыми другими сайтами в нашем списке, сайт Пьеррика использует относительно минималистский подход. Раскладка на основе карточек и тонкое взаимодействие сразу привлекают нас. А с таким дизайнером, как Перрик, чьи работы настолько поразительны, часто лучше позволить работе говорить самой за себя.
Он также использует Webflow Ecommerce для продажи своих прекрасных отпечатков. Взгляните на этот удивительный пример уникального и стабильного интернет-магазина.
Чувствуете вдохновение?
Не забудьте использовать хэштег #MadeInWebflow после того, как закончите разработку своего портфолио — вы можете быть представлены в нашем следующем посте, посвященном портфолио!
Если вы чувствуете себя немного подавленным или не знаете, с чего начать, не волнуйтесь.
Чтобы создать солидное дизайнерское портфолио, требуется время. К счастью, есть много мест, где можно найти больше вдохновения. Посмотрите Made in Webflow, где есть целое сообщество дизайнеров, которые создают и делятся. Или зайдите на наш рынок шаблонов и купите себе шаблон портфолио.
1 марта 2023 г.
Inspiration
Поделитесь этим
Рекомендуемые чтения
Inspiration
Inspiration
Inspiration
. доставляются на ваш почтовый ящик каждую неделю.
Электронная почта
Вы можете отказаться от подписки в любое время, никаких обид. Политика конфиденциальности
Все готово, следите за нашей следующей рассылкой!
К сожалению, адрес электронной почты недействителен. Попробуйте еще раз!
Подробнее о Designer
Designer
Сила CSS, HTML и JavaScript в визуальном холсте.
Взаимодействия
Визуально создавайте взаимодействие и анимацию веб-сайта.
Подробнее о взаимодействиях
CMS
Определите собственную структуру контента и создавайте дизайн с использованием реальных данных.
Подробнее о CMS
Электронная торговля
Прощайте, шаблоны и код — визуально оформляйте свой магазин.
Подробнее об электронной торговле
Редактор
Редактируйте и обновляйте содержимое сайта прямо на странице.
Подробнее о Редакторе
Хостинг
Настройте молниеносный управляемый хостинг всего за несколько кликов.
Подробнее о хостинге
Бесплатно, пока вы не будете готовы к запуску
Создайте свой сайт бесплатно и занимайте столько времени, сколько вам нужно. Просто добавьте план сайта для большего количества страниц и собственный домен, когда будете готовы к миру.
Начните — это бесплатно
Преобразование процесса проектирования по телефону
9 примеров портфолио дизайнеров с сильным персональным брендом
портфолио дизайнеров
Получите вдохновение от примеров портфолио дизайнеров, демонстрирующих сильный личный бренд.
Узнайте, как включить свой личный бренд в свое портфолио.
Renee Fleck
5 минут чтения
10 декабря 2021 г.
Создайте свое портфолио
pinquitte
Эта статья была спонсирована нашими друзьями из Squarespace — комплексного решения для всех, кто хочет создать красивый веб-сайт.
Как творческому профессионалу сильный личный бренд необходим . Это не только демонстрирует вашу уникальную ценность для потенциальных клиентов, но и служит ключевым отличием от других креативов в вашем пространстве. Сильный личный бренд делает вас и вашу работу намного более запоминающейся, а также повышает доверие к вашему ремеслу.
«Сильный личный брендинг делает вас и вашу работу намного более запоминающимися, а также повышает доверие к вашему ремеслу».
Итак, как эффективно внедрить личный бренд в свой сайт-портфолио? Во-первых, это выходит далеко за рамки логотипа.
Все дело в том, как каждый элемент объединяется, чтобы передать ваше сообщение и нарисовать картину того, кто вы есть, — от тщательного выбора цветовой палитры, типографики, вашего выбора в фотографии, копирайтинге и даже проектах, которые вы выбираете для демонстрации.
Сегодня мы расскажем о девяти потрясающих сайтах-портфолио Squarespace, каждый из которых демонстрирует мощный личный брендинг. Будучи одним из лучших конструкторов портфолио веб-сайтов для дизайнеров, многие из того, чего смогли достичь эти дизайнеры, были достигнуты путем простого выбора шаблона Squarespace, который настроил их на успех. Итак, без лишних слов, вот как эти креативщики использовали мощные инструменты настройки Squarespace для демонстрации подлинного визуального бренда.
1. Дизайнер и художник по леттерингу
Персональный брендинг Лорен Хом прекрасно отражает особый стиль ее работы. Во-первых, ее логотип написан по индивидуальному заказу. Кроме того, вы найдете выразительные стили надписей, иллюстрации и типографику, продуманно разбросанные по всему ее сайту.
Как клиент, вы можете сразу понять, чего ожидать от Лорен, если вы наймете ее.
2. Старший дизайнер презентаций и иллюстратор
Портфолио Эллен Скай Райли — прекрасный пример индивидуального брендинга. Впереди и в центре ее домашней страницы вы найдете иллюстративный автопортрет, который демонстрирует ее навыки иллюстрации, а также дает представление о ее личности. Вы также заметите, что оранжевые и синие тона на иллюстрации постоянно используются на остальной части ее сайта. Выбор типографики в ее словесном логотипе соответствует заголовкам ее веб-сайта, добавляя единообразный внешний вид бренда.
3. Консультант по бренду и копирайтер
Как консультант по бренду и копирайтер, Ханна Сильвертон без особых усилий преуспела в демонстрации своего опыта посредством визуального брендинга своего веб-сайта. Приглушенные тона и изысканные шрифты с засечками лежат в основе ее бренда, в то время как выбор фотографий во всем создает сплоченный внешний вид.
Для любого потенциального клиента это, безусловно, вызывает доверие и доверие к ее работе.
4. Дизайнер продукта и креативный директор
Вам не всегда нужно открыто заявлять о своем бренде, чтобы произвести впечатление. Личный брендинг может быть тонко включен, и все же сделать портфолио запоминающимся. Веб-сайт Moises Hernandez — отличный пример брендинга, который позволяет работе говорить самой за себя и занимать центральное место. Вместо того, чтобы затмевать его работы кричащей типографикой и выбором цвета, фотографии его работ выступают неотъемлемой частью его визуального бренда.
5. Дизайнер
Прибрежная тропическая атмосфера — вот что отличает Личный бренд Кэсс Деллер. Это не только основная тема ее работы, но и просвечивает дизайнерские решения, принятые при создании ее веб-сайта-портфолио. Работа Касс во многом вдохновлена ее домом на Саншайн-Кост в Квинсленде, и ее веб-сайт успешно рассказывает эту историю с помощью мотива тяжелой пальмы и красочных фотографий ее акварельных работ.
Фото Mezic Studio
Создайте мгновенное портфолио, которое продемонстрирует ваши лучшие достижения на Dribbble.
Начало работы
6. Художник и дизайнер
Зайдите на веб-сайт портфолио Аарона Лоуэлла Дентона, и вы немедленно перенесетесь в потрясающую психоделическую страну чудес. Это еще один отличный пример того, как работа говорит сама за себя. Дизайн логотипа Аарона предназначен только для поддержки его особого стиля дизайна, а представленная работа служит для привлечения определенного типа клиентов, стремящихся достичь того же стиля.
7. Фотограф
Спокойная, вневременная и элегантная атмосфера определяет брендинг фотобизнеса Мари Кевердениус. Основатель Verdenius Photography , Мари тщательно выбрала нейтральные цвета и классические шрифты с засечками, чтобы поддержать свой визуальный бренд. Эти варианты брендинга достоверно отражают стиль работы, в которой она является экспертом, и помогают клиентам почувствовать, чего они могут ожидать от ее фотографий.
8. Директор по анимации
Портфолио Джейми Вулфа по анимации кричит энергично, громко и необычно. Ее нарисованный от руки стиль, дикие, необузданные линии и смелые цветовые палитры — все это определяющие характеристики ее личного бренда, которые отражены на ее веб-сайте. Даже копирайтинг у нее Раздел «О » поддерживает ее фирменный стиль: «С помощью своих неистовых анимированных персонажей она стремится получить доступ к необузданной вулканической энергии, которая кипит внутри каждого из нас».
9. Поттер
Личный бренд Сэмюэля Воробья состоит из натуральных цветов и фотографий, отражающих стиль керамики, которую он создает. Ощущение ручной работы во всех элементах веб-сайта усиливает простоту, функциональность и красоту. Это также то, что вы можете ожидать от произведений, которые создает Самуэль.
Используйте личный брендинг для укрепления своего дизайнерского портфолио
Когда дело доходит до вашего дизайнерского портфолио, не недооценивайте важность личного брендинга.
Используя Squarespace , вы можете настроить шаблон портфолио, который достоверно представляет ваш бренд и демонстрирует вашу работу в лучшем свете.
В заключение, вот краткое изложение того, что следует учитывать при разработке собственного портфолио на Squarespace:
- Сохраняйте единообразие: Убедитесь, что цвета, типографика и любые визуальные элементы одинаково выглядят и воспринимаются на всем веб-сайте.
- Будьте аутентичны: Не стесняйтесь привносить свою индивидуальность в брендинг вашего веб-сайта, а также опираться на общие темы вашей работы.
- Подумайте о своей аудитории: Что вы хотите сообщить своим посетителям? Используйте свой брендинг, чтобы рассказать историю, которая увлечет потенциальных клиентов и нарисует картину того, кто вы есть как креативщик.
Начните бесплатную пробную версию Squarespace сегодня! А когда вы будете готовы запустить свой собственный веб-сайт, используйте наш специальный код «DRIBBBLE» для скидки 10%.
Портфолио дизайна
12 лучших конструкторов сайтов-портфолио для дизайнеров
Откройте для себя лучшие конструкторы портфолио веб-сайтов для дизайнеров в 2023 году. Узнайте…
05 августа 2022 г. 14 минут чтения
Внештатный
Полное руководство по внештатному графическому дизайну
Узнайте, как построить прибыльный внештатный бизнес графического дизайна с нуля…
06 августа 2021 г. 10 минут чтения
Портфолио дизайна
Что рекрутеры ищут в вашем портфолио UI/UX
Рекрутер Figma по дизайну делится советами по созданию портфолио UI/UX, которые помогут вам найти работу. Узнать…
10 декабря 2021 г. 8 минут чтения
Портфолио дизайна
7 приемов сторителлинга для улучшения вашего портфолио графического дизайна
Изучите 7 мощных приемов, чтобы вплести повествование в свой графический дизайн.