Лучшие портфолио дизайнеров – 10 впечатляющих сайтов-портфолио дизайнеров и разработчиков 2017 года

Содержание

10 впечатляющих сайтов-портфолио дизайнеров и разработчиков 2017 года

Чтобы преуспеть на рынке web-дизайна и разработки или в качестве фрилансера, нужно иметь впечатляющее портфолио. Создатели сайта-портфолио сталкиваются с задачами посложнее, чем у других креативщиков. Их мастерство будет оценено не по картинке или тематическому исследованию, а тому как работает дизайн. Для этого обзора подобраны самые крутые, свежие дизайнерские сайты 2017 года. Сегодня много оформителей портфолио погналось за модными современными спецэффектами. Но творческий подход на основе не стареющих принципов веб-дизайна с уникальным авторским почерком – неоспоримо интересней и выглядит новаторским.

В настоящее время не уменьшается интерес к смелым дизайнерским решениям от истинных экспериментаторов. Итак, 10 лучших сайтов-портфолио дизайнеров и разработчиков на первую половину 2017 года:

01. Humaan

Сайт команды креативных дизайнеров и разработчиков из Австралии

Приятный, мягкий стиль дизайна с великолепно оформленным портфолио сайтов. Красивые бесшовные переходы к страницам проектов. Дизайн помогает продавать высококлассные диджитал услуги для передовых брендов.

02. Cedric Pereira

Простое, но хорошо структурированное и занимательное дизайнерское портфолио

Бывший практикант Deezer и Ultranoir, французский интерактивный дизайнер сейчас заканчивает школу HETIC. Его творческий интерактив с пятном на главной странице завораживает. Креатив начинается с крутой анимированной загрузки сайта. Такие решения сходу делают портфолио дизайнера залипательным.

04. Fabian Irsara

Fabian Irsara показывает каким может быть дизайн современного сайта-портфолио

Австрийский разработчик член awwwards и основатель софт-компании Momate. Стоило ожидать от него внушительного портфолио-сайта с креативными идеями. Впечатляет элегантный глянцевый стиль с красивой типографикой. Использованы лаконичные, интригующие тексты и фишки, вроде размытия фона при прокрутке.

05. Felipe Castro

Пример яркого оформления содержательного дизайнерского портфолио

Дизайнер и фронтенд девелопер размещает свои проекты в информативном портфолио. Достойно выполненные работы сопровождаются описанием подходов, процесса создания и важных деталей (разметка, UI элементы, коды цветовой схемы и т.д.). Красиво оформлены предзагрузка страниц и скролл-эффекты для изображений.

06. Malika Favre

Продающий сайт-портфолио в стиле Flat Design английского иллюстратора

Великолепная графика проектов связно представлена в плоском плиточном дизайне. Малика поражает умением использовать позитивно-негативное пространство. Шикарно выглядит векторная графика оживленная синемаграфией. Эффектные иллюстрации на главной странице создают верный эмоциональный посыл для всего ресурса с портфолио и онлайн-магазином.

07. Web Expert

Персональное портфолио креативного фронтенд-разработчика из Италии

Сайт создан с использованием css3, интерактива, градиент-анимации, canvas, JS. Геометрия во всем дизайне: от прелоадера загрузки до декоративных шрифтов. Красивые фоновые hover-эффекты в меню, эффектные переходы и анимация с контурными фигурами.

08. Prashant Sani

Темный сайт портфолио индийского фронтенд-девелопера со множеством маленьких изящных штрихов

Веб-разработчик специализируется на SVG, JavaScript, HTML5 и адаптивном дизайне. У его портфолио темный дизайн с геометрическими икосаэдр фигурами, эффектами в меню, трансформацией значка-бургера и яркими переходами.

09. Shantell Martin

Необычный интерактив: индивидуальность и персональный брендинг

Продающее портфолио с черно-белым дизайном походит на сон. Главная страница причудливо оформлена hover-анимациями фоновых узоров. Так, Shantell Martin связывает изящества изобразительного искусства с коммерческим миром.

10. Fabiotoste

Персональный сайт-портфолио на HTML5

Личное портфолио бразильца представляет собой микс из эффектно применяемых веб-техник, описания навыков и примеров работ.

seo-design.net

Стильные портфолио дизайнеров и агентств — 30 замечательных примеров

