Выполняем реальный заказ на фрилансе на промышленную тему

🔥 Бесплатный курс по дизайну с бесплатной обратной связью: t.me/freeeducation_uprockbot
Выполняем реальный заказ на фрилансе на промышленную тему
Евгений Кузьмин (CEO & Art-director студии UPROCK) делится своим опытом, рисует актуальный дизайн, и разбирает главные ошибки в UX/UI.
0:00 Вступление
1:10 Контент главной страницы
1:36 Вторая итерация: Формирование сетки
1:53 Третья итерация
2:04 Четвертая итерация: красная строка
2:46 Пятая итерация
3:01 Шестая/седьмая итерация
3:18 Новая версия дизайна
5:01 Разбор логики: обложка
5:52 Блок "О нас"
7:02 Каталог
7:27 Блок "Популярная продукция"
7:35 Анализ первых блоков
8:51 Блок "Услуги"
9:27 Блок "Наши проекты"
9:31 Блок "Преимущества"
10:21 Блок "Путь заказа"
10:24 Анализ главной страницы
13:49 Последняя итерация: доработка
15:08 Страница "Производство"
15:39 Страница "Реализованные проекты"
15:51 Страница каталога
15:51 Итоговый обзор макета
16:43 Заключение
🚀 Ждём вас в школе UX/UI дизайна №1 UPROCK: school.uprock.ru/middle
☀️ Написать менеджеру школы: t.me/uprocksale
ПОЛЕЗНОЕ ДЛЯ UX/UI-ДИЗАЙНЕРОВ:
Скачать бесплатно кириллические шрифты: www.fonts.uprock.ru/
Все самые полезные сайты и мокапы для дизайнеров: www.baza.uprock.ru/
Бесплатная онлайн-книга по UX/UI-дизайну: www.uprock.ru/education
Зарубежные статьи по UX: www.uprock.ru/all-articles
Видео-уроки по дизайну: t.me/uprockdesign
НАШИ СОЦ. СЕТИ:
Личный инстаграм Евгения: / zhenya.ninja (запрещен в РФ)
Крутые анимации из наших кейсов: dribbble.com/uprockpro
Лучшие сайты на Behance: www.behance.net/uprockawards
Заказать дизайн сайта или брендинг компании: www.agency.uprock.ru
#вебдизайн #figma #ux #uprock

[@UPROCK]

🔥 Бесплатный курс по дизайну с бесплатной обратной связью: t.me/freeeducation_uprockbot Сверстанный сайт - www.okwoodgroup.ru/ Кейс - dprofile.ru/case/14024/okvudgrupp Отзыв Димы - kzbin.info/www/bejne/Z6awi2V_YrSSZ8U

[@JVSd-SG]

Интересно увидеть применение системы Uorock на Эко/био/зож, и на чем-то некоммерческом

[@GFeest_]

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

[@UPROCK]

Класс, я очень рад) Спасибо за такой добрый и позитивный коммент👍

[@katya_cherny]

Шикарно. Обожаю такой лаконичный дизайн

[@UPROCK]

Спасибо, Катя🙏

[@niko_belik]

Женя, ты делаешь большое дело, даешь людям знания и профессию!!! 😅

[@UPROCK]

Салют! Большое спасибо, всегда приятно слышать такие отзывы👍

[@user-vi1kn3ex2b]

Столько интересных решений в одном сайте! Рада, что учусь в вашей школе, надеюсь в будущем делать также круто

[@UPROCK]

Класс, спасибо, Даша! Тоже рад, что ты учишься у меня и уверен, всё получится👍

[@khrustalev_creative]

Топовая рубрика. Она должна быть регулярной и постоянной!

[@UPROCK]

Спасибо🙏 Так и сделаю, кстати, в марте выйдет ещё один такой видос)

[@eugennaumov1860]

Лайк! Отдельный лайк за показ страниц до и после и за анимацию красной стрелочки. Все стало в разы нагляднее. Смотреть одно удовольствие!!! Большое спасибо, Евгений!

[@UPROCK]

Всегда пожалуйста! Очень рад, что работа над продакшном видео на канале не проходит незамеченной🙏

[@maxmoovi]

Как здорово получилось👍 очень рад, что буквально недавно начал учиться в вашей школе, надеюсь в дальнейшем так же круто и эстетично рисовать🔥

[@UPROCK]

Спасибо, Максим) Так и будет, это неизбежный результат😉

[@user-ek4ns3ie1s]

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

[@UPROCK]

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

[@user-ib4yo7bm5p]

Приятный и стильный дизайн, залипнуть можно) благодарю за подачу!

[@UPROCK]

Всегда пожалуйста, Дмитрий👍

[@alex_pivko]

В этом проекте уже на уровне wireframes было понятно что это супер круто получится - и так и получилось 🎉

[@UPROCK]

Класс! Спасибо🙏

[@modernodj]

Очень хороший проект, люблю такой строгий стиль. И да, спасибо за промышленную тематику! Нужно больше реальных кейсов, Босс! (с)

[@UPROCK]

Нужно, значит будем делать) Всегда пожалуйста, Роман!

[@BobPagespb]

Очень классная работа,хорошо когда есть хорошие фото не бесплатный сток.

[@UPROCK]

Привет! Спасибо🙏На самом деле, клиентский это материал, платный сток или бесплатный - дизайн от этого хуже не станет 😉

[@user-sj3hw7xw4o]

