Биханс сайт: Платформа Behance

Сайт 

Содержание

10 лучших дизайнов с Behance

Аудио перевод статьи

·

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

1. Редизайн корпоративного сайта «The Belvedere Museum»

Главная страница

Главная страница

Страница Текущих Выставок

Адаптив

Главная

Екатерина Штучка

Instagram:

Опыт до курса:

Проект сделан в рамках курса

UPROCK «UX/UI дизайнер (Сайты)»

Резюме о проекте от автора:

«Когда-то меня поразил музей «Бельведер» в Вене. Поэтому выбрала его для редизайна в рамках спринта «Корпоративный сайт».

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

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

2. Редизайн сайта “Yagi.design”

Главная страница

Главная

Адаптивы

О нас

Проекты

Максим Козлов

Instagram:

Опыт до курса:

Проект сделан в рамках курса

UPROCK «Style-Behance: продвинутые сетки»

Резюме о проекте от автора:

«Так как по образованию я архитектор, выбор темы для данного проекта был для меня очевиден. На реализацию ушло чуть больше месяца.

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

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

3. Редизайн сайта-портфолио “Alfa Charlie”

Главная страница

Адаптивы

Главная

Адаптив

Адаптивы

Полина Лезова

Instagram:

Опыт до курса:

Проект сделан в рамках курса

UPROCK «UX/UI дизайнер: Старт (Сайты)»

Резюме о проекте от автора:

«Проект делала около месяца. Это ежедневная работа по несколько часов в день. Было интересно работать над сайтом студии. Хотелось сделать просто, без излишеств, но захватывающе. Чтобы было желание пересматривать снова и снова.

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

4. Редизайн интернет-магазина “PULL&BEAR”

Главная

Каталог

Адаптивы

Продукт

Корзина

Абдуллох Уткуров

Instagram:

Опыт до курса:

Проект сделан в рамках курса

UPROCK «UX/UI дизайнер: Старт (Сайты)»

Резюме о проекте от автора:

«На реализацию этого проекта мне потребовалось 40 дней.

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

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

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

5. Редизайн сайта “Aston Martin”

Главная

Главная

Адаптивы

Адаптивы

Heritage

Лана Топчиян

Instagram:

Опыт до курса:

Проект сделан в рамках курса

UPROCK «Style-Behance: продвинутые сетки»

Резюме о проекте от автора:

«Выполнение проекта заняло около 1,5 месяцев. Больше всего понравилось работать над Главной страницей и страницей “About us”.

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

Самое ценное для меня в UPROCK — это последовательная система обучения, в которой много практики и аналитической работы».

6. Редизайн сайта студии “Fame your name”

Главная

Главная

Меню

Сервис

Адаптивы

Алексей Жиляков

Instagram:

Опыт до курса:

Проект сделан в рамках курса

UPROCK «UX/UI дизайнер: Старт (Сайты)»

Резюме о проекте от автора:

«Реализация данного проекта заняла у меня 1,5 месяца — хотелось сделать  дизайн-агентство с небольшим уклоном в «fashion» стилистику.

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

7. Редизайн интернет-магазина “Tommy Hilfiger”

Главная

Главная

Адаптивы

Каталог

Покупка

Елена Орехова

Instagram:

Опыт до курса:

Проект сделан в рамках курса

UPROCK «UX/UI дизайнер: Старт (Сайты)»

Резюме о проекте от автора:

«Бренд Tommy Hilfiger близок мне визуально, а посмотрев кейсы на Behance, я поняла, что таких проектов практически нет.

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

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

8. Редизайн корпоративного сайта “Sasi Studio”

Главная

Главная

О проекте

Адаптивы

Адаптивы

Акбар Аблаев

Instagram:

Опыт до курса:

Проект сделан в рамках курса

UPROCK «UX/UI дизайнер: Старт (Сайты)»

Резюме о проекте от автора:

«Реализация проекта заняла чуть больше месяца. Считаю, что самая интересная страница — главная. В ней использована нестандартная композиция и разные крутые решения для каждого блока, которые дополняют друг друга. За счёт этого она выглядит целостной, минималистичной и удобной.

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

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

9. Дизайн сайта-портфолио “PORTFOLIO WEBSITE v1.0”