Свои фантазии современные веб-дизайнеры охотно воплощают в идеи, которые принимают самые необычные формы и размеры. Сейчас смело и нестандартно оформлять портфолио проектов могут как персональные сайты, так и лучшие digital-агентства или студии. Интернет переполнен впечатляющим дизайнами портфолио. Стремясь занять достойное место в творческом пространстве, дизайнеры и разработчики с интересом рассматривают новшества в оформлении портфолио-проектов (нужно быть в курсе последних дизайн-трендов).

Вдохновитесь примерами инновационного мышления – поощрите творческую свободу дизайнеров просмотром великолепных дизайнов-портфолио в современном стиле 2018.

Персональные портфолио дизайнеров и сайты небольших студий

Оригинальность дизайна подчеркивает персональность сайта. Смотрите как собственные подходы выделяют портфолио дизайнерских сайтов из толпы.

01. Toy Fight

Сайт манчестерской дизайн-студии из двух человек. Нестандартные творческие подходы

Улетный сайт в новомодном ярко-минималистичном стиле. Впечатляет многообразие эффектов: от парраллакс-прокрутки до красивых анимированных трансформаций и неожиданных 3D сцен с участием двух совладельцев. Не будь визуального юмора и оригинальности, идущей от доменного нейминга – одна лишь эффектность не принесла бы сайту известности, а студии успеха.

02. Tomer Lerner

Запоминающееся нестандартное портфолио опытного девелопера и аниматора

Необычный портфолио-сайт с горизонтальной / вертикальной прокруткой. Использует сочные колориты Flat, материальный дизайн и свежий тренд 2018 года – яркие градиенты. Уникально оформлены микроитерации и горизонтальный скролл с призрачными кнопками. Продуманная навигация, адаптивность и UX-дизайн увязаны с интерактивом, hover-эффектами, прелоадером загрузки.

03. Lempens Design

Удивительно красивое портфолио бельгийского дизайнера и фронтэнд-разработчика

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

04. Olly Gibbs

Онлайн-портфолио оформлено с вниманием к деталям

Профессиональный иллюстратор уже поработал с Уорнер Бросом, Мьюз, Армией Спасения. Броским дизайном с ноткой юмора он показал персональность, а типографикой с разметкой создал оригинальную эстетику.

05. Tom Biskup

Портфолио дизайнера и арт-директора Тома Бискап

Это портфолио – ненавязчиво и стильно поданная история. Анимированое изображение в «шапке» быстро погружает посетителя в творчество дизайнера. Асимметрично расположенные изображения на главной странице ведут к более детальным кейсам. Оригинальное оформление портфолио сайта уже само по себе демонстрирует арт-талант Тома.

06. Wade Jeffrey

Причудливый портлфолио сайт арт-директора Джеффри Уэйда

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

07. Sean Halpin

Персональный дизайнерский сайт-резюме, создающий атмосферу раскованности

Пример сайта-резюме в стиле «китч». Личный брендинг необычайно прост, а дизайн легок для восприятия. Создав зеленый мирок (атмосферу раскованности), канадский веб-разработчик и дизайнер играючи демонстрирует мастерство с творческими возможностями.

08. Christopher Lee

Кристофер Ли показывает свою страсть к игрушкам, карикатурам и мультфильмам прошлого

Кристофер Ли не просто показывает имя легендарного актера, но судя по оформлению продающего портфолио – свой креативный талант тоже. На броский дизайн с иллюстрациями вида «чудовища возвращаются» Кристофера вдохновили колориты городских улиц и мультфильмы 90-х.

9. Tim Lahan

Идеально «приготовленное» продающее портфолио дизайнера

Портфолио графического дизайнера из Нью-Йорка, в котором изображения и продающие видео рассказывают истории. Тут же можно купить постеры, иллюстрации, анимированные GIF, книжки, принты для одежды и арт-принты. Запредельная эпатажность продается без «барьеров» и рамок, которые бы отвлекали и ослабили эффектность.

10. Small Studio

Компактный и необычный сайт небольшой австралийской студии

Уютный и легкий в управлении сайт с хорошим юзабилити и UX-дизайном. Оригинальная структура с навигацией типа горизонтальный аккордеон.

11. Lauren Wickware

Студия фрилансера Лорен Виквар специализируется на оформлении публикаций

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

Продемонстрировать фирменный стиль и персональность
Быстро и привлекательно подать посетителям самое интересное

12. Bolden

