Портфолио сайтов дизайн: 20 сайтов-портфолио дизайнеров
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
Личное портфолио бразильца представляет собой микс из эффектно применяемых веб-техник, описания навыков и примеров работ.
как сделать и советы для начинающих
Всем привет, ребята! На связи Василий Блинов и сегодня мы обсудим, как новичку сделать портфолио веб-дизайнера привлекательным для клиентов. Если для копирайтера важны его примеры текстов, то визитной карточкой дизайнера является портфолио с его работами. Это самый важный инструмент для поиска интересного и высокооплачиваемого предложения от работодателя.
Лицо web-дизайнера – это его портфолио. По нему будущий заказчик увидит не только ваш потенциал, а ещё навыки и художественный вкус. Возможно, ознакомившись с примерами, он выскажет пожелания того, что хочет видеть в своем проекте, это, в свою очередь, поможет предотвратить недопонимание.
Где взять примеры работ новичку
Если вы обучаетесь на веб-дизайнера самостоятельно, то наверняка у вас ещё нет примеров. Да и где им взяться, если вы только начинаете пробовать себя в этой сфере? В предыдущей статье о самостоятельном развитии, мы обсудили наличие качественного портфолио.
Теперь мы подготовили для вас несколько проверенных идей, где взять первые примеры:
- Придумайте себе заказчика.
Определите его род деятельности, разработайте ТЗ (техническое задание), нарисуйте логотип. Например, это может быть лендинг по продаже одежды или услуг массажиста. Создаём под эти параметры сайт и первый образец готов. Теперь можете смело размещать работу в своём портфолио.
- Сделайте дизайн популярного бренда.
Выберите любой проект, который вам нравится, и сделайте концепцию сайта на свой вкус. Проявите по максимуму свой творческий потенциал. Многих начинающих дизайнеров такой подход сделал известными.
- Пробуйте свои силы в конкурсах.
Если вы любите ощущать дух соперничества и становиться победителем, то этот метод вам подойдёт. Существуют различные сервисы, на которых проводят конкурсы для начинающих веб-дизайнеров и профессионалов.
Один из таких – 99designs.
Здесь нужно зарегистрироваться и подать заявку. Далее разрабатываете сайт или логотип для проекта, который вам понравился больше всего. Работают над заданием множество фрилансеров, но побеждает та работа, которая больше всего понравится заказчику. Конечно же, она будет вознаграждена хорошим гонораром.
- Ведите свои социальные сети.
Чаще всего первые заказчики приходят именно через них. Бонусом станет ведение своей стены, размещение интересных постов по данной тематике. Регулярно добавляйте новых друзей из соответствующих групп и публичных страниц. Это намного увеличит шансы найти первые проекты и начать их реализовывать. Чуть позже я расскажу вам более подробно о том, насколько важны соц. сети для фрилансеров и удалёнщиков.
Как сделать сайт-портфолио
Всё большую популярность набирают сайты-портфолио. Это ваш личный полноценный проект, где вы рассказываете о своих услугах, ценах, контактах и размещаете краткую информацию о себе. Чтобы сделать свой сайт ещё более насыщенным, можете размещать статьи по тематике вашей специализации.
Мы расскажем о нескольких простых вариантах создания собственного сайта:
- Сделать его на WordPress.
Выбираете хостинг, устанавливаете Вордпресс на него, выбираете шаблон, заполняете сайт своими работами и необходимой информацией. Шаблон можно выбрать на themeforest. Там они есть специальные для портфолио.
Работать довольно легко и интуитивно, только вот за пользование нужно заплатить.
Советы по созданию лучшего портфолио
Главное, при составлении портфолио соблюдать несколько правил:
- Определите самые лучшие из своих произведений и разместите их.
Не стоит напихивать слишком много. Нам важно, чтобы заказчик увидел ваши лучшие навыки, профессионализм и по достоинству оценил ваш вкус.
- Используйте даты.
Это покажет заказчику, сколько времени вы уже занимаетесь своим ремеслом, насколько ответственно вы относитесь к своему делу, востребованы ли ваши работы.
- Важной деталью являются ссылки на уже работающие сайты.
Ведь перейдя на созданный вами сайт, заказчик сразу увидит весь спектр ваших умений.
- Определитесь со своей специализацией.
Многие веб-дизайнеры берутся за любую работу, ведь так, конечно, проще найти заказчиков. Но здесь важно качество, а не количество. Поэтому понаблюдайте, что вам больше всего интересно, возможно, это создание лендингов или интернет-магазинов.
- Чтобы гарантированно получить заказчика, было бы неплохо обладать дополнительными навыками, к примеру, вёрсткой сайтов.
Это значительно увеличивает шанс получить желаемое место в проекте.
- Не перестарайтесь.
Слишком много креатива тоже может отпугнуть. Важно больше конкретики: сделайте скриншоты переписки с заказчиками, покажите заготовки сайтов, а также не забывайте размещать готовые результаты.
- Экспериментируйте со стилем.
Чем разнообразней ваше портфолио, тем больше вероятность, что заказчику понравится тот или иной стиль. Таким образом, вы уже будете лучше представлять, что хочет ваш работодатель. Благодаря этому, можно избежать возможного переделывания.
- Помните главную цель вашего портфолио.
Это, в первую очередь, привлечение новых клиентов, а не повод похвастаться перед друзьями или другими менее успешными дизайнерами. К примеру, на таком портале, как Behance, много дизайнеров, которые публикуют свои работы. Вы можете узнать их мнение, получить лайки, комментарии, но выйти на реального крупного заказчика сложно, если, конечно, вы не попали в самый ТОП.
- Вдохновляйтесь примерами других дизайнеров.
- Добавляйте различные комментарии, описание, отзывы предыдущих заказчиков — всё это гарантия вашего профессионального успеха.
- Сначала спросите, а потом размещайте.
Перед тем, как опубликовать свой новый сделанный проект, лучше убедитесь, что работодатель не против. В большинстве случаев заказчики не запрещают, но на всякий случай узнать нужно.
Вот такие советы по созданию портфолио мы для вас приберегли. После грамотно составленного списка ваших работ, можете смело сотрудничать с всё более и более крупными заказчиками.
Но на этом ваш рост не заканчивается, поэтому не забывайте развиваться, изучать, смотреть видео и общаться с коллегами. Для этого мы приготовили подборку полезных книг, а также интернет-ресурсов (ссылка будет позже).
Структура простого портфолио
Для начинающих мы расскажем, как структурировать информацию, чтобы всё красиво и аккуратно выглядело.
- Размещаем вашу фотографию, пишем ФИО, профессию и контакты.
- Далее скриншоты ваших работ. Напишите количество успешно выполненных заказов. Самые удачные проекты разместите на первой странице. Для начала достаточно трёх – четырёх работ.
- Для того, чтобы ваши макеты выглядели презентабельно, советуем использовать сервис Getcover. Он делает скрин макета в браузере.
Заключение
Мы с вами разобрались, как новичку найти первые примеры для портфолио, как создать свой личный сайт-портфолио, поделились с вами полезными фишками и действующими инструментами. Теперь дело за вами – всё это воплотить в жизнь.
Желаем вам творческого энтузиазма и вдохновения. Всего вам доброго!
Особенности сайтов-портфолио для веб-дизайна / WAYUP
Сайты дизайнеров, художников, студий и компаний имеют свою специфику, так как их портфолио, список работ, проектов, возможностей часто создает первое впечатление о них пользователям, партнерам и инвесторам. Тем не менее, пока мы (люди) собираемся на встречи, готовимся к интервью или продумываем речь, то нередко забываем о своем портфолио, о своих работах, проектах или не стремимся следовать некоторым дизайн-тенденциям, когда представляем его (если оно уже есть) в интернете, в презентациях. Если посмотреть на вопрос с точки зрения руководства средней (предположим) компании, то через него проходит невероятное количество дизайнерских портфолио от стартапов, людей, компаний, желающих сотрудничать с данным брендом. И если немного обобщить все такие кейсы работ (неважно, в какой они тематике), то можно заметить некоторые общие моменты, которые очень сильно отодвигают исполнение желаний владельцев создателей.
В этом материале мы решили уделить внимание именно веб-дизайну сайтов-портфолио и подробно рассмотреть отличия между качественно созданным и немного небрежным кейсом. По сути, речь пойдет о представлении работ владельца ресурса, например, образцы работ веб-дизайнера или музыкальной студии, компании-застройщика (примеры ЖК, что они создали), примеры работ дизайнеров мебели и так далее. Но больший акцент сделаем, конечно, на дизайнерской тематике.
Фотографии и примеры
Как дизайнеры, мы, естественно, сосредоточены на визуальном аспекте примеров работ. В конце концов, суть портфолио – продемонстрировать проекты, что заказчик или мы умеем, чего достигли, над чем трудились все эти годы. Но в большинстве случаев (возможно, за исключением таких вещей, как игровые площадки и некоторые иные), читатели нуждаются и хотят контента, описания, подробностей для конкретной работы. И до сих пор многие личности попросту сбрасывают в кучу фотографии на странице и оставляют все это пользователям, чтобы они самостоятельно угадывали, что это и о чем (то ли логотип, то ли работа над визитками/флайерами и прочей бумажной атрибутикой).
Но что если всю деятельность разбить на некоторые фазы и для каждой сделать отдельное описание, историю, рассказ. Вы даже можете начать с написания более длинных описаний и заголовков, чтобы те находились ближе к каждому изображению, как показано ниже в портфолио Mackey Saturday (создатель логотипов Instagram, Oculus и Luxe). Это в основном и… все, что веб-дизайнерам нужно, так как люди будут просматривать страницу портфолио, чтобы найти для себя наиболее интересное. Поэтому, чем проще и понятней – тем лучше. И тут можно обнаружить, что довольно легко создать портфель работ, отдельные подборки по тематикам и направлениям, которые значительно улучшат отношение и к владельцу этого самого портфолио, и к трудам дизайнера.
Например, dadesign.studio добавили в качестве описания к проектам категории (анимация, брэндинг, иллюстрация и так далее), поскольку по одной только иллюстрации их работ сразу и не поймешь, о чем идет речь. Проект eunicejoung представил фотографии своих работ с более подробным описанием. Например, мобильное приложение Cinemagram или бренд Mark On. Уже при переходе по ссылке можно более подробно и наглядно увидеть, что включал проект и какая работа велась. Но если посмотреть на портфолио evoluted, можно подумать, что они попросту разместили много фоток и… все. Тут уже приходится подводить курсор мышки к каждой и читать краткое описание. К каждой фотке… не сказать, что очень удобно, пробежать глазами уже готовый текст проще, но зато выглядит красиво.
Дань моде и ни слова о нужном
Если веб-дизайнер создает личное портфолио (для человека, не компании), то имеет смысл написать несколько слов, что помогут пользователям понять, кто же он такой, этот создатель. И да, фразы аналогичные: «Я мастерски рисую пиксели» совершенно ничего не значат для рекрутеров или потенциальных клиентов, что просматривают сайт и портфолио. А ведь именно они и являются основной аудиторией таких проектов. Простые обыватели особо не интересуются тем, какие логотипы создает тот или иной дизайнер, студия до тех пор, пока им самим не потребуется этот самый логотип. А значит, из обывателей они превращаются уже в клиентов, заказчиков и рассматривают портфолио более придирчиво и подробно.
Любой, кто захочет связаться с дизайнером и нанять его, желает с первого взгляда понять, что он может для них сделать. Именно понять и увидеть, а уже потом обсуждать детали и макеты. Поэтому куда лучше написать: «Я бренд-дизайнер и арт-директор». Быть ясным лучше, чем быть умным – быть понятным и умным (например, как Марина Рачелло ниже) еще лучше. Её сайт скромен, в стиле брутализм, но здесь есть и представление дизайнера, и его работ.
Или компания thedistance написала коротко о себе в одно предложение и уже ясно, что её продукты созданы для местного рынка. Дизайнерская студия flowstudio решила пойти по наиболее скромному пути и, описав себя, сразу перешла к сути. При этом портфолио представляет собой сочетание больших по размеру фотографий, небольшого названия и ссылки на оригинал. И все. Все просто и ясно.
Устаревшая стилистика
Каждый из нас сам виноват в этом. Мы (люди в целом) настолько поглощены работой, что забываем, что наше собственное портфолио должно всегда выглядеть современным и актуальным. Оно должно развиваться вместе с нами на протяжении всей нашей дизайнерской карьеры. Когда мы оформляем портфолио для других – все это помним и делаем, но как дело доходит до себя любимого – откладываем «на потом». Таковы уж люди. Но покрытое пылью портфолио с устаревшими проектами способно нанести ущерб карьере. И даже при том, если оно не отправляется потенциальным клиентам или работодателям, все равно каждый может легко найти его, просто просматривая имя дизайнера в Интернете. А это, в свою очередь, означает, что вы можете упустить интересную работу, даже не осознавая этого.
Хорошей новостью является то, что сохранить свежесть портфолио можно, даже если у мастера нет частых проектов, а наоборот, он работает над развитием одного большого в течение длительного времени. И именно поэтому не стоит использовать дизайнерские тематические шаблоны, так как макеты могут визуально устареть со временем.
Лучшим вариантом является ручная работа, собственная разработка своего же портфолио. Оно не просто получается уникальным, но позволяет в любое желаемое вами время корректировать и обновлять цвет, позволяя ему адаптироваться к вашей карьере и современным ожиданиям дизайна, не требуя полного редизайна.
Так поступили, например, clicky, verenamichelitsch, tiltfactory, lashcreative, buzzworthystudio (интересное интерактивное решение, когда нужно подвести курсор к названию проекта, и только затем появится информация все в том же окне браузера).
Тоска дремучая
Страница «О нас» или «О себе», безусловно, отличная возможность произвести впечатление и побудить людей связываться с мастером-создателем. Но иногда они способны ввести пользователей в уныние и не выглядят убедительными и запоминающимися.
Дело в том, что иногда лучше отказаться от простого перечисления партнеров/клиентов и контактных данных. Наоборот, именно на эти страницы добавьте немного личности, попросту расскажите о себе/заказчике. Помните, что читатель, вероятно, сегодня уже просмотрел десятки портфелей работ разных дизайнеров, и он действительно ищет что-то нужное ему, и он.. утомился уже. Если вы сможете заставить его улыбнуться, он вас точно запомнит. Не рассмешить анекдотом, не показать видеоролик с номером КВН, но показать на сайте немного доброго и милого, например, символ-зверушку или красивую и плавную смену градиента и цветов.
Посмотрите на невероятные по дизайну и разметке страницы «О себе» alinaskyson (10 правдивых фактов обо мне, что запоминаются надолго, их интересно изучать, даже если вы не являетесь её заказчиком!). Страничка дизайнера Сары Ледонн отличается простотой и чистотой. Но здесь есть все: о ней, об услугах, о контактах. Посетив сайт, сразу становится понятным, чем девушка может помочь, как и кому.
Отдельного внимания заслуживает и страничка Роксаны Занкель, которая даже не является веб-дизайнером по профессии, но она создала свою страницу, наверное, самой амбициозной. Причем её сайт заслуживает отдельного внимания, ибо портфолио также оформлено невероятно подробно, ясно и наглядно. Есть короткие названия, описания, категории, ссылки и иллюстрации. И при этом дизайн всего сайта создан таким, что его менять или корректировать можно сколько угодно раз, а если этого и не делать, пылью он не покроется еще долгое время.
Еще один проект, отличающийся от множества в интернете — unspokenagreement. Он очень прост. Все портфолио молодой студии представлено в хронологическом порядке, что в действительности смотрится (и как отдельная идея, и как реализация) весьма отлично. Ссылка на контакты открывает страничку с часами работы, адресом и вариантами связи. Еще есть ссылка на услуги и рассказ, кто они есть. И все. Более на сайте ничего нет, но, по факту, этого и не требуется. При этом он легок, воздушен, обладает современными анимационными «фишками».
Дополнительно рекомендуем посмотреть сайты-портфолио roudstudio, krisztinatoth, martin-laxenaire, londoncreativedesigns.
Завершение
Все сайты портфолио похожи и разнятся одновременно. Казалось бы, идея одна – рассказать о своих успехах, успехах бренда, представить описание об услугах и возможностях. Но при этом какое же ошеломляющее количество совершенно разных визуальных оформлений кейсов работ можно увидеть в интернете!
Совершенно не имеет значения, создает ли веб-дизайнер сайт-портфолио для себя или на заказ. Идеи и мысли этого материала относятся к тематике портфолио в целом.
Основное же, что стоит помнить – кейс работ не предназначен для большого искусства. Здесь не требуется создавать умопомрачительной анимации, использовать художественные эффекты, создавать панорамы, VR и прочие «ноу-хау». И хотя дизайн и детали важны, любое портфолио, в конечном итоге, предназначено для демонстрации работы, успехов и ваших/кампании возможностей. Но ничто не должно стоять на пути к ним. Когда дизайнер создает проект-портфолио обычно он думает и о сфере деятельности, для которой создается визуальный кейс, и о человеке, что будет рассматривать его. Нельзя думать только о дизайне и не думать, насколько он будет интересен потенциальному клиенту. Добиться успеха ни дизайнеру, ни его заказчику будет практически невозможно.
Портфолио дизайнера | Сайт веб-дизайнера фрилансера Яны Ходкиной
Портфолио дизайнера | Сайт веб-дизайнера фрилансера Яны Ходкиной
Yanakhodkina.com
UI/UX веб-дизайнер
Yanakhodkina.com
UI/UX веб-дизайнер
Вы попали на страницу портфолио частного веб-дизайнера. Здесь вы можете посмотреть мое портфолио, оценить уровень моих работ.
После редизайна, сайт и раздел портфолио в частности, находятся в стадии редактирования и наполнения. Старые работы удаляются, новые кейсы добавляются.
Нужен стильный, оптимизированный сайт, в соответствии со всеми правилами юзабилити, обращайтесь.
Все работы Сайты Брендинг Разное UI/UX
проектирование дизайн ui/ux
РОСПРОМПЕРСОНАЛ
Подбор персонала в сфере машиностроения
концепция редизайн разработка
yanakhodkina.com
Редизайн этого сайта
концепция брендинг
Логотипы v.2
Подборка логотипов за 2019 год
дизайн консалтинг
Lady Lash
Студия наращивания ресниц
Artusmed
Ортопедическая клиника в Чехии
прототипирование редизайн
Art Flowers
Доставка живых цветов в Казахстане
концепция брендинг
Логотипы v.1
Подборка логотипов за 2018 год
STURM
Поставщик сантехники премиум класса
дизайн концепт
BonBubon
Интернет магазин игрушек
ELterra
Дизайн сайта для отеля
Blockchain
Блокчейн компания
редизайн концепция
MakeUp
Сайт салона красоты
Green Grass
Магазин декоративных растений
Группы VK
Подборка дизайна обложек №1
Smart-Deutch
Онлайн школа немецкого языка
Need Meat
Крафтовая бургерная
концепт дизайн разработка
Блог бухгалтера
Личный блог нетипичного бухгалтера
концепция архитектура дизайн
дизайн разработка
Maketiki
Продажа школьных портфолио
Сообщить об опечатке
Текст, который будет отправлен нашим редакторам:
Идеальное портфолио web-дизайнера | GeekBrains
Опытные дизайнеры рассказали, какое портфолио будет работать на вас.
https://d2xzmw6cctk25h.cloudfront.net/post/1771/og_cover_image/7a14ffdf036ed253f87e60fbda42bd6d
Мы попросили трех дизайнеров рассказать, что в их понимании представляет собой идеальное портфолио и какие работы в нем должны быть. Они поделились секретами и наработками, которые помогут новичкам.
Выигрывает портфолио, которое уже существует
Антон Антонюк, арт-директор проекта «Совесть»:
Суровая правда в том, что обычно работодатель отсматривает десятки кандидатов, мельком пролистывая страницы портфолио, и обращает внимание только на три–четыре проекта:
- на те, которые соответствуют предстоящим обязанностям, чтобы оценить уровень дизайнера;
- на крупные и сложные, чтобы понять, как дизайнер думает;
- на слабые, чтобы увидеть самооценку исполнителя. Если в портфолио лежат такие проекты, значит кандидат неадекватно оценивает качество своей работы.
В конце доходит очередь до сопроводительного письма и резюме.
Портфолио — это проект, задача которого — показать, что именно ваш опыт, умения и навыки подходят работодателю лучше других. Для этого есть три инструмента: контент — работы; оформление — само портфолио; пояснение — сопроводительное письмо.
Контент. Если работодатель говорит, что ему достаточно будет трех–четырех ваших работ, рекомендую на всякий случай предоставить ему пять–семь. Начинайте с самых крутых и сложных. Затем, если есть, показывайте проекты, созданные для известных брендов. Если не хватает интересных задач — выдумывайте и решайте. Показывайте только те умения и навыки, которые хотите использовать и развивать. И никогда не оставляйте в портфолио старые и слабые проекты.
Оформление. Портфолио должно быть наглядным. Избыточное оформление отвлекает внимание от самих работ. Это касается и мокапов. Они помогают экономить время, но использовать лучше только те, в которых можно рассмотреть проекты. Добавляйте описания задач. И указывайте, что именно сделали вы, если работа была командной.
Не важно, как именно вы оформляете портфолио — в виде собственного сайта, многостраничного файла в экранном размере, аккаунта Behance или чего-то еще. Главное, что в нем должно быть, — понятная структура и порядок. Не забывайте про типографику и грамотность.
Пояснение. Чтобы у потенциального работодателя после просмотра портфолио не остались сомнения, напишите сопроводительное письмо. В нем честно расскажите, почему интересуетесь вакансией и чем можете быть полезны проекту, команде. Если от кандидата требуют навыки, которым вы только учитесь, не бойтесь сказать об этом. Покажите желание развиваться. Арт-директор сумеет оценить ваши способности и понять, насколько вы подходите.
И самое главное: помните, что выигрывает портфолио, которое уже существует, а не которое вы только обдумываете. Как у любого проекта, у портфолио должен быть дедлайн. Назначьте его и сдайте вовремя.
Включайте в портфолио проекты-«завтра»
Серафима Болоткина, старший web-дизайнер международной IT- компании Movavi:
Портфолио — рабочий инструмент и главный ресурс, с помощью которого вы рассказываете о себе. Помимо того, что оно должно быть хорошо сверстано, грамотно написано, переведено на английский, оно должно иметь выгодную для вас структуру и наполнение. Поэтому необходимо провести анализ и выбрать 8–12 наиболее подходящих работ. Это оптимальное количество проектов, по которым можно понять, что вы умеете и каким образом выполняете задачи. Уделяйте внимание их подбору. Не нужно размещать работы, которые вас уже не характеризуют. Проекты должны быть актуальными, иначе заказчик не сможет понять ваш уровень.
Одна из задач портфолио — привлечь к себе как можно больше зрителей, чтобы люди захотели поделиться им и ставили в пример работы из него. Поэтому нужно старательно работать с каждым изображением, которое люди могут поместить себе на страницу или в сообщество.
Портфолио должно содержать четыре вида продуктов, чтобы отражать ваши навыки и умения:
- Проекты-доверители — проекты, сделанные для известных компаний в соответствии с понятной задачей. Человек, оценивающий ваши компетенции, может сказать следующее: «Я хорошо знаю эту компанию и ее задачи. Как здорово, что дизайнер нашел такое решение». По подобным проектам заказчики понимают уровень масштабирования дизайн-способностей исполнителя. Проекты-доверители должны быть в самом начале портфолио. Это ваше заявление о способности делать работы высокого уровня.
- Крутые проекты — то, что вы делаете высокопрофессионально. Это работы, которые у вас получаются разнообразно, интересно и, по собственному ощущению, — идеально.
- Проекты технического мастерства — проекты, которые технически вы выполнили сами, без участия команды. Такие работы показывают реальный скилл и доказывают мастерство. Например, отрисованный самостоятельно шрифт, смонтированный ролик, анимация.
- Проект-«завтра» — проект, который раздвигает ваш диапазон знания, мышления и опыта в дизайне. Это может быть публичный, хайповый или смешной проект, который будет интересен многим и которым захочется поделиться. Например, однажды дизайнер сделал айдентику планеты Земля: флаг, герб и прочее. Такие работы делают обычно для себя в свободное время. Они отлично показывают масштаб и возможности дизайнера.
Экономьте время заказчика — создавайте портфолио в формате showreel
Digital-дизайнер Сартасова Елена, digital-агентство P R O M О B E L K A
У меня есть секрет — хотя, возможно, его знают многие дизайнеры, — как сделать портфолио, если у вас еще нет заказчиков и особого опыта. Самое худшее, что можно предположить, — показывать заказчикам студенческие работы или картины с художки. Это не годится совсем. Как и не годится пересылать отдельные картинки работ на почту клиенту в jpeg. Это дурной тон.
Мой секрет — создавать воображаемые проекты. Например, брать государственную компанию, социальный проект или мировой бренд и делать под них концепцию. Это может быть новый стиль воображаемого события, фирменный персонаж, редизайн или дизайн сайта, приложение с новой идеей, просто эффектный рекламный образ или серия. Главное, не забывайте указывать в комментариях, что это концепция, а не воплощенный проект.
Выкладывать портфолио лучше на своем сайте. Но если его нет, то на известные площадки типа re:vision. Тогда заказчикам будет удобно перейти по одной ссылке, чтобы посмотреть работы. На сайте-портфолио не должно быть однотипных работ. Лучше пусть будет 10–15 проектов, в которых фигурируют разные стили и подходы. К каждой работе делайте интересное и умное превью, которое побудит открыть ее.
Если говорить о презентации работ, а не просто о рекламном формате, то каждому клиенту лучше показывать сначала то, что близко его тематике. Это продемонстрирует вашу компетенцию именно в области бизнеса клиента.
Сейчас век быстрого поиска, поэтому я советую создавать видеоролики showreel — общее видео о всех работах. Как вариант, сделать длинную и короткую версию для инстаграма. Еще секрет из личного опыта: используйте видеопортфолио, мини-ролики, микроанимацию. Это тренд, который делает любой кейс живым и информативным. Советую изучать анимацию сразу, она не раз еще пригодится.
В одном кейсе обязательно нужно выделять графически и текстом разные профессиональные решения по проекту: инновационность и удобство элементов интерфейса, оригинальные графические решения с описанием, как это повлияло на результат рекламной компании или использование web-продукта.
Портфолио дизайнера — не набор ссылок на красивые работы. Это подборка интересных кейсов, которые решали конкретные задачи заказчиков. Каждый проект требует сопроводительного материала, который объяснит, почему используются именно эти шрифт, текст и дизайн, как интерфейс приводит к целевому действию или почему такое цветовое решение снизило показатель отказов. Уделяйте портфолио не меньше времени, чем основной работе. Тогда оно принесет новые масштабные проекты и нестандартные задачи.
Стильные портфолио дизайнеров и агентств — 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
Новый сайт дизайн-агентства сделан на бутстрапе
Запоминающийся чистый дизайн с отличным UX, анимациями, интерактивом, уникальными hover-эффектами и красивыми переходами.
26. Uniel
Креативный сайт-портфолио японской студии дизайна
Японский дизайн на любителя, но вы точно не спутаете его с каким-либо дизайнерским веб-ресурсом. Необычная навигация, утонченный стиль, оригинальные кейсы портфолио, уникальные скролл-эффекты и еще много загадочного.
27. Viget
Пример портфолио крупной дизайн-студии с солидными клиентами
Уникальное оформление кейсов с раскрывающимся на весь экран фильтром работ, начинающим и завершающим секцию «Work». Стильно и красиво оформлены остальные страницы, включая всплывающего фирменного кота по завершению прокрутки.
28. Lounge Lizard
Красиво оформленный сайт американского цифрового агентства
Профессиональный вид непросто сочетать с непринужденностью. Приятный Flat-сайт с мягкими контрастами и уникальными эффектами поддерживает этот баланс. Из портфолио посетитель переходит к кейсам (детальному разбору). С огромными плитками и крупными элементами сайт удобен для тачскринов.
29. Delete
Стильный и современный сайт цифрового агентства из Лондона
Яркий красивый флэт-дизайн с плавающим меню и скролл-эффектами. Hover-эффекты и микроитерации с задержкой придают некую солидность, а крупные элементы делают сайт удобным для пользователей сенсорных экранов.
30. Werkstatt
Красивый сайт французской цифровой студии выполнен с вниманием к деталям
Идеальный баланс между функциональностью и эстетикой. Задача интересно и красиво оформить портфолио, не подразумевает нелепую экстравагантность дизайна. Для онлайновых-портфолио зачастую более эффективны минималистичные подходы. Вдохновляющая стратегия: классический минимализм, много свободного пространства и крупная типографика.
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
Автор — Дежурка
Также вас могут заинтересовать:
Комментарии
Оставить ответ
Похожие статьи
Случайные статьи
10 впечатляющих сайтов-портфолио дизайнеров и разработчиков 2017 года
преуспеть на рынке веб-дизайна и разработки или в качестве фрилансера, нужно иметь впечатляющее портфолио. Создатели сайта-портфолио сталкиваются с задачей посложнее, чем у других креативщиков. Их мастерство будет оценено не по картинке или тематическому исследованию, а тому как работает дизайн. Для этого обзора подобраны самые крутые, свежие дизайнерские сайты 2017 года. Сегодня много оформителей портфолио погналось за модными современными спецэффектами.Но творческий подход на основе не стареющих принципов веб-дизайна с уникальным авторским почерком — неоспоримо интересней и выглядит новаторским.
В настоящее время не уменьшается интерес к смелым дизайнерским решениям от истинных экспериментаторов. Итак, 10 лучших сайтов-портфолио дизайнеров и разработчиков на первую половину 2017 года:
01. Humaan
Сайт команды креативных дизайнеров и разработчиков из Австралии
Приятный, мягкий стиль с великолепно оформленным портфолио сайтов.Красивые бесшовные переходы к страницам проектов. Дизайн помогает продавать высококлассные диджитал услуги для передовых брендов.
02. Седрик Перейра
Простое, но хорошо структурированное и занимательное дизайнерское портфолио
Бывший практикант Deezer и Ultranoir, французский интерактивный дизайнер сейчас заканчивает школу HETIC. Его творческий интерактив с пятном на главной странице завораживает. Креатив начинается с крутой анимированной загрузки сайта.Такие решения сходу делают портфолио дизайнера залипательным.
04. Фабиан Ирсара
Фабиан Ирсара показывает, каким может быть дизайн современного сайта-портфолио
Австрийский разработчик член awwwards и основатель софт-компании Momate. Стоило ожидать от него внушительного портфолио-сайта с креативными идеями. Впечатляет элегантный глянцевый стиль с красивой типографикой. Использованы лаконичные, интригующие тексты и фишки, вроде размытия фона при прокрутке.
05. Фелипе Кастро
Пример яркого оформления содержательного дизайнерского портфолио
Дизайнер и фронтенд девелопер размещает свои проекты в информативном портфолио. Достойно выполненные работы сопровождаются описанием подходов, процесса создания и важных деталей (разметка, элементы пользовательского интерфейса, коды цветовой схемы и т.д.). Красиво качественных предзагрузка страниц и скролл-эффекты для изображений.
06. Малика Фавр
Продающий сайт-портфолио в стиле Flat Design английского иллюстратора
Великолепная графика проектов связно в плоском плиточном дизайне.Малика поражает умением использовать позитивно-негативное пространство. Шикарно выглядит графика оживленная синемаграфией. Эффектные на главной странице верный эмоциональный посыл для всего ресурса с портфолио и онлайн-магазином.
07. Веб-эксперт
Персональное портфолио креативного фронтенд-разработчика из Италии
Сайт создан с использованием css3, интерактива, градиент-анимации, canvas, JS. Геометрия во всем дизайне: от прелоадера загрузки до декоративных шрифтов.Красивые фоновые эффекты зависания в меню, эффектные переходы и анимация с контурными фигурами.
08. Прашант Сани
Темный сайт портфолио индийского фронтенд-девелопера со множеством маленьких изящных штрихов
Веб-разработчик специализируется на SVG, JavaScript, HTML5 и адаптивном дизайне. У его портфолио темный дизайн с геометрическими икосаэдр фигурами, эффекты в меню, трансформация значка-бургера и яркими переходами.
09.Шантелл Мартин
Необычный интерактив: индивидуальность и персональный брендинг
Продающее портфолио с черно-белым дизайном походит на сон. Главная страница причудливо оформлена hover-анимациями фоновых узоров. Так, Шантелл Мартин связывает изящества изобразительного искусства с коммерческим миром.
10. Fabiotoste
Персональный сайт-портфолио на HTML5
Личное портфолио бразильца представляет собой микс из эффектно применяемых веб-техник, описания навыков и примеров работ.
.Идеальное портфолио web-дизайнера | GeekBrains
Опытные дизайнеры рассказали, какое портфолио будет работать на вас.
https://d2xzmw6cctk25h.cloudfront.net/post/1771/og_cover_image/7a14ffdf036ed253f87e60fbda42bd6d
Мы попросили трех дизайнеров рассказать, что в их понимании представляет собой идеальное портфолио и какие работы в нем должны быть. Они поделились секретами и наработками, которые помогут новичкам.
Выигрывает портфолио, которое уже существует
Антон Антонюк, арт-директор проекта «Совесть»:
Суровая правда в том, что обычно работодатель отсматривает десятки кандидатов, мельком пролистывает страницы портфолио, и обращает внимание только на три – четыре проекта:
- на те, которые соответствуют предстоящим обязанностям, оценить уровень дизайнера;
- на крупный и простой, чтобы понять, как дизайнер думает;
- на слабые, чтобы увидеть самооценку исполнителя.Если в портфолио лежат такие проекты, значит кандидат неадекватно оценивает качество своей работы.
В конце доходит очередь до сопроводительного письма и резюме.
Портфолио — это проект, которого — показать, что именно ваш опыт, умения и навыки работодателю лучше других. Для этого есть три инструмента: контент — работы; оформление — само портфолио; пояснение — сопроводительное письмо.
Контент. Если работодатель говорит, что ему достаточно будет трех – четырех ваших работ, рекомендую на всякий случай предоставить ему пять – семь.Начинайте с самых крутых и сложных. Затем, если есть, показывайте проекты для определенных брендов. Если не хватает интересных задач — выдумывайте и решайте. Показывайте только те умения и навыки, которые хотите использовать и развивать. И никогда не оставляйте в портфолио старые и слабые проекты.
Оформление. Портфолио должно быть наглядным. Избыточное оформление отвлекает самих себя работ. Это касается и мокапов. Они позволяют экономить время, но использовать лучше только те, в которых можно рассматривать проекты.Добавляйте описания задач. И указывайте, что именно сделали вы.
Не важно, как именно вы оформляете портфолио — в виде собственного сайта, многостраничного файла в экранном размере аккаунта Behance или чего-то еще. Главное, что в нем должно быть, — понятная структура и порядок. Не забывайте про типографику и грамотность.
Пояснение. Чтобы у потенциального работодателя после просмотра портфолио не остались отзывы, напишите сопроводительное письмо.В нем честно расскажите, почему интересуетесь вакансией и чем можете быть полезны проекту, команде. Если от вас требуют навыки, которые вы учитесь, не бойтесь сказать об этом. Покажите желание развиваться. Арт-директор сумеет оценить ваши способности и понять, насколько вы подходите.
И самое главное: помните, что это выигрывает портфолио, которое уже существует, а не вы только что обдумываете. Как у любого проекта, у портфолио должен быть дедлайн. Назначьте его и сдайте вовремя.
Включайте в портфолио проекты- «завтра»
Серафима Болоткина, старший web-дизайнер международной IT- компании Movavi:
Портфолио — рабочий инструмент и главный ресурс, с помощью которого вы рассказываете о себе. Помимо того, что оно должно быть хорошо написано, переведено на английский, оно должно быть выгодно для вас, переведено и наполнение. Поэтому необходимо провести анализ и выбрать 8–12 наиболее подходящих работ. Это оптимальное количество проектов, по которому можно понять, что вы умеете и каким образом выполнять задачи.Уделяйте внимание их подбору. Не нужно размещать работы, которые вас уже не характеризуют. Проекты должны быть актуальными, иначе заказчик не сможет понять ваш уровень.
Одна из задач портфолио — привлечь к себе как можно больше зрителей, чтобы люди захотели поделиться им и ставили в пример работы из него. Это люди, работающие на странице, в сообществе.
Портфолио должно содержать четыре продукта, чтобы отразить ваши навыки и умения:
- Проекты-доверители — проекты, созданные для известных компаний в соответствии с понятной гарантией.Человек, оценивающий ваши компетенции, может сказать следующее: «Я хорошо знаю эту компанию и ее задачи. Как здорово, что дизайнер нашел такое решение ». По подобным проектам заказчики понимают уровень масштабирования способностей исполнителя. Проекты-доверители должны быть в самом начале портфолио. Это ваше заявление о способности делать работы высокого уровня.
- Крутые проекты — то, что вы делаете высокопрофессионально. Это работы, которые у вас получаются разнообразно, интересно и, по собственному ощущению, — идеально.
- Проекты технического мастерства — проекты, которые технически вы выполнили сами, без участия команды. Такие работы показывают реальный скилл и доказывают мастерство. Например, отрисованный самостоятельно шрифт, смонтированный ролик, анимация.
- Проект- «завтра» — проект, который раздвигает ваш диапазон знания, мышления и опыта в дизайне. Это может быть публичный, хайповый или смешной проект, который будет интересен многим и которому захочется поделиться.Например, однажды дизайнер сделал айдентику планеты Земля: флаг, герб и прочее. Такие работы делают обычно для себя в свободное время. Они отлично показывают масштаб и возможности дизайнера.
Экономьте время заказчика — создавайте портфолио в формате showreel
Digital-дизайнер Сартасова Елена, digital-агентство P R O M О B E L K A
У меня есть секреты — хотя, возможно, его многие дизайнеры знают, как сделать портфолио, если у вас еще нет заказчиков и особого опыта.Самое худшее, что можно предположить, — показывать заказчикам студенческие работы или картины с художки. Это не годится совсем. Как и не годится пересылать отдельные картинки работ на почту клиенту в jpeg. Это дурной тон.
Мой секрет — создать воображаемые проекты. Например, брать государственную компанию, социальный проект или бренд и делать под них концепцию. Это может быть новый стиль воображаемого события, фирменный персонаж, редизайн или дизайн сайта, приложение с новой идеей, просто эффектный образный рекламный или серия.Главное, не забывайте указывать в комментариях, что это концепция, а не воплощенный проект.
Выкладывать портфолио лучше на своем сайте. Но если его нет, то на известные площадки типа re: vision. Тогда заказчикам будет удобно перейти по одной ссылке, чтобы посмотреть работы. На сайте-портфолио не должно быть однотипных работ. Лучше пусть будет 10–15 проектов, в которых фигурируют разные стили и подходы. К каждой работе делайте интересное и умное превью, которое побудит открыть ее.
Если говорить о клиентах презентации работ, а не просто в рекламном формате, то каждому лучше показывать сначала то, близко его тематике.Это показывает вашу компетенцию именно в области бизнеса клиента.
Сейчас век быстрого поиска, поэтому я советую создать видеоролики showreel — общее видео о всех работах. Как вариант, сделать длинную и короткую версию для инстаграма. Еще секрет из личного опыта: используйте видеопортфолио, мини-ролики, микроанимацию. Это тренд, который делает любой кейс живым и информативным. Советую изучать анимацию сразу, она не раз еще пригодится.
В одном кейсе обязательно нужно выделить графически и текстами разные профессиональные решения по проекту: инновационность и удобство элементов интерфейса, оригинальные графические решения с описанием, как это повлияет на результат рекламной компании или использование веб-продукта.
Портфолио дизайнера — не набор ссылок на красивые работы. Это подборка интересных кейсов, которые решали решающие задачи заказчиков. Каждый проект требует сопроводительного материала, который объяснит, почему используются именно этот шрифт, текст и дизайн, как интерфейс приводит к целевому действию или почему такое цветовое решение снизило показатель отказов. Уделяйте портфолио не меньше времени, чем основной работе. Тогда оно принесет новые масштабные проекты и нестандартные задачи.
.Стильные портфолио дизайнеров и агентств — 30 замечательных примеров
Свои фантазии современные веб-дизайнеры охотно воплощают в идеи, принимают необычные формы и размеры. Сейчас смело и нестандартно оформить портфолио проектов как персональные сайты, так и лучшие digital-агентства или студии. Интернет переполнен впечатляющим дизайном портфолио. Стремясь занять достойное место в творческом дизайне, дизайнеры и разработчики интересом рассматривают новшества в оформлении портфолио-проектов (нужно быть в курсе последних дизайн-трендов).
Вдохновитесь примерами инновационного мышления — поощрите творческую свободу дизайнеров просмотром великолепных дизайнов-портфолио в современном стиле 2018.
Персональные портфолио дизайнеров и сайты небольших студий
Оригинальность дизайна подчеркивает персональность сайта. Смотрите как собственные подходы выделяют портфолио дизайнерских сайтов из толпы.
01. Игрушечный бой
Сайт манчестерской дизайн-студии из двух человек. Нестандартные творческие подходы
Улетный сайт в новомодном ярко-минималистичном стиле.Впечатляет множество эффектов: от парраллакс-прокрутки до красивых анимированных трансформаций и неожиданных 3D сцен с участием двух совладельцев. Не будь визуального юмора и оригинальности, идущей от доменного нейминга — одна лишь эффект не принесла бы сайту известности, а студии успеха.
02. Томер Лернер
Запоминающееся нестандартное портфолио опытного девелопера и аниматора
Необычный портфолио-сайт с горизонтальной / вертикальной прокруткой.Использует сочные колориты Flat, материальный и свежий тренд 2018 года — яркие градиенты. Уникальные возможности микроитерации и горизонтальный скролл с призрачными кнопками. Продуманная навигация, адаптивность и UX-дизайн увязаны с интерактивом, эффектами наведения, прелоадером загрузки.
03. Лемпенс Дизайн
Удивительно красивое портфолио бельгийского дизайнера и фронтэнд-разработчика
В одностраничном портфолио эффектно плоский дизайн.Привлекательные виды в бекграунде совмещены с красивой скролл-анимацией, интерактивом и эффектами наведения.
04. Олли Гиббс
Онлайн-портфолио оформлено с вниманием к деталям
Профессиональный иллюстратор уже поработал с Уорнер Бросом, Мьюз, Армией Спасения. Броским дизайном с ноткой юмора он показал персональность, а типографикой с разметкой создал оригинальную эстетику.
05. Том Бискап
Портфолио дизайнера и арт-директора Тома Бискап
Это портфолио — ненавязчиво и стильно поданная история.Анимированое изображение в «шапке» быстро погружает посетителя в творчество дизайнера. Асимметрично расположенные изображения на главной странице ведут к более детальным кейсам. Оригинальное оформление портфолио сайта уже само по себе демонстрирует арт-талант Тома.
06. Уэйд Джеффри
Причудливый портлфолио сайт арт-директора Джеффри Уэйда
Сайт необычен, как и дизайнерские работы. На лендинг портфолио прокручивается зацикленное видео прилетающего в автора мяча.Онлайн-портфолио Уэйда своим дизайном выражает стиль работ и сам образ автора. Подход не просто реализуем на практике, но способен увязать представленные проекты с первым впечатлением об их создателе.
07. Шон Халпин
Персональный дизайнерский сайт-резюме, создающий атмосферу раскованности
Пример сайта-резюме в стиле «китч». Личный брендинг необычайно прост, а дизайн легок для восприятия. Создав зеленый мирок (атмосфера раскованности), канадский веб-разработчик и дизайнер играючи демонстрирует мастерство с творческими возможностями.
08. Кристофер Ли
Кристофер Ли показывает свою страсть к игрушкам, карикатурам и мультфильмам прошлого
Ли не просто показывает имя легендарного актера, но судя по оформлению продающего портфолио — свой креативный талант тоже. На броском дизайне с иллюстрацией вида «чудовища возвращаются» Кристофера вдохновили колориты городских улиц и мультфильмов 90-х.
9. Тим Лахан
Идеально «приготовленное» продающее портфолио дизайнера
Портфолио графического дизайна из Нью-Йорка, в котором изображения и продающие видео рассказывают истории.Тут же можно купить постеры, иллюстрации, анимированные GIF, книжки, принты для одежды и арт-принты. Запредельная эпатажность продается без «барьеров» и рамок, которые бы отвлекали и ослабили эффект.
10. Маленькая студия
Компактный и необычный сайт небольшой австралийской студии
Уютный и легкий в управлении сайт с хорошим юзабилити и UX-дизайном. Оригинальная структура с навигацией типа горизонтальный аккордеон.
11.Лорен Виквар
Студия фрилансера Лорен Виквар специализируется на оформлении публикаций
Лорен организовала эффективный просмотр с непрерывной подачей работ, размещая главную и страницу портфолио в одном приложении. Тематичные изображения, визуальная детализация и нестандартная разметка с чередованием блоков повышают интерес, сбалансированность визуала и функционала позволяет:
- Продемонстрировать фирменный стиль и персональность
- Быстро и привлекательно подать посетителям самое интересное
12.Болден
Сайт с кейс проектами небольшая студия из 7 человек
Креативный дизайн отлично справился с продающей рекомендации сайта. Ярко-минималистичный фирменный стиль:
- Выражает облик небольшой студии
- Привлекает, но не перетягивает на себя внимание
- Соответствует актуальным тенденциям web-дизайна
13. Прокачка
Минималистичное портфолио — пример взаимодействия стилей
Сайт студии связно сочетает мир культуры с правилами визуальной визуализации, демонстрирует арт и медиа самобытность.Образ мышления реализован в проектах, а эффектные изображения с крупными шрифтами обеспечивают завлекать аудиторию.
14. Тим Смит
HTML5 трюки оживили сайт-портфолио Тима Смита
Безупречно чистого вида портфолио-сайт на CSS3 и HTML5. Компактная навигация с плитками на главной. Оригинальное решение: геометричные подложки для заголовков внутри карточек с флип-переворотом при наведении.
15. Daniel Spatzek
Онлайн портфолио австрийского фрилансера-дизайнера
Будучи графическим и WEB дизайнером, Дэниел соответствует умению в интересно и эффектно оформленном портфолио.Использовано много CSS трюков и анимации для его «оживления».
Дизайн-агентства / портфолио на сайте компании
17. Сделано в HAUS
Сайт брендинговой и маркетинговой компании стартовавшей из Санта-Моники
Эффектный и чистый дизайн. Броский энергичный стиль выражает амбициозность и концепцию: дизайн & технологии. Цвета заливки портфолио-превью согласованны со страницами кейсов цветокоррекций фонов и цветовыми схемами. Новаторство во всем: если вы считаете какие-то тактики / элементы устаревшими, просто взгляните на творческий дизайн HAUS.
18. Супер толпы
Красота эстетики по японски: высокотехнологичный сайт креативного агентства из Токио
Когда минималистичному сайту тени усиления, он выглядит супер-материалистично. CSS3, HTML5, интерактивные и анимации применяются с элементами современного веб-дизайна.
19. FCinq
Сайт креативного цифрового агентства из Парижа
простой структуре с каталогом работ на главной странице и продуманному дизайну последних трендов, сайт выглядит современно и им легко пользоваться.Скроллинг и эффекты наведения, яркие цвета, достаточность свободного пространства — то, что сейчас популярно в WEBе.
20. Рози Ли
Гибридное креативное агентство по онлайн / оффлайн брендингу, рекламе и ритейл-дизайну
Работы из портфолио занимают центральное место на сайте с доступом к кейсам на главной странице. Их сопровождают широкоформатные изображения, видео, карусели.
21. Ателье Finesse
Парижское АРТ-ателье с бутик-подходом к веб-дизайну
Изящество специализируется на создании и оформлении эстетичных сайтов, уделяя внимание графику, брендингу, художественному оформлению.Подлинное новаторство к визуальному выражению: креативная студия сочетает технологии, функциональность, юзабилити с изысканностью и артистичной красотой.
22. Sagmeister & Walsh
У креативного агентства из Нью-Йорка черно-белый сайт с нестандартными идеями
Согласитесь, очень легкомысленно улучшенно онлайн-портфолио, наполняя главную страницу в режиме Live. Но что бы вы не думали, это их новаторская концепция. Навигация по главной проста и понятна, а юзабилити на уровне.В разделе Ответы системой тикетов поддерживаемый список FAQ-вопросов, ответы на них — это посыл к клиентской аудитории.
23. Пыльца
Глобальное агентство работает с клиентами из Лондона, Парижа, Нью-Йорка, Токио…
Сайт брендингового агентства «элегантную и запоминающуюся презентацию». Главная целевая страница использует модные тренды оформления: от полноэкранного видео, до утонченных эффектов наведения и реагирующих на курсор миниатюр.Тексты с основным посылом студии выделены типографическими контрастами.
24. Изображение большего размера
Сайт цифрового агентства с эффектным дизайном
Современный чистый дизайн на HTML5 и CSS3 с красивыми анимациями и переходами. Оживленная домашняя страница, приятно оформлена «О нас». Эффекты выделяют этот сайт из толпы, но не утомляют.
25. Идущие мужчины
Новый сайт дизайн-агентства сделан на бутстрапе
Запоминающийся чистый дизайн с отличным UX, анимациями, интерактивом, уникальными эффектами наведения и красивыми переходами.
26. Униэль
Креативный сайт портфолио японской студии дизайна
Японский дизайн на любителя, но вы точно не спутаете его с каким-либо дизайнерским веб-ресурсом. Необычная навигация, утонченный стиль, оригинальные кейсы портфолио, уникальные скролл-эффекты и еще много загадочного.
27. Viget
Пример портфолио крупной студии с солидными клиентами
Уникальное оформление кейсов с раскрывающимся на весь фильтром работ, начинающим и завершающим секцию «Work».Стильно и красиво оформленные страницы, включая всплывающего фирменного кота по завершению прокрутки.
28. Lounge Lizard
Красиво оформленный сайт американского цифрового агентства
Профессиональный вид непросто сочетать с непринужденностью. Приятный Flat-сайт с мягкими контрастами и уникальными эффектами поддерживает этот баланс. Из портфолио посетителя переходит к кейсам (детальному разбору). С огромными плитками и крупными элементами сайт удобен для тачскринов.
29. Удалить
Стильный и современный сайт цифрового агентства из Лондона
Яркий красивый флэт-дизайн с плавающим меню и скролл-эффектами. Hover-эффекты и микроитерации с задержкой придают некую солидность, а крупные элементы делают сайт после пользователей сенсорных экранов.
30. Werkstatt
Красивый сайт французской цифровой студии выполнен с вниманием к деталям
Идеальный баланс между функциональностью и эстетикой.Задача интересно и красиво оформить портфолио, не подразумевает нелепую экстравагантность дизайна. Для онлайновых-портфолио зачастую более эффективны минималистичные подходы. Вдохновляющая стратегия: классический минимализм, много свободного пространства и крупная типографика.
.11 примеров веб-портфолио, которые можно ровняться в 2019-м
Для лучшего покупателя в хорошем онлайн-портфолио. Возможно как раз пришло время обновить ваше веб-представительство? В этой статье собраны свежие примеры сайтов-портфолио дизайнеров, на которые стоит ровняться. Здесь и тренды, и свежие решения. Надеемся, это поможет вам обновить собственное видение.
We Ain’t Plastic
We Ain’t Plastic — отличный пример того, как должно выглядеть портфолио в 2019-м году.Здесь использованы легкие эффекты и анимация. Видно, что сайт создан с любовью, при этом с уважением к посетителям — стараясь не перегружать слишком большим количеством информации.
Мелани Дэвид
Это красивое одностраничное портфолио доказывает, что постой, но сильный дизайн — почти всегда выигрывает. Элегантная анимация является отличительной и запоминающейся чертой сайта. Также обратите внимание на динамическую верстку.
Стив Менгин
Стильная и сложная навигация в этом примере выглядит восхитительно.Каждый анимированный элемент смотрится великолепно. И хотя многие ходы уникальны, благодаря хорошо продуманному пользовательскому интерфейсу, все просто и интуитивно понятно.
Гал Шир
Веселая анимация и красочные изображения в момент оживляют сайт. Хочется прокручивать сайт все дальше и дальше, чтобы увидеть каждое анимированное изображение. Способствует этому и симпатичный эффект параллакса.
Портфолио Натана Райли
Этот темный стильный сайт наполнено всевозможными развлекающими мелочами, анимацией и эффектами взаимодействия.Интересно и приятно искать и находить их. Сразу становится понятно, что имеете дело с дизайнером, который любит свою работу. Откройте страницу с проектами, там вы также найдете интересную закулисную информацию о выборе дизайна.
Джек Jeznach
На этом сайте все говорит о превосходном стиле и высоком уровне мастерства. Поражает то сколько вниманиялямил дизайнер. В процессе навигации по этому продуманному портфолио вам захочется изучить все уголки и узнать как можно больше о разработчике.
Смена веса
Что может быть интереснее, чем коллекция кейсов, да еще и так красиво оформленная? Вы скроллите чистый сайт в ярких тонах и знакомитесь с примерами, чтобы увидеть краткую демонстрацию работ компании.
Тимоти Ахумба
В этом портфолио использован красивый макет блоками, которым легко взаимодействовать с любого устройства. Изображения находятся в центре внимания, занимаю большую часть экрана. Текст лаконичен и дает ровно ту информацию, которая нужна.
Друзья
А вот сайт, напоминающий визитку. Он изыскан, красив, прост, но тщательно продуман. Здесь много примеров работ студии, которые дают понимание о том, что это за компания и какие методы работы предпочитает. Это очень полезно — понимать цели и процессы, которая руководствуется дизайнер.
Батист Ринго
Это портфолио с учетом удобства чтения и простоты навигации. Здесь много контента и готовых работ.Текст обильно сдобренми изображения прошлых проектов. Очень просто перемещаться по разделам. А еще приятная деталь — изменение цвета фона при прокрутке.
Youandigraphics
Красивая палитра, уникальный макет, милые рисунки и анимация делают этот сайт выдающимся примером. Глядя на это портфолио, сразу становится понятно, что у дизайнера свой творческий взгляд на вещи.
Автор статьи Бренда Стоукс Бэррон
Перевод — Дежурка
Смотрите также:
.