Главная

Адаптивы

Главная

Главная

Главная

Дамба Раднаев

Instagram:

Опыт до курса:

Проект сделан в рамках курса

UPROCK «UX/UI дизайнер: Старт (Сайты)»

Резюме о проекте от автора:

«На первых порах мне было довольно тяжело учиться, меня одолел синдром самозванца, но после упорной учебы и практики, я смог получить 2 ленточки на Behance и оффер на работу в стартапе NFT в качестве UX/UI дизайнера.

Во время обучения в школе UPROCK я смог нащупать свое место в этом мире и составить дальнейшую линию развития на ближайшие годы».

10. Редизайн сайта “Coldplay”

Главная

Главная

Адаптивы

Главная

Главная

Оксана Шумская

Instagram:

Опыт до курса:

Проект сделан в рамках курса

UPROCK «Style/Behance: Продвинутые сетки»

Резюме о проекте от автора:

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

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

Больше классных проектов в uprock.design

Подписаться, чтобы не пропустить следующие новости

Поделиться

6 важных обновлений Behance. Интеграция прототипов, 3D-объектов, NFT-токенов, стримы

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

Интеграция интерактивных прототипов

Раньше можно было встраивать прототипы из InVision или Marvel, в этой функции нет ничего инновационного, но после обновления функциональности прототипа в Figma кейсы можно украсить макетами с анимацией и эффектом наведения курсора. Это лучше, чем просто JPEG, не так ли?

Чтобы добавить в кейс прототип, вам необходимо связать макеты в Figma, нажать кнопку «Get embed code» в разделе просмотра прототипа и вставить код в кейс с помощью кнопки «Embed Media» или «Embed Prototype». Аналогичный алгоритм присутствует в Adobe XD, но лично я больше привык работать с сервисом Figma. Если вы хотите использовать прототипы из Figma, будьте осторожны, так как к исходному коду можно получить доступ через инспектор кода. Чтобы этого избежать, вы можете перенести макеты в новый документ, запретить копирование объектов или растрировать все элементы в прототипе.

А для особо любопытных можно оставить пасхалку в исходном файле.

Добавление 3D-объектов

Эта функция поможет дизайнерам интерьеров показать комнату изнутри, позволяя наблюдателю совершить прогулку с помощью 3D-тура. Кроме того, эта функция подходит, если вам нужно вставить 3D-объект. Например, если вы хотите показать дизайн созданного вами предмета. Чтобы добавить объект, просто скопируйте ссылку из Sketchfab, ArtStation или Autodesk.

Алгоритм действий такой же, как и у прототипов. Кроме того, список источников для импорта довольно обширен:

Adobe XD, Adobe Spark, Adobe Voice, Amazon Widget, Appointy, Artstation, Bandcamp, Cincopa, Codepen, Creddle, Dailymotion, Dartfish, Eko, видео посты Facebook, Figma, Flixel, Flowvella, Genial.ly, Gfycat, Giphy, Google Maps, Google VR, Imgur, Interlude, Itch.io, InVision App, Issuu, JotForm, Knightlab, Kuula 360, Mailjet, Marvel, Matterport, Mixcloud, Prezi, ProttApp, Scribd, Shapeways, Sketchfab, Sirv. com, SlideShare, SoundCloud, Soundgine, Spotify, Tableau, Twitch, Twitframe, Verold, Vimeo, Vizor, Wirewax, Wufoo, Youtube, Juxtapose.

Несмотря на то, что Figma является прямым конкурентом Adobe XD, захватившим значительную часть рынка Adobe, было приятно увидеть ее в этом списке.

Возможность прикрепить файл к кейсу

При создании кейса вы можете указать ссылку на скачивание файла. У вас есть возможность предоставить ссылку на покупку шрифта, который использовался в кейсе или ui-kit, который вы не прочь подарить Junior-дизайнерам для экспериментов. Это было возможно и раньше, но Adobe решила избавиться от этого костыля. Если вы добавляете файл с помощью этого параметра, в окне предварительного просмотра вашей работы появится иконка скрепки, что приведет к загрузке файла.

Creative Challenges