Сайт с кейсами проектов небольшой студии из 7 человек

Креативный дизайн отлично справился с продающей задачей сайта. Ярко-минималистичный фирменный стиль:

Выражает облик небольшой студии
Привлекает, но не перетягивает на себя внимание
Соответствует актуальным тенденциям web-дизайна

13. Bleed

Минималистичное портфолио – пример взаимодействия стилей

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

14. Tim Smith

HTML5 трюки оживили сайт-портфолио Тима Смита

Безупречно чистого вида портфолио-сайт на CSS3 и HTML5. Компактная навигация с плитками на главной. Оригинальное решение: геометричные подложки для заголовков внутри карточек с флип-переворотом при наведении.

15. Daniel Spatzek

Онлайн портфолио австрийского фрилансера-дизайнера

Будучи графическим и WEB дизайнером, Дэниел продемонстрировал умения в интересно и эффектно оформленном портфолио. Использовано много CSS трюков и анимации для его «оживления».

Дизайн-агентства / портфолио на сайте компании

17. Made in HAUS

Сайт брендинговой и маркетинговой компании стартовавшей из Санта-Моники

Эффектный и чистый дизайн. Броский энергичный стиль выражает амбициозность и концепцию: дизайн & технологии. Цвета заливки портфолио-превью согласованны со страницами кейсов цветокоррекциями фонов и цветовыми схемами. Новаторство во всем: если вы считаете какие-то тактики / элементы онлайн-портфолио устаревшими, просто взгляните на творческий дизайн HAUS.

18. Super Crowds

Красота эстетики по японски: высокотехнологичный сайт креативного агентства из Токио

Когда минималистичному сайту тени добавляют глубины, он выглядит супер-материалистично. CSS3, HTML5, интерактив и анимация применяются с элементами современного веб-дизайна.

19. FCinq

Сайт креативного цифрового агентства из Парижа

Благодаря простой структуре с каталогом работ на главной странице и продуманному дизайну в духе последних трендов, сайт выглядит современно и им легко пользоваться. Скроллинг и hover эффекты, яркие цвета, достаточность свободного пространства – то, что сейчас популярно в WEBе.

20. Rosie Lee

Гибридное креативное агентство по онлайн / оффлайн брендингу, рекламе и ритейл-дизайну

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

21. Finesse Atelier

Парижское АРТ-ателье с бутик-подходом к веб-дизайну

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

22. Sagmeister & Walsh

У креативного агентства из Нью-Йорка черно-белый сайт с нестандартными идеями

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

23. Pollen

Глобальное агентство работает с клиентами из Лондона, Парижа, Нью-Йорка, Токио…

Сайт брендингового агентства напоминает элегантную и запоминающуюся презентацию. Главная целевая страница использует модные тренды оформления: от полноэкранного видео, до утонченных hover-эффектов и реагирующих на курсор миниатюр. Тексты с основным посылом студии выделены типографическими контрастами.

24. Bigger Picture

Сайт цифрового агентства с эффектным дизайном

Современный чистый дизайн на HTML5 & CSS3 с красивыми анимациями и переходами. Оживленная домашняя страница, приятно оформлена «About Us». Эффекты выделяют этот сайт из толпы, но не утомляют.

25. Walking Men

Новый сайт дизайн-агентства сделан на бутстрапе

Современный яркий стиль проявляется в чистом дизайне и эффектном применении интерактива, анимации, графики, элементов геометрии и нестандартной разметки страниц.

26. Uniel

Креативный сайт-портфолио японской студии дизайна

Японский дизайн на любителя, но вы точно не спутаете его с каким-либо дизайнерским веб-ресурсом. Необычная навигация, утонченный стиль, оригинальные кейсы портфолио, уникальные скролл-эффекты и еще много загадочного.

27. Viget

Пример портфолио крупной дизайн-студии с солидными клиентами

Уникальное оформление кейсов с раскрывающимся на весь экран фильтром работ, начинающим и завершающим секцию «Work». Стильно и красиво оформлены остальные страницы, включая всплывающего фирменного кота по завершению прокрутки.

28. Lounge Lizard

Красиво оформленный сайт американского цифрового агентства

Профессиональный вид непросто сочетать с непринужденностью. Приятный Flat-сайт с мягкими контрастами и уникальными эффектами поддерживает этот баланс. Из портфолио посетитель переходит к кейсам (детальному разбору). С огромными плитками и крупными элементами сайт удобен для тачскринов.

