Пт, 5/04/19 – 9:26 | 2 комментария

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

Читать статью »
Дизайн

Секреты веб-дизайна, примеры стильных сайтов

Тренды / ТОП

Топ лучших идей, новые тенденции и тренды WEB’а

Маркетинг

Статьи о маркетинге сайтов, примеры эффективности

Свой сайт

Как создать, оформить, сделать сайт лучше

Шаблоны сайтов

Обзоры шаблонов: лучшие темы для сайта

Главная » Дизайн

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

6 января 2018 2 комментария

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

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

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

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

Читайте также:  Лучшие персональные сайты фрилансеров: 33 женских дизайна

 

01. Toy Fight

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

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

Читайте также:  Анимация по правилам UX-дизайна: полное руководство

02. Tomer Lerner

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

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


03. Lempens Design

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

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

Читайте также:  57 самых красивых плоских дизайнов сайтов

04. Olly Gibbs

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

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


05. Tom Biskup

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

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


06. Wade Jeffrey

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

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

Читайте также:  18 продающих сайтов фотографов: идеи и решения

07. Sean Halpin

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

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


08. Christopher Lee

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

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


9. Tim Lahan

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

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

Читайте также:  20+ вдохновляющих сайтов с плоскими иллюстрациями в дизайне

10. Small Studio

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

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

Читайте также:  Самые необычные и оригинальные сайты

11. Lauren Wickware

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

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

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

12. Bolden

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

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


13. Bleed

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

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

14. Tim Smith

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

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

Читайте также:  11 примеров карточного дизайна корпоративных блогов

15. Daniel Spatzek

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

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

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

Читайте также:  11 креативных сайтов отечественных студий веб-дизайна

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

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

Читайте также:  Лучшие портфолио-шаблоны на WordPress & Bootstrap

Запоминающийся чистый дизайн с отличным UX, анимациями, интерактивом, уникальными hover-эффектами и красивыми переходами.


26. Uniel

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

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


27. Viget

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

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


28. Lounge Lizard

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

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


29. Delete

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

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


30. Werkstatt

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

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

Читайте также:  25 примеров интересных и креативных дизайнерских портфолио