Это раздел с небольшими мастер-классами по продуктам Adobe: Photoshop, Illustrator, XD. Здесь вы найдете ежедневные задания для практического изучения функциональности графических редакторов. Задачи короткие и простые, идеально подходят для начинающих. По завершении результат можно отобразить в виде кейса, а лучшие работы получат достижения. Приятным бонусом станет дополнительная ачивка для коллекции.

Проведение собственных стримов

Теперь вы можете не только смотреть прямые трансляции и вебинары, но и записывать свои собственные. Теперь Behance предоставляет возможность проведения вебинаров на собственной платформе. Стримы можно записывать, демонстрируя работу на iPad или ПК. Если у вас есть что рассказать о работе с Fresco, Illustrator или Photoshop на iPad, сделайте это на Behance. Раздел Live был создан именно для этого. Завершенные трансляции будут сохранены в разделе Live Streams. Проводить трансляции через Zoom удобно, но для подключения к платформе вам необходимо привязать свою учетную запись Zoom к вашему профилю Behance. Пошаговая инструкция по ссылке.

Платные подписки на авторов

Дизайнеры и художники теперь имеют возможность монетизировать свой контент с помощью Behance.

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

Маркетплейс NFT-объектов

Нет, это не шутка. Теперь вы можете разместить в портфолио свои NFT-токены.

Behance позволяет размещать работы в своем профиле на вкладке NFT, если вы продаете свои работы через торговые площадки. Для этого вам необходимо добавить кошелек и привязать учетную запись платформы к своему портфолио с помощью MetaMask, Phantom или Temple. Тип фреймворка, на котором хранится ваш NFT-токен, не имеет значения; главное, чтобы через MetaMask можно было сделать ссылку.

На карточке токена отображается название, описание, ID токена и адрес контракта, а также ссылки, по которым эту работу можно купить.

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

Делитесь своей работой, вдохновляйтесь и подписывайтесь на аккаунты автора на Behance, Instagram или Facebook.

Перевод статьи uxplanet.org

Лучший плагин Behance Feed для веб-сайта

Скоро

Отзывчивый Легко использовать Без кодирования

Зачем мне Elfsight Behance Feed?

Повышение вовлеченности посетителей. Более высокие коэффициенты конверсии.

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

Размещение работ Behance на вашем веб-сайте повысит доверие к вашему личному бренду и услугам.

Направляйте новых пользователей с веб-страницы в свой профиль Behance

Привлеките внимание к своему профилю Behance среди своих клиентов и станьте ближе к своей целевой аудитории.

Растите и укрепляйте свои уникальные работы

Недавние действия Behance, обнаруженные на веб-сайте, поддержат ваш авторитет и популярность.

0%

поддержка веб-сайтов

0+

часов разработки вложено

1 мин

, чтобы начать использовать виджет

0%

уровень удовлетворенности клиентов

Присоединяйтесь к 2 078 753 клиентам, уже использующим приложения Elfsight

Вы можете начать с создания своего первого виджета Elfsight Behance Feed бесплатно.

Зарегистрироваться

Что делает Elfsight Behance Feed особенным?

Feed

Отобразите свою ленту Behance и подчеркните именно то, что вы хотите

Будет очень легко настроить и создать виджет Behance Feed, который будет соответствовать общему дизайну сайта и отвечать вашим потребностям. Измените пропорции и размер приложения, чтобы придать ему нужную форму. Благодаря автоматической адаптации макета приложение Behance подойдет к любому разрешению экрана и гарантированно будет выглядеть сбалансировано на любом устройстве. Плагин Elfsight для Behance представит различные модные макеты: Slider, Grid, Carousel, Collage, Masonry и List — для наиболее привлекательного отображения ленты.

Уникальное решение

Укрепление и развитие вашего эксклюзивного бизнеса

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

STYLE

Используйте готовую цветовую палитру или создайте свою собственную

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

СЛЕДУЙТЕ ЗА МОНИТОРИНГАМИ!

Скоро появится множество других стилевых и функциональных опций

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

Что говорят наши клиенты ❤️

Простые в установке плагины, которые работают, как и было обещано. Была проблема, и служба поддержки ответила очень быстро и скрупулезно. Какой стимулирующий сюрприз!