29. Delete

Стильный и современный сайт цифрового агентства из Лондона

Яркий красивый флэт-дизайн с плавающим меню и скролл-эффектами. Hover-эффекты и микроитерации с задержкой придают некую солидность, а крупные элементы делают сайт удобным для пользователей сенсорных экранов.

30. Werkstatt

Красивый сайт французской цифровой студии выполнен с вниманием к деталям

Идеальный баланс между функциональностью и эстетикой. Задача интересно и красиво оформить портфолио, не подразумевает нелепую экстравагантность дизайна. Для онлайновых-портфолио зачастую более эффективны минималистичные подходы. Вдохновляющая стратегия: классический минимализм, много свободного пространства и крупная типографика.

seo-design.net

30+ оригинальных портфолио успешных веб-дизайнеров

Портфолио дизайнера — его визитная карточка, а также едва ли не основной способ найти клиентов. Заказчик, попадая на сайт-портфолио дизайнера, оценивает не только богатую коллекцию работ, но и сам сайт дизайнера. Особенно это касается веб-дизайнеров, ведь по сайта дизайнера будут судить о его работе и потенциалах. Именно поэтому веб-дизайнеру как никому другому стоит уделять особое внимание своему сайту-портфолио. Излишне говорить о том, что успешное портфолио успешного веб-дизайнера должно отличатся от других, иметь свою изюминку, демонстрировать личность автора и его творческий потенциал, быть оригинальным и заметным, стильным и в тоже время понятным. Что ж, сегодня мы предлагаем вам еще одну подборку портфолио зарубежных веб-дизайнеров для вашего вдохновения. Черпайте новые идеи, удивляйтесь и восхищайтесь, творите и удивляйте других. Знакомство с портфолио русских веб-дизайнеров нас еще ждет впереди.

Thibaud

Meagan Fisher

Adncom

Pojeta

Sr28

Ik Ben Evout

Leihu

Justin bird

Branded07

Forever heavy

Nick La

Hello karl

Third culture studios

Kineticshadows

Mediocore

Designer satelier

Оctwelve

By the pond

13creative

Pretty production

Edpeixoto

Giselejaquenod

Matthew Smith

Spoutcreative

Pliniocreative

Emiliano Rodriguez

Billy Bonkers

Mitch Designs

Jesse Willmon

Nisgia

Автор — Дежурка

Также вас могут заинтересовать:

Оставить ответ

Случайные статьи

www.dejurka.ru

Лучшие сайты портфолио для вдохновения

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

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

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

Dan Mall

Dan Toth

Kemie Guaida

Naiara Abaroa

Очень и очень впечатляет креативный подход, когда он встречается на сайте. Это своего рода вау фактор, который часто использует Apple для своей техники. За такие дизайны «цепляется» ваше внимание и появляется интерес.

Derry Birkett

Jordan Flaig

Nidhi Chanani

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

Lauren Bearpark

Есть некоторые сайты портфолио, которые по формату напоминает блог. Думаю, это не лучшее решение, даже если вы будете постить свои работы, тематические статьи вперемешку. Все же в портфолио основной акцент должен быть на проектах, которые нужно выносить на главную. Когда проект напоминает блог — не лучшая идея, хотя и душевненько.

Jon Rundle

Jared Nickerson

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

Angel Acevedo

Mark Bird

Michelle Ouellette

Иногда оригинальные работы дизайнера могут впечатлить больше чем организация самого сайта. Казалось бы, просто все максимально — набор прямоугольных картинок-иллюстраций, но они настолько классные, что привлекают все внимание. Это один из тех случаев, когда справедлива фраза — «работа сама за себя говорит».

Anil Tortop

Ilias Sounas

Burak Donertas

Andy Hunt

Сайты одностраничники — один из самых популярных форматов для портфолио. Однако тут нужно уметь грамотно и красиво все организовать. Некоторые «дизайны с прокручиванием» и большими фонами кажутся слегка шаблонными и однообразными (хотя, возможно, это из-за более 200 просмотренных сайтов за сегодня).

Nat Al-Tahhan

Daniel Paul

Marcelo Shultz

Buatoom

Luke Drozd

Design Garden

Многие дизайны сайтов портфолио, в принципе, достаточно однотипны. Просматривая 200 работ я бы мог выделить около 7-10ти различных вариантов реализаций проектов. Это не мешает им быть оригинальными или интересными, просто констатирую факт.

