50 креативных портфолио сайтов.
Создание своего личного портфолио сайта, возможно, одно из самых сложных заданий, которое вам придется делать. Вы сами себя критикуете и, что бы ни было сделано, вы всегда хотите это изменить и сделать еще лучше.
Для вдохновения взгляните на эти портфолио — креативные сайты. Они различные для разработчиков (для них, как правило, дизайны очень точные), для дизайнеров (красочные и яркие) и фотографов.
Gummisig
Alberto Beloni
Веб-дизайн. Быстрый старт
Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma
Узнать подробнее
Lisa Moseley
Sean Geng
Marko Prljic
Michela Chiucini
LP – Creative Designer
Peter Pearson
Colourpixel
Matt Dempsey
Jay Hafling
Miles Dowsett
Noel Design
Jae Salavarrieta
ilove2design
Alexey Abramov
Pampaneo
Love the Septapus & He Shall Love Unto You
ths
arqandgraph
Jason Santa Maria
Jon White Studio
COMA
Daniele Volpin
Joe Longstreet
Davy Van Den Bremt
Hugs For Monsters
Веб-дизайн. Быстрый старт
Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma
Узнать подробнее
Andrew Brandwood
Catalin Bridinel
Nathan Sanders
Matt Mullenweg
Stuart Hobday
Form + Function
Triplux
Julian Andrade
Jeffdoe
Jason Julien
Kitfolio
Magnivate
Mike Rundle
Michael Paul Young
Pngised
Jeff Finley
Pavel Macek
Cerity
Giancarlo Fajardo
DREAMER LINES
Flush
Callum Rimmer
Svetainiu Kurimas
Jackson & Kent
Krishna Chaitanya
Автор: Paul Andrew
Источник: http://speckyboy.com/
Редакция: Команда webformyself.
Рисовать Дизайн Сайтов —
ПРОЩЕ, Чем Вы Думаете!
Веб-дизайн. Быстрый старт
Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma
Узнать подробнее
Веб-дизайн. Быстрый старт
Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma!
Смотреть видео
Лучшие и оригинальные портфолио дизайнеров
У дизайнеров всегда есть желание оставаться уникальными в своих работах и других аспектах. Особенно это касается своего личного потрфолио — к этой работе они стараются подойти максимально серьезно, воплотить все свои навыки и умения работы дабы привлечь внимание будущих потенциальных рекламодателей.
Обновление 12.04.2020: Внимание! Эта статья уже достаточно старая и материал здесь не обновляется. Недавно я опубликовал новую подборку из 50+ лучших портфолио дизайнеров, иллюстраторов и других творческих профессий. Вся актуальная информация теперь там.
Создание онлайн-портфолио — почти такая же работа, как и рисование любого другого дизайнерского проекта с одним только исключением — заказчик здесь вы. В данном посте предлагаю познакомиться с уникальными и впечатляющими работ различных дизайнеров, что поможет вам набраться идей и вдохновения для создания своего персонального красивого портфолио.
Multiways
OkayDave
Edpeixoto
Kevadamson
Unouplus
In2media
Dumbwaiter Design
Foxie
Squarefactor
Потрясающие портфолико дизайнеров, которые полностью оправдывают звание «Лучшие». Каждая работа — не просто набор каких-то графических навыков или элементов, это абсолютно оригинальный и своеобразный подход, реализация, идея! Иногда бродить по таким сайтам сложновато, но от созерцания получаешь подлинное удовольствие, и возникает желание создавать собственные шедевры, подобные этим.
Кстати, заметил один дизайнерский тренд (тенденцию) во многих портфолио — все информационные блоки (контакты, об авторе, работы) располагаются на одной большущей странице, из которой в текущий момент времени видна одна лишь часть. А потом с помощью навигации пользователь сложно «перелетает» в разные области страницы, где есть другая инфа.
P.S. Постовой. Программа эксперт-смета пир для составления отчетной документации.
Качественное компьютерное обслуживание, абонентское обслуживание.
11 примеров веб-портфолио, на которые можно ровняться в 2019-м
Для дизайнеров важно иметь хорошее онлайн-портфолио, ведь именно по нему потенциальные заказчики будут судить об уровне ваших работ. Возможно как раз пришло время обновить ваше веб-представительство? В этой статье собраны свежие примеры сайтов-портфолио дизайнеров, на которые стоит ровняться. Здесь и тренды, и свежие решения. Надеемся, это поможет вам обновить собственное видение.
We Ain’t Plastic
We Ain’t Plastic — отличный пример того, как должно выглядеть портфолио в 2019-м году. Здесь использованы легкие эффекты и анимация. Видно, что сайт создан с любовью, при этом с уважением к посетителям — стараясь не перегружать слишком большим количеством информации.
Melanie Daveid
Это красивое одностраничное портфолио доказывает, что постой, но сильный дизайн — почти всегда выигрывает. Элегантная анимация является отличительной и запоминающейся чертой сайта. Также обратите внимание на динамичную верстку.
Steve Mengin
Стильная и сложная навигация в этом примере выглядит восхитительно. Каждый анимированный элемент смотрится великолепно. И хотя многие ходы уникальны, благодаря хорошо продуманному пользовательскому интерфейсу, все просто и интуитивно понятно.
Gal Shir
Веселая анимация и красочные изображения в момент оживляют сайт. Хочется прокручивать сайт все дальше и дальше, чтобы увидеть каждое анимированное изображение. Способствует этому и симпатичный эффект параллакса.
Portfolio of Nathan Riley
Этот темный стильный сайт наполнено всевозможными развлекающими мелочами, анимацией и эффектами взаимодействия. Интересно и приятно искать и находить их. Сразу становится понятно, что имеете дело с дизайнером, который любит свою работу. Откройте страницу с проектами, там вы также найдете интересную закулисную информацию о выборе дизайна.
Jack Jeznach
На этом сайте все говорит о превосходном стиле и высоком уровне мастерства. Поражает то сколько внимания деталям уделил дизайнер. В процессе навигации по этому тщательно продуманному портфолио вам захочется изучить все уголки и узнать как можно больше о разработчике.
Weightshift
Что может быть интереснее, чем коллекция кейсов, да еще и так красиво оформленная? Вы скроллите чистый сайт в ярких тонах и знакомитесь с примерами, чтобы увидеть краткую демонстрацию работ компании.
Timothy Achumba
В этом портфолио использован красивый макет блоками, с которым легко взаимодействовать с любого устройства. Изображения находятся в центре внимания, занимаю большую часть экрана. Текст лаконичен и дает ровно ту информацию, которая нужна.
Friends
А вот сайт, напоминающий визитку. Он изыскан, красив, прост, но тщательно продуман. Здесь много примеров работ студии, которые дают понимание о том, что это за компания и какие методы работы предпочитает. Это очень полезно — понимать цели и процессы, которыми руководствуется дизайнер.
Baptiste Ringot
Это портфолио создано с учетом удобства чтения и простоты навигации. Здесь много контента и готовых работ. Текст обильно сдобрен изображениями прошлых проектов. Очень просто перемещаться по разделам. А еще приятная деталь — изменение цвета фона при прокрутке.
Youandigraphics
Красивая палитра, уникальный макет, милые рисунки и анимация делают этот сайт выдающимся примером. Глядя на это портфолио, сразу становится понятно, что у дизайнера свой творческий взгляд на вещи.
Автор статьи Brenda Stokes Barron
Перевод — Дежурка
Смотрите также:
Площадки для размещения портфолио
Если ты дизайнер, фотограф, видеограф, иллюстратор или как-то связан с творчеством, то портфолио — это твоя визитная карточка. Если твоя деятельность относится к сфере маркетинга, то круто оформленные работы — пропуск к крупным и интересным заказам, а ещё повод для зависти (или уважения) среди коллег по цеху.
Если кейсы уже собраны, но остается один вопрос — куда его выложить, то читай эту статью.
Российские сайты
http://techdesigner.ru — тематики: 3D и моделлинг, Matte Painting, Motion design, иконки и иллюстрации, сайты и интерфейсы. На сайте проходят игры и конкурсы.
http://portfolios.ru — сервис, который поможет создать сайт-портфолио. Бесплатно, без хостинга, можно добавить свой дизайн, логотип, подключить домен.
https://4portfolio.ru — простой сервис для создания портфолио. Можно настроить свой индивидуальный макет оформления. Все бесплатно.
https://nerve.ru — создай свое портфолио бесплатно. Подойдет, если ты дизайнер, фотограф или художник.
https://illustrators.ru — создаешь крутые иллюстрации? Тогда этот сайт для тебя. Тонна крутых иллюстраций, а еще, целое сообщество единомышленников.
https://formo.ua — можно разместить свои работы по дизайну интерьера.
Зарубежные сайты
https://dribbble.com — место обитания дизайнеров всего мира. Маст хэв ресурс для размещения своих работ. Платформа также полезена просто для развития насмотренности и поиска вдохновения.
https://www.behance.net — одна из самых популярных площадок среди специалистов по созданию визуала. Если ты дизайнер — скорее создавай портфолио именно здесь.
https://carbonmade.com — платный сервис по размещению портфолио. Преимущественно для дизайнеров, иллюстраторов, фотографов.
https://cargo.site — еще одна платформа. где можно создать собственный сайт с галереей работ.
https://www.squarespace.com — собираем сайт с помощью мощного по функционалу конструктору.
http://portfoliosfriend.com — каталог работ разных авторов. Подойдет дизайнеру, фотографу, иллюстратору.
https://www.krop.com/online-portfolio-templates/ — конструктор сайта для портфолио. Добавь свои работы, выбери дизайн и подключи домен. Платный сервис.
https://society6.com — Если ты дизайнер или художник — размести свои работы на сайте. Любой посетитель может заказать что-то из понравившихся работ с дизайном от автора. После заказа тебе придет процент от заказа.
https://dunked.com — для создания стильных сайтов-портфолио дизайнерам, фотографам.
http://www.bleidu.com — сервис для создания собственного сайта с портфолио.
https://www.flickr.com — сайт, где можно хранить фотографии и видео.
https://viewbook.com — платный сайт для фотографов, которые хотят создать портфолио со своими работами.
https://www.coroflot.com — сообщество дизайнеров. В портфолио можно добавить сколько угодно своих работ.
https://www.portfoliobox.net/ru — бесплатное создание своего сайта для размещения портфолио. Никакого кодинга, бесплатный хостинг и подключение своего домена. Простое редактирование и выбор из множества стилей.
https://portfolio.adobe.com — создаем сайт под портфолио дизайнеру или фотографу. Если ты — пользователь Adobe Creative Cloud, то функционал будет полностью бесплатным.
45+ сайтов портфолио иллюстраторов и художников
Чуть больше года назад мы публиковали подборку примеров портфолио дизайнеров, а сегодня хотели бы отдельно рассмотреть одну из ее «подкатегорий» — сайты художников иллюстраторов. Заметка будет особенно интересна тем, кто серьезно занимается иллюстрацией и/или компьютерной графикой. Сможете вдохновиться отличными работами профессионалов со всего мира.
Вообще, размещение материалов на сайтах портфолио иллюстраторов фрилансеров — это возможность показать свои навыки с наилучшей стороны и даже привлечь дополнительных клиентов из интернета. Если ваше имя/бренд известны в сети или сам веб-ресурс неплохо оптимизирован, то пользователи будут приходить в том числе из поисковых систем. Важно их удивить и задержать. В самом конце поста найдете парочку шаблонов по теме.
Перейти на представленные ниже проекты можно, кликнув по скриншоту макета. Интересные рисунки также встречаются в разделе работы художников — советуем заглянуть.
Risa Rodil
Kelsey Dake
Dan Matutina
Alvaro Tapia Hidalgo
Steve Simpson
Charis Tsevis
Adam Hayes
Nate Kitch
Paul Pateman
Justin Maller
Chuck Anderson
James White
Timothy J. Reynolds
Marco Goran Romano
Adhemas Batista
Если смотреть на функциональность веб-ресурсов, то как правило, в них нет какой-то сверх креативной графики, сложных конструкций и стремления сделать лучший дизайн сайта, о котором бы все говорили. Главный акцент идет на сами примеры портфолио иллюстраторов и дизайнеров, основной актив здесь — наполнение проекта, а не его реализация (хотя никто не мешает совмещать эти вещи).
Исходя из этого, наиболее важная функция тут — галерея изображений с разбиением их по категориям. Чаще всего она реализована в виде сетки (Grid), но может быть и с горизонтальной прокруткой. Обязательно присутствуют страницы об авторе и контакты. Также в шапке или футере размещаются иконки-ссылки на аккаунты автора в соц.сетях — как профессиональные, так и личные: Behance, Linkedin, Dribbble, Facebook, Instagram и др. Время от времени на веб-сайтах встречаются разделы блогов и интернет-магазина: кто-то публикует личные заметки/фото, другие — продают картины или вещи со своими принтами.
Maria Källström
Gregory
Mark Bird
Oli Lisher
Hattie Newman
Pawel Nolbert
David Lanham
Ilias Sounas
Laprisamata
Andreas Krapf
L Filipe dos Santos
Hvass&Hannibal
Gabriel Moreno
Что касается стилистики работ, представленных в портфолио сайтов иллюстраторов, то они бывают разные: очень много яркой красочной графики, есть реалистичные рисунки, абстрактные, с оригинальным исполнением и рисованные. У каждого художника своя техника и стиль. Тем интереснее за ними всеми наблюдать, вдохновляться другими идеями, находить мотивацию творить. Странно, но в подборке получилось неожиданно мало диджитал арта и рекламных зарисовок, в начальных публикациях раздела дизайнерских блогов они встречались чаще.
Malika Favre
Lois Van Baarle
Jack Hughes
Zach Meyer
Michelle Ouellette
Kyle Steed
Genevieve
Mariana
Lily Qian
Zara Picken
Cami
Jacky Winter
Mauro Gatti
Tim Boelaars
Anna Kövecses
В сети также можно найти ресурсы, где собрано сразу несколько портфолио дизайнеров иллюстраторов. В одном случае, судя по всему, это компании, представляющие услуги нескольких художников и работающие с разными авторами. Есть также сервисы, просто собирающие лучшие макеты/дизайны для вдохновения.
The Illustration Room
Debut Art
Site Inspire (Illustration + Portfolio)
Awwwards (Art + Illustration)
Макеты сайтов иллюстраторов и дизайнеров
Напоследок предлагаем вам парочку готовых шаблонов с функцией портфолио иллюстраций дабы вы могли установить их для своего веб-проекта. В данном случае, по сути, вам достаточно найти такое решение, где была бы возможность создавать галерею, все остальные детали — не критичны.
Brave Theme (HTML тема)
Remi (WordPress)
Boutique (MotoCMS)
Rombic (HTML)
Dan Adams (Вордпресс)
WhiteLight (WordPress)
Если вы планируете делать проект на CMS системе, то советуем заглянуть в соответствующие подборки макетов портфолио MotoCMS и шаблонов с работами дизайнеров для WordPress (25 штук бесплатные и премиальные).
Итого получилось 45+ разных интересных ресурсов для вдохновения. В статье собраны практически все сайты иллюстраторов зарубежных, т.к. отечественных в онлайновых архивах или в аналогичных постах блогов не часто встретишь. Если знаете достойные кандидатуры, присылайте ссылки в комментариях.
Портфолио дизайнера | Данил Фимушкин
Создание первого портфолио очень важно. По себе знаю, что просто тяжело взять и сделать сайт для себя. Постоянно нападает перфекционизм, в итоге забиваешь и остаешься снова ни с чем. Я собрал несколько простых способов создания портфолио для дизайнеров (подходит для веб-дизайнеров, фотографов и графических дизайнеров), составил план сайта-портфолио и сделал обзор веб-сервисов для публикации работ. Если еще нет портфолио, читай.
Ты хочешь сделать портфолио, коммерческих работ еще нет, поэтому ты не создаешь его, а без портфолио у тебя не будет работ… Замкнутый круг. Учу, как с ним справляться.
Откуда брать проекты, если их нет
— Дизайн для выдуманных клиентов
Все просто. Придумываете организацию, род деятельности, название, можете лого нарисовать и создаете для нее сайт. Выкладываете проект в портфолио. Плюсы: вы не нарушаете никаких прав, можете придумать любую компанию, например, гостиницу на Марсе, куда прилетают жители с Земли и делаете большой крутой проект.
— Дизайн известного бренда
Выбираете любой известный бренд и делаете концепт сайта таким, как видите его вы. У компании РЖД, по-моему, самый ужасный сайт в мире, можно смело предложить концепцию этого сайта. С известным брендом работаете как с обычным проектом: делаете прототип, рисуете визуал и презентуете это в портфолио как концепт выбранной компании. Известный случай, когда парень сделал концепт Windows: расписал как может выглядеть вся линейка, Windows Office и так далее, сделал презентацию своего проекта. Через какое-то время его заметили и пригласили работать в Microsoft. Если сделаете концепт для известного бренда, это может стать резонансным проектом и сделает вас популярным дизайнером.
— Участие в конкурсах
На сервисе 99designs (сайт англоязычный) публикуются конкурсы для дизайнеров по разработке веб-сайтов, логотипов, упаковок, обложек книг и другие проекты. После регистрации вам открываются заявки на разработку проектов по вашей специализации. Вы работаете над понравившимся проектом и сдаете свою работу на оценку. Участвуете вы и сотни других дизайнеров, клиент, опубликовавший заявку, выбирает из работ наиболее понравившуюся и выплачивает гонорар автору. Идея участия в подобных конкурсах отличная: появляется соревновательный дух, вы можете смотреть как решалась задача другими дизайнерами, если вас выбрали, вы зарабатываете гонорар. На начальном этапе, когда нужна наработка проектов, участие в конкурсе — хорошая мотивация. Когда у вас уже есть поток клиентов, в конкурсах лучше не участвовать, потому что велика вероятность, что выиграете не вы.
— Свой проект
Еще один способ: поэтапно рассказать о том, как вы создавали себе сайт-портфолио, на котором находится клиент в данный момент. Это не самый хороший вариант, лучше уж сделать сайт выдуманной организации.
— Дизайн для знакомых
Чаще всего первые заказы приходят через знакомых. Поэтому начинайте всем рассказывать, что вы веб-дизайнер. Не все понимают, что такое веб-дизайн, поэтому можете просто говорить: я делаю сайты. Если у вас в паре есть верстальщик, то вы точно можете сделать сайт под ключ. Здесь лучше всего работает ваше социальное окружение и то как вы рассказываете другим людям о своем занятии веб-дизайном. Чем больше аудитория об этом знает, тем быстрее к вам придут первые заказы. Желательно, чтобы у вас в вконтакте с некоторой периодичностью публиковались посты, где вы напоминаете людям о том, чем занимаетесь с приложением своих работ. Важно знакомым в живую напоминать, что вы дизайнер или рассказать какой-то смешной случай с заказчиком. Люди запомнят ваши истории и, когда возникает необходимость в сайте, они в первую очередь вспомнят о вас.
Если нет проектов, используйте эти 5 способов, но ни в коем случае не работайте бесплатно. Работать бесплатно — очень плохо, это тормозит ваш прогресс и прогресс клиента.
Рекомендации по созданию портфолио
— Не переусердствуйте
Переизбыток креатива — это плохо. Лучше расскажите о задаче клиента, как вы ее решили: покажите прототип, взаимодействие с клиентом (скриншоты писем), финальный результат. Прикрепите фотографию и отзыв клиента. Если он не против, укажите стоимость проекта, чтобы новые клиенты понимали уровень цен. Если ваш сайт будет очень красивый, но не будет логики — плохо. Не старайтесь добавлять анимацию или другие спецэффекты на непродуманный сайт-портфолио. Если проект изначально плохой, его ничего не спасет.
— Не делайте работы для дизайнеров
На Behance, 80% работ смотрят дизайнеры и лишь 20% клиенты (в основном зарубежные). Это своего рода социальная сеть для дизайнеров. Вы можете выкладывать туда свои работы, но пока вы не в топе, крупные зарубежные клиенты вряд ли вас найдут и доверят вам большой проект, который изменит вашу жизнь. Публикация работ на Behance может превратиться в погоню за лайками других дизайнеров, но клиентов она вам не приведет.
— Ставьте правильную цель для портфолио
Правильная цель — новые заказы, а значит новые деньги. Другая цель — удивить друзей, людей и других дизайнеров (это опять же возвращаемся к теме Behance). Вам нужно определиться, что вторая цель вам не нужна. Если нужна, дело ваше. Тогда дальше вам читать не стоит, я буду рассказывать о достижении первой.
Свой сайт или веб-сервисы для портфолио
Свой сайт
Плюсы: 1. Вы не конкурируете с другими дизайнерами. Например, когда вы даете ссылку на свое портфолио на веб-сервисе или бирже фриланса, то заказчик без труда может кликнуть по баннеру и попадет на другого фрилансера, у которого работы круче, опыта больше, живет в другой стране и поэтому его услуги стоят в 3 раза дешевле. Естественно, он закажет у него. На вашем сайте вы показываете только свои работы и расхваливаете себя как вы хотите, заказчик никуда не уйдет. 2. Сайт на вашем домене и хостинге, вы полностью все контролируете, можете добавить какой-то функционал, которого нет на веб-сервисе и т.д.
Как сделать сайт-портфолио.
1. Вордпресс + шаблон. Шаблоны можно скачать на themeforest. Покупаете рабочий шаблон портфолио, остается его установить и заполнить.
Стоимость: стоимость шаблона + установка + домен и хостинг. Если разбираетесь сами, то 2-3 часа, если нет за 2000-3000₽ можно найти фрилансера. Стоимость домена и хостинга:100-200 ₽/мес.
У вас может сработать такая штука: я же черт-возьми, веб-дизайнер, могу сам себе нарисовать портфолио! Мой внутренний стержень тоже не позволял купить шаблон для портфолио. Поэтому знаю о чем говорю, вам важно сконцентрироваться над проектами своих клиентов. Над своим портфолио всегда сложно работать. Все дизайнеры идеализируют свое портфолио, это сильно мешает работе. Даже если у тебя в голове храниться гениальнейшее воплощение портфолио, через пару дней все пойдет не так, бросишь его создание создание и опять останешься без портфолио. Мой совет: перебори себя и купи шаблон.
2. Adobe Muse позволяет создать свой сайт-портфолио. Плюсы: легко сделать, опубликовать, загрузить на свой домен. Подписка на мьюз стоит 400 ₽/мес., но для создания портфолио вам достаточно пробной 30-дневной версии.
3. В Webflow можно сделать свой сайт-портфолио, примерно, как в Мьюз, но надо разбираться в html и css. Подписка стоит порядка $20/мес. Для портфолио, я считаю, дороговато.
Веб-сервисы
— Dunked создан специально для портфолио дизайнеров, заточен именно на публикацию работ. Устроено все просто и минималистично. Сервис создан года 2 назад, когда такой минимализм казался странноватым, сейчас им никого не удивишь, это тренд. Самое важное при создании портфолио дизайнера — показать ваши работы. Ставьте их на первый план, заказчики выбирают по результатам предыдущих работ. При желании можно прикрутить свой домен.
Стоимость: 14 дней бесплатно, подписка $6 в месяц.
— Тумблер. Это блог для публикации медийного контента, но он хорошо подходит для публикаций своих работ. Можно заточить его под портфолио и прикрутить свой домен. Он бесплатный.
— Prosite от Behance. Если вы пользуетесь Behance для публикации своих работ, но вы не фанатик этого сервиса, вам подойдет работа с просайт. После загрузки работы на Behance, она будет автоматически поститься на вашем сайте-портфолио. Разобраться как постить работы на свой сайт с Behance очень просто. Как правильно презентовать свои работы на Behance я рассказывал в ролике на youtube. На Prosite в разделе слоев вы можете выбрать свой дизайн. Их тут немного, но есть возможность редактировать проект, двигать блоки, подгрузить фавикон, создать нужные разделы и страницы сайта и опубликовать это в интернет. Можно сделать иконки как на айфон, поставить сайт на пароль, внедрить гугл аналитикс код и смотреть заходы на сайт. Функционала много, поэтому если вы используете Behance для публикации работ, то есть смысл сделать собственный сайт-портфолио именно на Behance Prosite. Свой домен прикрутить можно в разделе настройки. Здесь так же есть возможность отредактировать html и css, если вы знаете как. Конструктор работает хорошо, но общее впечатление от созданного здесь портфолио дизайнера как-то так себе. С появлением подписки на Creative Cloud просайт стал бесплатным.
— Readymag достаточно стильный, можно сделать красивую презентацию работ. Стоит порядка $20/мес.
— Squarespace очень стильный конструктор, есть хороший выбор стильных шаблонов. Можно сделать достаточно интересные сайты, причем не только портфолио, а интернет-магазины и прочие.
У Squarespace есть крутой сервис logo. Пишешь название компании, выбираешь нужный объект и сервис предлагает логотип, который можно презентовать на мониторе или майке. Получается забавный «рыбный» логотип для презентации работы. Стоит $10/мес.
Бонус: простейший вариант как сделать портфолио
1) Делаете несколько скриншотов ваших работ.
2) Заходите на getcover, перетаскиваете скриншоты в указанную область, обрамляете работы, чтобы они отображались в браузере
3) Нажимаете «забацать», мини-версия портфолио на 72 часа готова 🙂 Easy!
Это уже лучше, чем совсем ничего. Потом можете загрузить работы с getcover и перенести к себе на сайт в Мьюз.
План простого портфолио
Ваша маленькая аватарка, ваше имя, профессия, телефон. Дальше превьюшки работ. Укажите количество работ, хорошие обязательно вынесите на первую страницу. Этого вполне достаточно для сайта портфолио.
Можно сделать отдельную ссылку «контакты», где расписать все возможные способы с вами связаться. Если кто-то кликает на превью, чтобы посмотреть работу полностью, обрамляете превью в браузер через getcover. Это важно.
Сложный вариант: должна открываться страница с работой. На ней указаны: заголовок работы, пара строк о проекте, какие задачи решались (например, задача: сделать красивый промосайт по продаже автомобилей). Далее показать этапы решения. Какой вы сделали мокап, прототип, показать дизайн концепцию, в промежутках можно указывать какие комментарии давал клиент. Так сделано на сайте Лебедева в разделах описание и процесс. За процессами достаточно интересно наблюдать с точки зрения дизайнера. Заказчику тоже может быть интересен процесс как шла работа, это может служить легким обоснованием цены.
Делайте акцент на работы, потому что покупают вас не как человека, а как специалиста. Круто, если вы пиарите себя, как дизайнера, но это может быть сложной задачей нескольких лет. Лучше сделайте акцент на себя со временем, а пока набирайтесь опыта.
Если вы активны в социальных сетях, сделайте альбом со своими работами. Опять же сработает сарафанное радио и заказы придут от знакомых.
Итак, коротко по теме создания портфолио
1. Рассказывать всем, что ты веб-дизайнер
2. Сделать сайт-портфолио
3. Вручать визитки с вашим сайтом новым знакомым
4. Вести активно деятельность на биржах фриланса
5. Ходить на мероприятия, где тусуются начинающие бизнесмены (они — ваши потенциальные заказчики)
6. На всех сайтах, которые вы делаете, делайте ссылку, что это сделали вы. Студии имеют 40% заказчиков именно по переходу ссылки внизу.
Как сделаете первое портфолио, кидайте в комментарии ссылку, будем смотреть.
Сайты для размещения портфолио
Создание портфолио — обязательный процесс для каждого дизайнера, иллюстратора, фотографа, который хочет заявить о себе и выйти на новый уровень. Очень важно разместить работы на ресурсах, где их без особого труда может посмотреть каждый, в том числе, возможно, и ваш будущий заказчик. Сегодня вашему вниманию хотим предоставить подборку сайтов, на которых вы можете создать свои профили и загрузить ваши работы. Эти сайты отлично подойдут для фрилансеров и людей, которые в поиске дополнительно заработка. Размещение работ на зарубежных ресурсах имеет ряд преимуществ, одним из которых, и пожалуй, основным, является большая аудитория. Давайте посмотрим на список. Возможно, вы откроете что-то новое для себя.
Следующие три ресурса, наверное, знает каждый. Но все же, это список без них представить невозможно.
dribbble
Интерфейс сайта достаточно просто и привлекателен. Вы сможете не только представить свои работы, посмотреть на дизайны других авторов и проккоментить их, но и найти множество полезных ссылок на бесплатные исходники.
_____________________________________________
behance
Ресурс, на котором хранится более 30 миллионов изображений и 3 миллионов проектов. Здесь вы можете добавлять не только изображения, но и видео.
_____________________________________________
deviantart
Также предлагает два пакета. Бесплатный включает в себя загрузку не более 100 файлов. Платный — неограниченное количество работ+персональный домен.
_____________________________________________
Carbonmade
Ресурс предоставляет пользователю два варианта размещения — бесплатный и платный. Бесплатный вариант включает ограниченное количество работ — всего 5 проектов и 35 изображений. Платный — 12 долларов в месяц и множество дополнительных возможностей.
_____________________________________________
Coroflot
Простой и удобный интерфейс позволит загрузить свои работы, а также посмотреть работы других авторов без каких-либо усилий.
_____________________________________________
bleidu
Платформа для художников, фотографов, иллюстраторов, дизайнеров. Все, что нужно сделать — зарегистрироваться и загрузить работы.
_____________________________________________
viewbook
Платформа для создания минималистичных портфолио. Услуги платны, но цены приемлемы. За 4$ в месяц можно загрузить неограниченное количество работ. Еще за несколько долларов можно получить дополнительные настройки.
_____________________________________________
Design21sdn
_____________________________________________
russiancreators
_____________________________________________
illustrators.ru
Сообщество художников-иллюстраторов, которое существует с 2006 года.
_____________________________________________
designrelated
_____________________________________________
society6
_____________________________________________
revision
_____________________________________________
weblancer
_____________________________________________
webstack.ru
Ресурс для веб-дизайнеров. Заказчик имеет возможность найти фрилансера по городу и ценовой категории.
_____________________________________________
free-lance
Известный все ресурс для фрилансеров и работодателей.
_____________________________________________
golance.ru
Портал для поиска удаленных заказов и фрилансеров.
_____________________________________________
shownd
_____________________________________________
portfolios friend
Сайт не отображает полное портфолио. Только маленькие превью со ссылкой на работу. Он может стать отличным источником для вдохновения.
_____________________________________________
bigcartel
Достаточно старый ресурс (запущен в 2004 году). Здесь вы сможете создать свой онлайн-магазин для продажей ваших принтов или футболок с вашими рисунками и настраивать дизайн этого онлайн-магазина под себя.
_____________________________________________
artweb
Ресурс специализируется на продаже ваших дизайнов. Сервис имеет бесплатную и платную основу размещения своих работ. На бесплатной основе вы можете разместить не более 15 изображений. Преимуществом данного ресурса есть то, что за продажу работ вы не платите комиссию.
_____________________________________________
Если вы знаете другие ресурсы, на которых можно разместить свое портфолио, оставляйте комментарии — будем вместе продлевать этот список!
Автор подборки — Дежурка
Смотрите также:
Сайты, с помощью которых можно заработать на онлайн-продаже фотографий
25 веб-сайтов с портфолио эффективного дизайна
Веб-сайты-портфолио дизайнеров часто являются отличным источником вдохновения. Сайты-портфолио часто демонстрируют исключительную креативность и внимание к деталям, и они часто демонстрируют творческий подход и идут на некоторые риски, которые могут быть невозможны с другими типами веб-сайтов. В этой статье мы рассмотрим, что делает сайт-портфолио успешным, и представим 25 выдающихся сайтов-портфолио, на которые стоит обратить внимание.Здесь вы найдете дизайны самых разных стилей, в том числе минималистичный, иллюстрированный, вдохновленный природой, текстурированный, яркий цвет и многое другое. Ищете ли вы вдохновение для использования в дизайне своего собственного сайта-портфолио или просто хотите просмотреть несколько отличных веб-сайтов, в этой коллекции вам обязательно понравится. Чтобы получить больше вдохновения, обязательно посетите этот пост, где вы найдете бесплатные плагины для слайдеров jQuery.
Если вы хотите создать собственное портфолио дизайна, мы рекомендуем Shopify.
Характеристики эффективных сайтов-портфолио:
Вот некоторые вещи, которые можно сказать об эффективных веб-сайтах-портфолио.
Превосходный дизайн
Поскольку веб-сайт с портфолио дизайнера существует для того, чтобы продемонстрировать работу дизайнера или агентства и привлечь новых клиентов, имеет смысл только то, что сам сайт-портфолио также должен быть хорошо разработан. Посетители, которые хотят найти подходящего дизайнера, будут оценивать качество сайта-портфолио в дополнение к элементам, представленным в портфолио.
Тот факт, что сайт-портфолио должен быть хорошо разработан, не означает, что он должен быть экстравагантным.Фактически, многие эффективные сайты-портфолио используют более минималистский подход к дизайну самого сайта-портфолио, который может позволить изображениям демонстрируемых элементов занять центральное место. Хорошие примеры можно найти в этой коллекции минимальных тем WordPress, которая включает множество тем портфолио.
Творческий
Многие из лучших сайтов-портфолио, но не все, продемонстрируют творческий потенциал дизайнера. Сайты-портфолио дают дизайнерам возможность идти на больший творческий риск и раздвигать границы больше, чем некоторые другие типы веб-сайтов, например, корпоративные.
Потенциальные клиенты могут оценить креативность в дизайне сайта-портфолио, так что это может быть отличным подходом, чтобы выделить сайт. Вы также можете проверить этот пост: 101 способ повысить свой творческий потенциал
Лучшие работы дизайнера
Сайт-портфолио не должен отражать все проекты, когда-либо завершенные дизайнером или агентством. Вместо этого он должен демонстрировать только лучшие работы. Не позволяйте своим лучшим работам затмеваться множеством других проектов, не демонстрирующих вашего потенциала и способностей.
Как дизайнер, вы работаете на клиента, и будут моменты, когда вы можете не согласиться с решениями и выбором, сделанным клиентами. Результатом может быть то, чем вы особенно не гордитесь, но это то, чего хочет клиент. Убедитесь, что предметы, которые вы демонстрируете в своем портфолио, включают только те работы, которыми вы действительно гордитесь.
Информация о предлагаемых услугах
В идеале, сайт вашего портфолио должен также предоставлять некоторую информацию о типах услуг, которые вы предлагаете.Существует множество разных дизайнеров, и некоторые потенциальные клиенты могут захотеть узнать больше о том, что вы предлагаете, прежде чем связываться с вами.
Большинство сайтов-портфолио включают страницу «Услуги» или что-то подобное, на которой представлены описания различных услуг. Тем не менее, вы решили это сделать, убедитесь, что потенциальные клиенты могут получить точное представление о том, что вы предлагаете, быстро просматривая ваш сайт.
Простая контактная информация
Основная цель веб-сайта-портфолио — получить запросы от потенциальных клиентов, поэтому, конечно, посетителям веб-сайта должно быть легко связаться с вами.Обычно это делается с помощью контактной формы, которую можно заполнить прямо на странице. Некоторые дизайнеры и агентства также предпочитают указывать номер телефона и почтовый адрес, но, по крайней мере, у вас должна быть контактная форма или адрес электронной почты. Эту информацию и / или форму часто можно найти на странице «Контакты», но иногда ее просто включают как часть страницы «О нас».
Можно найти
Для того, чтобы сайт-портфолио был эффективным, он должен получить необходимую известность.Если его не видит нужная аудитория, он не может быть эффективным для создания нового бизнеса. Есть несколько различных способов привлечь внимание к сайту-портфолио, включая демонстрацию в галереях, таких как CSS Mania, совместное использование в социальных сетях, ведение блогов и платная реклама. Ведение блога на сайте портфолио потребует некоторой дополнительной работы, но это может быть отличным способом привлечь трафик и привлечь потенциальных клиентов.
Витрина сайтов-портфолио дизайна
Теперь, когда мы рассмотрели некоторые особенности того, что делает сайт-портфолио успешным, давайте рассмотрим несколько примеров.
Коробка Clever
Почему это работает:
- Сине-белая цветовая гамма несколько проста, но очень приятна.
- Значки добавляют приятный визуальный штрих, а также помогают показать типы услуг, которые они предлагают.
- Биография, элементы портфолио и контактную информацию легко найти через меню навигации.
- Адаптивный дизайн отлично смотрится независимо от ширины экрана.
Активные СМИ
Почему это работает:
- Цветовая гамма привлекательная, но при этом выделяется.
- Интересные иллюстрации представлены по всему сайту.
- Дизайн и верстка адаптивные, поэтому сайт отлично смотрится на любом устройстве.
- Услуги четко описаны, а страница «Услуги» включена в основную навигацию.
- Контактная информация, включая адрес, электронную почту и номер телефона, легко найти.
84 цвета
Почему это работает:
- Дизайн включает иллюстрации и текстуры для создания очень привлекательного вида.
- и
.
лучших сайтов для портфолио дизайнеров
Многие графические дизайнеры осознают, что им необходимо разместить свое портфолио в Интернете, и что быть открытыми — это новый маркетинговый ход для нашей отрасли. Тогда возникает вопрос: какие веб-сайты доступны для демонстрации вашего онлайн-портфолио? Какой из них лучший, или вам следует использовать более одного?
Ваш собственный сайт
Во-первых, вам следует подумать о создании собственного веб-сайта. Даже если вы не являетесь веб-дизайнером, сегодня важно иметь собственный веб-сайт с профессиональным доменом и профессиональным адресом электронной почты.Вы можете создать очень простой веб-сайт-портфолио без программирования, если воспользуетесь преимуществами таких платформ веб-хостинга, как SquareSpace. Если у вас есть навыки веб-дизайна, подумайте о веб-сайте WordPress.
Ваш сайт станет центром, где люди смогут связаться с вами и связаться с ними, если они захотят заключить договор с вашими услугами, просмотреть вашу работу или любой контент, который вы создаете для собственного продвижения. Конечно, есть свои преимущества в том, чтобы работать в других местах, где уже есть аудитория.
Вот несколько общих советов по работе с портфолио, которые могут оказаться полезными:
Зачем нужны другие сайты
Ваш веб-сайт может не получить много трафика, особенно при первом запуске, поэтому по-прежнему важно иметь свое портфолио на других известных веб-сайтах, чтобы вы могли использовать их посещаемости .
Эти сайты также могут предоставлять функции, которые было бы слишком сложно реализовать самостоятельно. Вот некоторые из них.
Behance
Один из лучших сайтов для демонстрации вашего портфолио — это Behance.net. Благодаря чистому пользовательскому интерфейсу, статистике отслеживания, интеграции с социальными сетями и прямой возможности делиться своими творениями из приложений Adobe, Behance, вероятно, является ведущим сайтом-портфолио (и отличным сетевым центром) для творческих профессионалов.
На Behance есть доска объявлений, а также группы, которые помогут вам легко перейти на работу. Behance также позволяет продемонстрировать ваше портфолио отдельными проектами, которые могут иметь несколько изображений и встроенный контент, например видео с YouTube. Это дает вам, вероятно, самый широкий спектр возможностей для презентации и творчества за пределами вашего собственного веб-сайта.
DeviantArt
DeviantArt — один из старейших сайтов-портфолио для дизайнеров, художников и других творческих людей.Этот сайт с годами несколько снизился из-за того, что конкурирующие сайты стали более оптимизированными. DeviantArt очень медленно обновлялся и адаптировался к новым технологиям и тенденциям. Как следствие, веб-сайт кажется устаревшим, и иногда его использование может быть очень неприятным.
Тем не менее, он имеет одно из самых больших сообществ пользователей, и если вы заинтересованы в сотрудничестве и обратной связи, он может предложить вам большую ценность. С точки зрения возможностей трудоустройства и доступности его немного не хватает по сравнению с другими сайтами.Хотя для «арт-комиссий», наверное, чаще используется DeviantArt. На сайте также есть реклама, которая прерывает работу, если у вас нет одного из предложений платного членства.
Krop
С более чем 1 миллионом просмотров в месяц Krop считается одним из лучших сайтов-портфолио для дизайнеров. Однако бесплатная версия ограничивает вас десятью изображениями, а платная версия стоит 9,99 долларов в месяц и позволяет включать неограниченное количество изображений и видео.
Krop пользуется популярностью у некоторых ведущих дизайнерских компаний мира, поэтому, несмотря на цену, его стоит рассматривать как вложение.
Социальные сети
Рассмотрите возможность использования сайтов социальных сетей, таких как Pinterest, Instagram и Facebook, в качестве мест, где вы также можете разместить и продвигать свое портфолио. Подобные сайты социальных сетей, позволяющие размещать изображения, имеют несколько преимуществ по сравнению с традиционными сайтами-портфолио. Некоторые, такие как Pinterest и Facebook, имеют огромных аудиторий, которые легко затмевают нишевые веб-сайты с портфолио и позволяют добавлять контекст таким образом, чтобы помочь вам ориентироваться на потенциальных клиентов.
Соотношение потребителей / клиентов и создателей также лучше в социальных сетях. Вы можете продавать себя напрямую потребителям, а не сидеть в группе художников, из которых можно выбирать. В большинстве случаев потенциальные клиенты также имеют возможность направить вам сообщение в режиме реального времени, что может быть огромным преимуществом для вас при заключении сделки с новым потенциальным клиентом.
Используйте столько платформ, сколько сможете управлять
Наличие стратегии для каждой отдельной платформы / сайта, на котором вы хотите продемонстрировать свое портфолио, может быть пугающим.На самом деле это может быть что-то, что вам не по силам. Избегайте слишком многого, особенно если вы часто обновляете свое портфолио. Выберите платформу для портфолио, на которой нужно сосредоточиться (по крайней мере, на начальном этапе), и используйте ее максимально эффективно.
Чрезмерное расширение себя может стать проблемой. С другой стороны, присутствие на большем количестве платформ даст вам возможность охватить более широкий круг людей, а это, в свою очередь, откроет больше возможностей для поиска клиентов или работы.
Категории: Дизайн, Возможности
Теги.
35 примеров портфолио веб-дизайна
Если вы готовы начать работать веб-дизайнером, вам необходимо составить великолепное портфолио веб-дизайна STAT. Портфолио веб-дизайна в Интернете — это ключ к тому, чтобы получить работу веб-дизайнера, но это также мощный инструмент, когда у вас нет большого оплачиваемого опыта (пока!). Абсолютно любой проект, который вы сделали, имеет право на место в вашем портфолио веб-дизайнера (будь то платный или просто профессиональный), а это означает, что у вас будет способ показать компаниям и клиентам, на что вы способны, независимо от того, где вы находитесь. на вашем карьерном пути.
Мы писали о сайтах, на которых вы можете разместить контент вашего портфолио веб-дизайнера, как создать свой собственный сайт-портфолио веб-дизайнера и какие проекты должны быть в вашем портфолио веб-дизайна … но как именно должно выглядеть ваше портфолио ?
Чтобы дать вам вдохновение, как воплотить в жизнь свои проекты портфолио веб-дизайна в обстановке портфолио, мы собрали 35 примеров портфолио веб-дизайнеров. Комбинируйте идеи, которые вы видите в этих примерах портфолио веб-дизайна, и вы обязательно получите идеальный способ представить свою работу.
И не забудьте загрузить наше БЕСПЛАТНОЕ руководство для новичков о том, что добавить в свое техническое портфолио сверху или снизу этой страницы. Когда вы будете готовы воплотить свое вдохновение в жизнь, он станет бесценным ресурсом, который всегда под рукой.
1. VITA Web Design
Портфолио веб-дизайна
Dist lemoto раскрывает творческое видение туристического сайта и подробно описывает, как продукт будет выглядеть на экранах компьютеров и мобильных устройств.
2. Ежедневный Wi-Fi
Этот пример портфолио веб-дизайнера от Linwu Wang позволяет его работам по веб-дизайну говорить сами за себя, но он дополнен эффективными цитатами, которые помогают объяснить подход к дизайну и выбор.
3. Конференция Awwwards 2019
Пример портфолио веб-дизайнера
Adoratorio Studios объединяет логотипы, наборы шрифтов и фотографии, чтобы показать, как суть бренда превращается в законченный веб-дизайн.
4. Carte Noire
Хотя вы хотите, чтобы ваш дизайн был звездой в любом портфолио веб-дизайна, пример портфолио Артемия Винтовкина показывает, как небольшой пояснительный текст может иметь большое значение для просвещения вашей аудитории и улучшения вашей работы.
5. Семя одуванчика
Портфолио Елены Сахаровой по веб-дизайну дает четкое представление о том, как бренд клиента напрямую трансформируется в дизайн его цифрового продукта.
6. Дизайн сайта мебели FINER
От концепции до наборов шрифтов, сетки и цветовой палитры, для отображения макетов на экранах ноутбуков, планшетов и мобильных устройств — этот пример портфолио веб-дизайна представляет собой план демонстрации всего процесса проектирования.
7. NATIF — Брендинг и веб-дизайн
Портфолио веб-дизайнера Алексея Тишина показывает, как можно представить корпоративный дизайн, объясняя процесс создания прототипа потенциальным клиентам или работодателям.
8. Концепция дизайна сайта ACRONYM
Если вам интересно, как представить полноценный концептуальный редизайн сайта, обратите внимание на этот пример портфолио веб-дизайна от Gurskiy & Radkovets Design Studio.
9. Фантастические твари: Преступления Гриндельвальда Веб-концепция
Когда вы ищете проект портфолио для практики веб-дизайна, чтобы продемонстрировать свои навыки, никогда не помешает заняться брендом или интеллектуальной собственностью, которые люди знают и любят. Георгий Джишкариани разработал дизайн сайта «Фантастические твари».Выбор чего-то веселого и знакомого другим — хороший способ привлечь внимание клиента, а затем ослепить его своей работой.
10. Lexus: потрясающие впечатления
Портфолио веб-дизайна Клемана Паважо — это пример того, как передать дух бренда, перенести его на экраны компьютеров и мобильных устройств в виде цифрового проекта и показать потенциальным клиентам, как работает ваш процесс дизайна.
11. Столица Белого Замка
Этот пример портфолио веб-дизайнера от Эндрю Коса — чистый и простой способ поделиться веб-дизайнами для бизнес-клиентов.
12. ПРОДИЗАЙН Веб-сайт
Риккардо Висентелли начинает этот пример портфолио веб-дизайна с краткого текстового введения, описывающего задание и его цели дизайна, а затем позволяет своему дизайну говорить остальное.
13. Описание фирменного стиля и маркетинговый веб-сайт
Портфолио веб-дизайна
Ramotion переносит зрителя от дизайна бренда до готового продукта в стильной моде.
14. Приветственный сайт TAG
15. Сайт Decork
Встроенный стилизованный предмет (в данном случае мебель) поможет популярным проектам веб-дизайна в вашем портфолио.Если вы проделали какую-либо дизайнерскую работу, демонстрируя особенно красивые продукты, обязательно включите ее, а если вы ищете практические или концептуальные проекты для дополнения своего резюме, сделайте приоритетным создание сайтов для классных вещей.
16. Уральские авиалинии
Простой и эффективный пример портфолио веб-дизайна от Валерия Че — проблема и решение кратко сформулированы, а проект показывает, как дизайн все это связывает.
17. Галерея архитектуры и дизайна A +
Если вы можете представить целостную идентичность бренда и смешать несколько анимационных эффектов, чтобы подчеркнуть свою работу, у вас будет портфолио веб-дизайна A +, как в этом примере от Efir Media.
18. Трой Сиван Веб-сайт
Alexandre Mathou показывает, как вы можете составить свой собственный пример портфолио веб-дизайнера, используя вдохновение в повседневной жизни. В данном случае это был альбом Троя Сивана. Посмотрите, что вы можете найти в своих увлечениях и интересах.
19. Децентрализованные сети знаний
«Пошаговое руководство» Пример портфолио стиля веб-дизайна Агнешки Зимолаг знакомит зрителей с тем, как работает продукт и как его дизайн является фундаментальным для его функции.
20. Веб-сайт и приложение NERA
Dist lemoto использует минималистский подход к представлению портфолио веб-дизайна в этом примере, позволяя проектной работе говорить полностью сам за себя.
21. Дизайн взаимодействия Puma
Концепция редизайна Puma Sujung Kang — это клиника, показывающая, как представить работу существующего бренда в вашем портфолио веб-дизайна.
22. Веб-сайт Hdac Tech
Hoyoung Choi приводит пример того, как продемонстрировать технический дизайн веб-сайта с помощью этого портфолио веб-дизайнера.
23. Вторая петаль
С другой стороны, Джонатан Да Коста подчеркивает, как отодвинуть технический аспект портфолио веб-дизайнера на второй план, чтобы сосредоточиться на творческих элементах для нетехнологически ориентированных клиентов.
24. Веб-сайт Bewegen
Вот источник вдохновения для четкой, чистой презентации веб-дизайна от Locomotive.
25. Приложение «Умный дом»
Пример портфолио Виктора Токаренко для веб-дизайнера — это пример того, как представить проект, предназначенный только для приложений.
26. Уинетри
Портфолио веб-дизайнера от Hrvoje Grubisic — яркий пример рассказывания историй бренда через веб-дизайн.
27. Концепция веб-сайта TSM
Команда
STRV предлагает еще один пример самостоятельно инициированных проектов редизайна, которые вы можете добавить в свое портфолио веб-дизайна, чтобы показать клиентам свою работу.
28. Цифровое агентство Rettos
Adency’s показывает, как разбить смелый веб-дизайн на примере оптимизированного портфолио веб-дизайнера.
29. Скандинавская клиника веб-дизайна
Пример портфолио веб-дизайнера от
Balsam studio включает карту сайта с изображением вверху, а затем примеры дизайна в действии.
30. G9 Обновление UX / UI
Этот пример портфолио веб-дизайна от Plus X предлагает несколько вариантов дизайна для одного проекта.
31. Zaha Hadid Architects
Портфолио Сергея Павлова в области веб-дизайна начинается с видеоконтента, а за ним следует полная разбивка дизайна.
32. М-ишка
Metaklinika Design Studio отправляет зрителей в путешествие от бренда / продукта к дизайну на этом примере портфолио веб-дизайнера.
33. Аквамен 2018
Дизайн бренда Aquaman и дизайн сайта Андрея Баты — еще один пример самостоятельного проекта, который можно добавить в портфолио веб-дизайна.
34. Кабу
Это портфолио веб-дизайнера от Олега Андреева показывает, как сделать продукт центральным элементом веб-дизайна.
35. Мебель
Николай Попов использует этот пример портфолио веб-дизайна, чтобы показать, как чистый, минималистичный дизайн может отлично сочетаться с минималистичной презентацией портфолио веб-дизайнера.
Если вы готовы сделать первые шаги в своем собственном портфолио веб-дизайнера, не забудьте загрузить БЕСПЛАТНОЕ руководство для новичков о том, что добавить в свое техническое портфолио. сверху или снизу этой страницы. Вы уйдете с важным ресурсом, который поможет вам на каждом этапе публикации и публикации вашей работы в Интернете.
А если вы ищете навыки, необходимые для создания собственных проектов веб-дизайна, ознакомьтесь с нашими курсами веб-дизайна и визуального дизайна Blueprint. Эти онлайн-классы рассчитаны на три месяца, тратя только час в день на материалы, и научат вас всему, что вам нужно знать, чтобы стать веб-дизайнером в области технологий.
.
20+ потрясающих портфолио дизайнеров, которые стоит увидеть, прежде чем создавать свои собственные
Одна из замечательных особенностей дизайнерских портфелей — это разнообразие. Возьмите 5 успешных художников, и у вас, вероятно, будет 5 совершенно разных дизайнерских портфелей.
Но тот же подход «все идет» может вызвать затруднения, если вы графический дизайнер, иллюстратор или веб-дизайнер и хотите создать свой собственный веб-сайт-портфолио, чтобы привлечь потенциальных клиентов. И это может заставить вас поискать примеры качественных дизайнерских портфолио.
Следующие портфолио не только красивы и креативны; они принадлежат людям, которые совершили прорыв на этом огромном мировом рынке дизайна и иллюстраций и на этом пути связали свои имена с важными клиентами и известными брендами. То есть это дизайнерские портфели успешных художников .
Мы провели много исследований по этому поводу, потому что действительно хотели представить вам одни из лучших дизайнерских портфелей, доступных в Интернете на данный момент. Неважно, нужно ли вам вдохновение в том, как создать собственный веб-сайт с портфолио, попытаться улучшить свое портфолио и повысить его рейтинг, или вы просто ищете интересных дизайнеров для найма, мы надеемся, что этот пост принесет вам пользу » повторно ищу.
Итак, давайте погрузимся в красоту, которую эти талантливые дизайнеры дарят миру. Сегодня у нас для вас есть более 20 примеров.
Более 20 потрясающих дизайнерских портфолио, которые вдохновят вас!
Павел Нольберт
Дизайнерское портфолио Павла отличается красивым полноэкранным дизайном с элементами портфолио из каменной кладки, все они представлены на чистом белом фоне. Первое, что вы увидите здесь, — это статический полноэкранный заголовок, который представляет одну из работ художника, за которым следует портфолио при прокрутке вниз.Проекты Павла состоят из протекающих, похожих на лак, цветов, которые рождают различные формы, логотипы, объекты и даже людей. Одним словом, все его проекты воссозданы в стиле акварели. На сайте преобладают коллекции крупных визуальных элементов, а его работы производят впечатление глубины.
Куон Яги
Яги — дизайнер, имеющий опыт работы с корпоративными веб-сайтами для более чем десятка компаний. Веб-сайт его портфолио очень чистый, интерактивный — он переводит вас от раздела к разделу, используя плавную анимацию, и хорошо выделяет проекты.
ЯСЛЫ
Вот «дизайнер в НФ, специализирующийся на 3D-взаимодействии». Звучит увлекательно! Однако веб-сайт Дэнни минималистичен, с чистым фоном и сеткой портфолио, разделенной на три столбца. Простой подход в сочетании с журнальной типографикой и большими заголовками на каждой странице — вот что делает презентацию проекта Дэнни Джонса интересной. Конечно, его работы действительно потрясающие. Вы должны посмотреть.
Wim Delvoye
Если вам интересно, каково будет, когда веб-дизайн встречается с современным искусством, то вот ваш ответ.Художник-неоконцептуалист Вим Дельвуа излил свое портфолио на карту города. Вы можете исследовать wim-city, нажимая на разные здания, такие как литейный цех, готические произведения и скрученные, чтобы увидеть определенные произведения искусства. Самая известная работа этого международного художника — проект Cloaca. Это полностраничное портфолио одновременно креативно и просто. Здесь нет настраиваемого взаимодействия, такого как эффект наведения или что-то в этом роде, но все же ему удается выделиться.
Стефано Колферай
Если вам нравятся странные и причудливые иллюстрации, работы Стефано подходят на стыке гротеска и «вау, у этого парня такое воображение».Дизайн веб-сайта минималистичен, потому что оформление говорит само за себя. Когда вы войдете на сайт Стефано Колфераи, вы увидите вертикальное меню с анимированным логотипом слева и сетку галереи в правой части экрана. Ничего особенного, и все же это быстро привлекает ваше внимание. Все его материалы шутливые, юмористические, «вооруженные иронией и пластилином».
Уэйд Джеффри
У этого есть более другой подход к дизайну, с изображением художника в виде гифки на главной странице и различными эффектами в фоновом режиме (также известный как курсор показывает вам фрагменты информации об авторе, когда вы случайным образом наводите курсор на ).Посмотрев какое-то время на главную страницу, удивившись увиденному, вы заметите, что витрина портфолио тоже необычна. Он имеет приятные наложения, сочетающие в себе красивую анимацию. После нажатия они появляются в классных полноэкранных слайд-шоу. Если вам нравятся уникальные дизайнерские портфолио, это отличный пример для вас.
Паула Русу
Пауле Русу нравятся зигзаги, так как она демонстрирует свои работы в зигзагообразной компоновке — одна справа и одна слева внизу. На ее фоне смешаны белые и светло-серые тона, и она использует выделенный слайдер в рамке над сгибом.Ее работы состоят из веселых красочных рисунков и иллюстраций, которые оживляют чистый фон сайта.
Lotta Nieminen
Это пример организованного и вместе с тем творческого мышления. Поверх чистого и аккуратного фона большие элементы портфолио следуют шаблону: два вертикальных элемента портфолио в двух столбцах (один рядом с другим), за которыми следует горизонтальное изображение (пейзажный стиль). И так продолжается, пока вы не дойдете до конца страницы. На панели «Иллюстрация» Лотта решила продемонстрировать свои рисунки в виде сетки.Простота этого портфолио — причина его красоты.
ToyFight
ToyFight — это полностью игровой веб-сайт; где бы вы ни щелкнули или пролистали, что-то происходит. Помимо параллакса и полностью анимированного вступления, которое предлагает вам быстрый обзор работ дизайнеров, остальные разделы также очень впечатляющие, полны движущихся и красочных элементов. Все в ToyFight настолько динамично, что вы должны убедиться в этом сами, если не хотите пропустить уникальную презентацию портфолио.
Verena Michelitsch
Верена Michelitsch показывает нам истинное определение больших элементов на своем веб-сайте. У него две страницы: домашняя страница (которая представляет собой собственно портфолио) и раздел «О нас». На главной странице в полноэкранном режиме повсюду отображается неактивных элементов портфолио. Справа налево, вверх и вниз большие визуальные элементы занимают весь экран. Они в основном представлены в исходном официальном размере. В отличие от визуально ошеломляющей презентации на главной странице, раздел «О нас» (в данном случае «Информация») выглядит как страница с упоминаниями журнала — прямая биография автора, работы и ссылки на резюме.
Стивен Боннер
Стивен Боннер из Глазго демонстрирует свои пейзажные работы в полноэкранном стиле один под другим. Помимо веб-дизайнов Стивена, он также создает концепции для физических продуктов (таких как бумажные бирки для напитков, рекламные щиты, упаковки для конфет и т. Д.). Другая страница на сайте Стивена — это опять же минималистичная и экономичная информационная страница.
Тим Лахан
Тим Лахан использует стиль каменной кладки и позволяет своим работам говорить сами за себя.Это минималистичный дизайн и макет, наполненный радостными и красочными рисунками, которые не дадут вам скучать во время прокрутки. Наш художник здесь не только дизайнер и иллюстратор, но и художник, которому нравится декорировать интерьеры собственными материалами ручной работы. Кроме того, Лахан разработал несколько обложек для книг, которые вы можете найти на сайте.
Ракеш
В отличие от художников, которых мы упоминали до этого момента, Ракеш разрабатывает мобильные и веб-интерфейсы, включая концепции брендинга и логотипов.Визуальная архитектура его веб-сайта свидетельствует о его хорошем вкусе в веб-дизайне. Его работы красиво накладываются на прозрачные куски текста, дополняющие внешний вид сайта (вместе с броской цветовой гаммой). На самом деле стиль Ракеша уникален, поэтому его сложно описать. Так почему бы тебе просто не проверить это самому? Помимо финальных версий своих проектов, он также демонстрирует промежуточные этапы с помощью интересных рисованных эскизов.
Momkai
Momkai — дизайнерское агентство из Нидерландов, которое использует красивый стиль половинной домашней страницы.Одна половина имеет проекты один под другим, а другая половина отображает названия проектов и содержит меню веб-сайта. Когда вы нажимаете на конкретный проект, он расширяется до тех пор, пока не перейдет в полноэкранный режим особым анимированным образом. Собственно, именно анимация определяет Момкай; большинство их элементов анимированы, включая иллюстрации. Это одно из тех дизайнерских портфолио, которые действительно интересно просматривать.
Элиас Клинген
Снова в мир 3D, где Элиас из Стокгольма представляет свой веб-сайт через полноэкранный заголовок видео, в котором представлены несколько образцов его работ.Когда вы заходите в его портфолио, вы видите двухколоночную витрину, включающую как готовые проекты для клиентов, так и фрагменты экспериментов, которые он проводил на протяжении многих лет. Когда вы нажимаете на категории, вы можете увидеть список чистого макета, содержащий изображения проектов, над которыми он работал до сих пор.
Тейлор Франклин
Подобно портфолио Стивена Боннера, Тейлор использует тот же стиль дизайна и макета, только с интерактивными элементами и элегантными эффектами наведения, которые создают модную витрину продукта, подобную журналу.Страница «О нас» чем-то похожа на нижний колонтитул, где вы можете найти красивую и короткую биографию автора. Если вы хотите увидеть больше дизайнов Тейлора, загляните в раздел «Архив», чтобы узнать о дополнительных концепциях дизайна.
Cristian M. Garcia
Cristian имеет интересную витрину проекта, представляющую вертикальное слайд-шоу, где каждый элемент занимает весь размер экрана. По сути, каждое изображение выполняет роль слайда — когда вы прокручиваете, появляется новое и так далее. Сайт полностью полноэкранный; он содержит в основном мультимедиа и показывает как можно меньше текста.У Кристиана Гарсии есть как статические, так и анимированные арты, большинство из которых выглядят так, как будто они сделаны из пластика или синтетических материалов. В целом, все выглядит красочно, трехмерно и с высоким разрешением.
Adrian & Gidi
На этот раз у нас есть два автора, которые создали современный веб-сайт для своих дополнительных дизайнерских портфелей, выбрав классную галерею каменной кладки в сочетании с красивыми эффектами для своих высококачественных дизайнов и иллюстраций. От рекламных роликов до реалистичных и вымышленных идей, Адриан и Гиди, кажется, отлично справляются вместе, их проекты выглядят как мэшап между реальными объектами и мультфильмами (граница здесь тонкая).Красивый параллакс-скроллинг сопровождает элегантную витрину продукта.
Виолета Ной
Виолета из Барселоны — еще один иллюстратор, который любит простые вещи и говорит своими работами. Когда вы заходите на сайт, вас приветствует веселый и веселый мультфильм с плавающими элементами, за которым следует еще один веселый слайдер в коробке и галерея цветов и забавных историй, напоминающих рисунки карандашом. Как только вы зайдете на этот сайт, вы почувствуете радость и быстро познакомитесь с подписью дизайнера.Простая двухцветная страница «О нас» позволяет быстро узнать о достижениях автора, его контактной информации и биографии. Если вы хотите купить печатные версии ее проектов, вы можете заказать их в разделе магазина, что является хорошим примером того, как интегрировать портфолио дизайнеров с функциями электронной коммерции.
Стефани Брюклер
Стефани также упрощает работу. Страница вверху сгиба представляет собой полноэкранный белый фон с именем автора по центру, ведущий к визуально контрастирующему разделу «О себе», который содержит ее эскизы и рабочие образцы.В нижней части главной страницы представлено портфолио Стефани в виде сетки-галереи. Красивый значок предварительной загрузки делает переход между страницами более приятным.
Shelby Hipol
У Shelby опять же простой веб-сайт; но по-своему просто. Как только вы войдете на домашнюю страницу, вы увидите две колонки: одна с текстом с названиями проектов, которые у нее были до сих пор, а другая показывает обложки, связанные с каждым из названий проектов. Элементы открываются на новых страницах, где все работы отображаются с помощью горизонтальной прокрутки — вам нужно перетаскивать их вправо и влево с помощью мыши.Фактически, вы можете просматривать все иллюстрации в одном горизонтальном слайд-шоу, если продолжаете нажимать «Далее» в конце каждой категории.
И все! Вам особенно понравилось какое-либо из этих дизайнерских портфолио? Если да, то мы хотели бы знать, что вам понравилось! Кроме того, мы открыты для новых предложений. Итак, если у вас есть другие замечательные дизайнерские портфолио, дайте нам знать. Мы хотим больше!
…
Не забудьте принять участие в нашем ускоренном курсе по ускорению вашего сайта WordPress.С помощью некоторых простых исправлений вы можете сократить время загрузки даже на 50-80%:
БОНУСНОЕ ВИДЕО: 50+ бесплатных ресурсов для веб-дизайна
Под редакцией Колина Новичка. Макет и презентация Кароля К.
Или начните разговор в нашей группе Facebook для профессионалов WordPress. Найдите ответы, поделитесь советами и получите помощь от других экспертов WordPress. Присоединяйтесь сейчас (это бесплатно)!
.
Добавить комментарий