Все продукты Elfsight имеют удивительный и интуитивно понятный интерфейс. 100% персонализация и встраивание очень просто.

Прекрасная служба поддержки — они отвечают намного быстрее, чем любая другая поддержка, с которой я когда-либо сталкивался. Инструменты очень легко интегрируются.

Еще виджеты Elfsight

Добавляйте посты из своего аккаунта в Instagram или по хэштегу на свой сайт

Бестселлер

Вставляйте отзывы от Google прямо на ваш сайт

Бестселлер

Дайте пользователям возможность связаться с вами в WhatsApp прямо с вашего веб-сайта

Бестселлер

Добавляйте контент из Instagram, Facebook, Twitter и других социальных платформ на свой веб-сайт

Бестселлер

Показывайте обзоры из Google, FB, Amazon, Yelp и с более чем 20 других платформ для отзывов на вашем сайте сайт

Бестселлер

Позвольте пользователям общаться с вами в Facebook Messenger, WhatsApp, Telegram и т. д. уведомления и многое другое для любых целей

Бестселлер

Отображение постов, фото и видео с Facebook на вашем веб-сайте

Популярное

Демонстрация отзывов ваших клиентов на вашем веб-сайте

ПОПУЛЯРНЫЕ

Отображение каналов YouTube и видео на вашем веб-сайте

Лидеры продаж

Отображение обзоров со страницы Facebook на вашем сайте

Популярные

Посмотреть все виджеты

Часто задаваемые вопросы

Что такое Behance Feed?

The Behance Feed — это полезный инструмент, позволяющий легко встроить ленту с контентом из Behance на свой веб-сайт.

Как интегрировать Behance Feed на любой веб-сайт?

Чтобы добавить наш виджет, выполните все пункты краткого руководства ниже:

  1. Воспользуйтесь демо-версией и начните формировать собственный виджет.
  2. Настройте функциональность плагина и примените исправления.
  3. Получить персональный код, который появится в уведомлении.
  4. Вставьте код плагина на свой сайт и сохраните страницу.
  5. Молодец! Вы успешно внедрили инструмент на сайт.

Возникли проблемы при установке? Не стесняйтесь обращаться к нашей службе поддержки клиентов, и мы будем рады помочь.

Подойдет ли ваш виджет Behance для темы, используемой на моем веб-сайте?

Конечно! Плагин полностью совместим с темами и конструкторами страниц, которые соответствуют обычным требованиям WordPress. И если вы используете не WordPress, мы окажем вам любую помощь. Вот список платформ, на которых наши виджеты выглядят и работают идеально: Вордпресс Shopify Weebly Викс Блогер Веб-поток БигКоммерс Квадратное пространство Джумла Опенкарт

Лучший способ использовать Behance Feed на моем веб-сайте

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

Могу ли я изменить цвета виджета?

Если вам нужно внести изменения в инструмент или подключить исходники, вы можете сделать это через панель администратора. Примените все изменения, нажмите кнопку «Сохранить», и они будут

Какие еще виджеты скоро появятся в Elfsight?

Рекомендуем немного подождать, пока не выйдут следующие плагины:
Карты Bing, Часы работы, Калькулятор.
А если вы не получили то, что вам нужно, то обязательно свяжитесь с нами напрямую или напишите нам в разделе желаний!

Присоединяйтесь к 2 078 753 клиентам, уже использующим приложения Elfsight

Попробуйте 80+ мощных приложений от Elfsight. Нет кредитной карты. Присоединение бесплатно!

Дополнительные приложения

Добавляйте контент из Instagram, Facebook, Twitter и других социальных сетей на свой веб-сайт

Бестселлер

Создавайте все типы всплывающих окон: баннеры, панели, уведомления и многое другое для любых целей

Бестселлер

Добавьте карту на свой сайт, чтобы ваша аудитория легко нашла ваш офис или ближайший магазин

Виджет Behance Feed для конструктора страниц Elementor

Представляем

Behance Feed Elementor Widget позволяет вам демонстрировать свое портфолио Behance в любом месте вашего веб-сайта. Он имеет множество параметров настройки, которые дают вам возможность отображать / скрывать любые детали проекта, которые вы хотите.

Открой для себя больше