Chris Fernandez

С анимацией в шапке и в работах — это явно один из проф.навыков автора.

К сожалению, некоторые проекты со временем закрылись или изменили внешний вид на полупустую страницу-заглушку. Часть из таких материалов удалили, оставив лишь наиболее интересные скриншоты — возможно, кто-то вдохновится теми или иными решениями.

Nils Vögeding

Tony Phillips

Becky Murphy

Keith Frawley

Iris Eda Atalay

Ryan Downie

Надеюсь подборка вам понравилась.

design-mania.ru

8 портфолио графических дизайнеров, у которых есть чему поучиться

На какую бы аудиторию не был рассчитан ваш сайт, вы должны понимать, что время людей ограничено. Работодатели успевают просмотреть десятки портфолио за несколько минут. Значит, ваше портфолио должно ещё быстрей привлечь внимание.

Однако стоит понимать и чувствовать границу между безумием (в нашем случае это перебор с визуальными эффектами в ущерб собственно вашим работам) и хорошим сайтом. Вот вам 8 примеров портфолио-сайтов 2017 года, которые остаются одновременно визуально привлекательными и интересными по содержанию.

У Рафаэля за плечами целый багаж наград и опыта, проекты для Nike, Coca-Cola и других. Сейчас он работает в Wieden+Kennedy в Портланде. Не у многих получаются хорошие одностраничники, но Кфури справился на славу.

Дженнифер – дизайнер и иллюстратор из Бостона. Помимо всего прочего, она ещё учится в университете. Когда вы студент, у вас нет большого изобилия работ в портфолио, поэтому из имеющихся надо выжать максимум.

Графический дизайнер из Риги – специалист в различного рода веб-проектах. Вот и к своему портфолио он подошёл со всей душой.

Мэт Уэллер – независимый графический дизайнер из Великобритании, который успел поработать с BBC Radio 1, J Brand Jeans, BSkyB и Vodafone.

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

Минималистичное портфолио, представляющее собой слайд-шоу из лучших проектов дизайнера. Кстати, Бен за свою карьеру работал с Honda, Speedo, Bottega Veneta и Shangri-La.

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

Ковен – фрилансер из Чикаго – использует в своём портфолио легкие цветовые накладки, чтобы портфолио выглядело разнообразным и привлекало зрителя.

Как создать крутое портфолио, чтобы получать заказы от клиентов со всего мира

запись вебинара

1ч. 31 мин.

статья

7 мин.

Экономия времени

1ч. 24 мин.

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

Olia Gozha on Behance

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

Viktor Vörös on Behance

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

Источник: Pinterest

Второе — создайте референс-листы на Pinterest. Для этого вбейте в строку поиска «web design» и сохраните понравившиеся работы на свою доску. Pinterest хорош тем, что он показывает не только самые последние работы, но и те, которые набрали наибольшее количество лайков или попали в другие доски. Таким образом вы увидите в выдаче историю лучших изображений за все время.

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

Слова про сказку следует понимать не только в переносном смысле. Около 30% работ в портфолио дизайнеров — несуществующие работы. Это наброски, макеты, фейки и так далее. Наша задача — показать себя с выгодной стороны, собрать лайки и комментарии.

Tim Tadder on Behance

Зачем нужны фейки? Часто дизайнеры задают на семинарах такой вопрос: «Как выкладывать в портфолио сайты, за которые платят реальные клиенты вроде магазина запчастей или товаров для рыбалки?» Действительно, это проблема, потому что на таких проектах обычно много скучных страниц. Эти сайты не для Behance.

Делайте фейки. Возьмите продукт, который вам нравится, который вы любите. Например, фотоаппараты Leica. Сделайте фейковый лендинг фотоаппаратов. Возьмите новую коллекцию купальников Victoria’s Secret. Сделайте лендинг для нее. Сделайте новую концепцию сайта Nike. И не важно, что Nike наплевать на вашу концепцию, а Victoria’s Secret, может быть, никогда не узнает о вашем существовании. Главное, что это один из лучших способов разгона своего портфолио.

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

Превью должно быть сочным и ярким. Это очень важно для Behance, поскольку от качества превью зависит количество просмотров. Хорошее превью — это ювелирная работа. Человек листает ленту и вдруг в серой массе видит вашу яркую обложку, на которую хочется кликнуть. Цель достигнута!