Очень классно получилось, уоу, а подскажите где брать такие интересные иллюстрации, вот например в первом экране, очень крутое изображение, где искать такие?)

[@UPROCK]

Привет! Спасибо🙏 Контент должен предоставлять заказчик, но если у него нет ничего подходящего - всегда можно заказать профессиональную съёмку, 3д-визуализацию или купить на стоках и включить в смету. В крайних случаях, можно воспользоваться контентом с бесплатных стоков / снять самому)

[@user-de3hs7kr9p]

сначала подумала что слишком как-то монохромно, но когда уже перешла на готовый сайт то поняла что прям кайф😍

[@UPROCK]

Так и есть👍 Спасибо)

[@777mirvsem]

Евгений как вам можно для оуенки скинуть разьор ментора одной крупной школы от которого я в ужасе я бы хотела ваше мнение узнать.... пожскажите пожалуйста куда написать

[@JVSd-SG]

Можно мне тоже посмотреть от кого Вы в "ужасе"?

[@UPROCK]

Привет! Если честно, я стараюсь не оценивать работы других дизайнеров, если они сами об этом не попросили😉 А то, что в разных школах часто творится трэш - к этому я уже привык и отношусь философски. Зато, моя школа дизайна - лучшая, и для этого я прикладываю все силы)

[@reymysterio18]

Опять шик, прошу если Вам не трудно, чуть более подробнее к элементам(т.е. какую задумку они несут и что выполняют), заранее спасибо)

[@UPROCK]

Привет! Спасибо🙏 По возможности и так стараюсь настолько подробно, насколько позволяет формат, рассказывать о каждом элементе, но буду работать дальше в этом направлении)

[@olshanti7563]

лучший

[@UPROCK]

Спасибо🙏

[@user-ny7zo2xn8q]

Очень классный и стильный дизайн получился! Спасибо, что делитесь таким 😍Сам сайт тоже сверстан добротно, приятные анимации. Но почему-то не работает кнопка "наверх"🤷‍♀

[@UPROCK]

Всегда пожалуйста, Александра! Сейчас потестил - всё работает как часы, возможно, успели поправить)

[@user-ny7zo2xn8q]

@@UPROCK и у меня теперь работает) оперативно поправили)

[@Kadgart]

А как правильно называется такой стиль дизайна ? Выглядит прикольно, чем-то напоминает печатную продукцию , газету :)

[@UPROCK]

Стиль UPROCK 😉

[@uisrkv]

Очень интересно смотреть на процесс разработки дизайна именно для «недиджитал» проектов. Но тут возник вопрос: как убедить клиента, что такой дизайн работает? Часто люди из подобного бизнеса довольно консервативны, опираются на конкурентов и насмотренности не имеют, а ваш дизайн выглядит супер свежо и современно. Сам встречался с такой проблемой, при работе над подобными проектами.

[@UPROCK]

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

[@mars77775]

Круто! Но сверстанный сайт не нашла 🤷‍♀️ страница 404 вместо него ☹️ А так хотелось посмотреть!

[@UPROCK]

Да, в настоящий момент доступа к ресурсу нет( Будем надеяться, его починять в ближайшее время

[@aweresdeadlly6631]

Офигеть

[@UPROCK]

👍😉

[@Himmelfahrter]

Большое спасибо) Вопрос: а когда Дом правительства из Минска переехал в Москву?😁 (9:28 минута, карточка блока "наши проекты"). Или я неверно трактую подпись?)))

[@UPROCK]

Всегда пожалуйста) Да, видимо это просто допущенная в одной из итераций неточность - разумеется, Дом правительства РБ находится в Минске и в финальной версии дизайна и на действующем сайте так и отмечено) Спасибо за наблюдательность!

[@uisrkv]

Евгений, а где можно найти такие монохромные иллюстрации как в блоке "О нас". Или ваши иллюстраторы их рисуют?

[@UPROCK]

Привет! На бесплатных стоках/сайтах с иконками можно поискать. Конкретно эти да, рисовал наш иллюстратор

[@user-io5.56]

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

[@UPROCK]

Супер! Очень рад, спасибо, Саша🙏

[@alexeismirnov4483]

Спасибо Евгений, как всегда - отличный дизайн. Есть один момент, который просто режет глаз. Это безобразные фото, сделанные на мыльницу. Для крутой компании - неприемлемо. Ну если даже, такие фото дал заказчик, неужели нельзя было исправить перспективные искажения Фотошопом?

[@UPROCK]

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

[@ok-nb7lj]

Привет Евгений, сайт на чем был сверстан? Его дизайнер сверстал?

[@UPROCK]

Привет! Да, сайт полностью сверстан самим дизайнером на вебфлоу

[@ilowash]

Казало бы такая тема, алюминиевые системы, а как современно выглядит сайт😍 ничего лишнего, все так сдержанно! Пол часа на их сайте лазила 😅

[@UPROCK]

Класс, очень рад, что проект понравился👍 Спасибо, Илона☺️

[@user-ib4yo7bm5p]

Если зайти в мобилку, то еще кайфовее, только кнопочка «наверх» на Safari не сработала, может у меня глюконуло

[@UPROCK]

Рад, что дизайн зашел⚡️ Всё должно работать корректно, возможно что-то с браузером, действительно

[@BasSDG]

500 т. р. это цена за дизайн, как мы понимаем. Какая же цена за вëрстку, в таком случае? Пусть даже это на Webflow.

[@UPROCK]

Это приблизительная цена за подобный дизайн для студии)