Главная страница Behance, март 2018

Даже если вам удалось «продать» посетителю обложку кейса в вашем аккаунте на Behance, не стоит забывать и о его содержании. Здесь дизайнеры часто ленятся: показывают ту же обложку, только в большом размере. Это неправильно: всегда старайтесь подать кейс в виде истории. При этом не забывайте, что оптимальная длина кейса —16 000 пикселей.

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

Sergey Popkov on Behance

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

Viktor Vörös on Behance

Можно ответить в духе Яндекса: «делайте крутые сайты…», но с Behance немного легче. Решение о выводе в топ (добавлении ачивки или шильдика Featured) редакция Behance принимает по многим параметрам, и один из них — анимационная вставка. Обычно все выигрышные кейсы делают с анимационными вставками и видеороликами.

Шильдик Featured на Behance — мечта многих дизайнеров. Это не только признание мастерства, но и возможность получать большие и денежные заказы от крупных студий и частных лиц.

Чтобы стать известным на Behance, дизайнер должен придерживаться следующих правил:

Делать портфолио ярким и красочным.
Правильно оформлять превью.
Регулярно убирать старые работы.
Делать фейковые работы для крупных брендов.
Соблюдать длину портфолио в 16000 пикселей.
Рассказывать историю кейса, а не просто загружать картинки.
Обращать внимание на макропланы и детали.
Просматривать чужие работы в ежедневном режиме и учиться у лучших.

Курс «Веб-дизайн с 0 до PRO»

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

32 часа теории и 16 практических заданий
Живая обратная связь с преподавателями
Неограниченный доступ к материалам курса
Стажировка в компаниях-партнёрах
Дипломный проект от реального заказчика
Гарантия трудоустройства в компании-партнёры для выпускников, защитивших дипломные работы

skillbox.ru

Создаем портфолио веб-дизайнера за 2 недели — руководства на Skillbox

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

Если объяснять совсем просто, то ваше портфолио и навыки веб-дизайнера — продукт, который вы стремитесь продать, поэтому нужно понимать, кто ваш целевой заказчик. Вы же не будете предлагать сникерсы фанатам правильного питания? В дизайне все работает так же. Определитесь с типом сайтов, которые хотите создавать (лендинги, сайты-визитки, корпоративные сайты), а также со сферами бизнеса, для которых хотите делать дизайн (бьюти-индустрия, банковская сфера, строительство).

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

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

На самом деле все просто: поставьте себя на место клиента и придумайте себе задачу. Для создания своего первого лендинга советуем найти бриф на разработку дизайна сайта (множество примеров можно найти в сети) и заполнить его. Постарайтесь представить, о чем бы вы больше всего беспокоились, если бы сами выступали в роли заказчика.

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

Последнее, что предстоит сделать, — это объединить наработки в один готовый макет. В какой программе это сделать — выбор ваш, программ по созданию веб-сайтов существует много, и выбор зависит только от того, в какой из них вам приятнее и удобнее работать.

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

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

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

Отсутствие нишевания

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

Работ много, но все неудачные

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

Вы давно не обновляли портфолио

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

Плохо оформленный кейс

Если вы только загрузили джипеги сайта, заказчик ничего не поймет. Для него все это — непонятные картинки. Более того, он далеко не всегда может отличить хороший сайт от плохого, именно поэтому и ищет специалиста по веб-дизайну.

Откровенный плагиат

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

Не переживайте, если на первых порах у вас будут ошибки. Продвигать себя как специалиста так же сложно, как и собственный бизнес. Не хотите долго ждать успеха? Тогда советуем обратить внимание на новый курс «Я — фрилансер PRO», в котором мы собрали все секреты успешных фрилансеров. На курсе вы подробно разберете тему создания портфолио, поиска клиентов, позиционирования себя в сети и многое другое.

Я — фрилансер PRO

12-месячный курс, который обеспечит вам крутое портфолио, стабильный приток новых клиентов и позволит увеличить оборот минимум в два раза. Расходы за первые полгода курса берет на себя Skillbox. В это время вы посещаете все лекции и воркшопы, прокачиваете навыки, находите клиентов и начинаете получать деньги.

Живая обратная связь с преподавателями
Неограниченный доступ к материалам курса
Стажировка в компаниях-партнёрах
Дипломный проект от реального заказчика
15 работ в ваше портфолио