Рисуем дизайн продуктового сайта на фрилансе

[@UPROCK]

🔥 Бесплатный курс по дизайну с бесплатной обратной связью: t.me/freeeducation_uprockbot Готовый сайт - helloganss.ru/ Кейс - clck.ru/33Yzzv Отзыв Рамиля о совместной работе - kzbin.info/www/bejne/fnTYln1_is6MjK8

[@KZ-uo8gc]

Очень классный формат! Полезно, все разжевано детально. Я раньше думал что надо долбит один макет пока не выйдет классно. А вы показали что нужно несколько макетов, с последующим улучшением

[@UPROCK]

Салют! Рад, что формат зашёл👍Да, по сути это единственный способ получить действительно качественный результат

[@Tail_wind]

Жень, привет, отличное видео, в целом вопросов к содержанию нет все структурировано и по полочкам. Ты словно пазл собираешь пытаясь находить все новые и новые итерации. Единственная просьба для последующих видео - сделать больший акцент на ТЗ. Вкратце показать с каким проблемами столкнулся дизайнер, как разделил весь этот наплыв текста по полочкам и так далее. Мне кажется это будет полезно как новичкам которые только начинают выполнять заказы так и тем кто уже в деле но все же старается каждый раз черпать новую полезную информацию. Спасибо!

[@UPROCK]

Салют! Спасибо за развернутый комментарий и четкий запрос👍 Принято, масштабирую этот момент

[@qaigymoon]

Какой свежий крутой формат, да и музыка на фоне отлично подобрано, видно уровень по западному что то новое в СНГ как глоток свежего воздуха, такой приятный и не загруженный вайб

[@UPROCK]

Класс, спасибо за такой позитивный комментарий☺️

[@anastasiabezzubova1496]

Формат видео - пушка! Спасибо, что показаны все шаги; доступно проследить нить развития идеи и концепции. Согласна с предыдущим комментатором: хотелось бы узнать, какие были ограничения и задачи у проекта. Работа получилась лаконичная, строгая, но очень стильная!

[@UPROCK]

Очень рад, что видео зашло, спасибо за комментарий! Запрос принят)

[@maxmoovi]

Четкая подача контента, с удовольствием смотрю ваши видео. Крутой проект, ничего лишнего. Всё четко и аккуратно.👍👍👍

[@UPROCK]

Супер, спасибо🙏

[@fneissiz]

Очень круто! Жень, ты сказал в конце, что постарался все детали рассказать, у тебя получилось! Продолжай также все глубоко разбирать, т.к. ценность высока)

[@UPROCK]

Супер🙏Спасибо за отличный отзыв

[@NordBird]

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

[@UPROCK]

Спасибо за отзыв 🙏Запрос принят)

[@oxanakrylova6535]

Женя привет! У вас с Рамилем получилась отличная команда супер-архитекторов контента. Так все разложили логично и структурно. Такая скучная тема - клавиатура заиграла новыми красками. Спасибо за отличное обучающее видео и подробное описание процессов. Супер полезно! До встречи в следующем эпизоде. Ждем

[@UPROCK]

Привет, Оксана! Спасибо за такой добрый и позитивный комментарий☺ До встречи, следите за обновлениями)

[@li69no]

Как всегда, все очень чисто и понятно! Смотреть и слушать ваш канал - одно удовольствие💥

[@UPROCK]

Спасибо🙏

[@iKuer]

очень хороший формат видео, очень много полезного, спасибо!

[@UPROCK]

Супер⚡️ Всегда пожалуйста)

[@greensquare6360]

Женя, спасибо за разбор! Хотелось бы больше раскрытия логики создания вайрфреймов.

[@UPROCK]

Пожалуйста! Заказ принят)

[@ldca241]

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

[@UPROCK]

Спасибо🙏 Предоставление контента для сайта - изначально задача заказчика и ситуации, когда дизайнеру необходимо самому искать/изготавливать иллюстративный материал, скорее исключения. Запрос я понял и подумаю, что смогу сделать и как развить эту тему в следующих видео)

[@lamborgean]

Женя, прекрасный формат, даже мне, твоему студенту интересно. Очень нравятся и мотивируют подобные рассказы про процесс разработки проектов!

[@UPROCK]

Класс, спасибо🙏 На самом деле студентам эти видосы не меньше, а может даже больше полезны, можно со стороны посмотреть на процессы взаимодействия школы и студента во время работы над выполнением реальных задач)

[@АлександраБабанина-ь7е]

Рамиль молодец! Хороший дизайн! Талант сразу виден

[@UPROCK]

Точно! Рамиль очень круто поработал, он большой молодец⚡

[@ДимаСмирнов-э5б]

Женя привет,если возможно хотелось бы видеть момент подбора референсов,возможно сетки. p.s видео ТОП))) Спасибо за то,что вносишь краски в серый "дизайнерский" Ютуб)

[@UPROCK]

Салют! Заказ принят) Пожалуйста, очень рад☺️

[@ДенисМелкишев]

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

[@UPROCK]

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

[@paulfomin6292]

Ни добавить ни отнять, все конкретно и по делу)

[@UPROCK]

Супер👍 Очень рад, что видео так воспринимается!

[@ВиталийЗахаренко-щ6щ]

Жень спасибо, классный формат видео, полезный 🙏

[@UPROCK]

Пожалуйста, Виталий! очень рад⚡️

[@sergey4522]

Спасибо, очень интересно и познавательно. Впервые увидел как правильно по этапам разделить работу! Сколько часов пришлось потратить? Делали анимацию в After Effects?

[@UPROCK]

Всегда пожалуйста) Да, делалось в афтере

[@tiffany-user]

Круто. Тоже сейчас на коммерческом проекте с Павлом нахожусь)

[@UPROCK]

О, да, ждём от вас крышесносных результатов🔥

[@emaeshka]

Здравствуйте. Планируете ли вы сделать урок по созданию сайта webflow. Было бы думаю интересно

[@UPROCK]

Салют! Тема интересная, заказ принят) Посмотрю, что можно сделать, спасибо👍

[@PINpiter]

Спасибо за ролик. Хороший проект :)

[@UPROCK]

Пожалуйста) Согласен😉

[@purplepilled_m]

Крутой проект!

[@UPROCK]

Спасибо) Проект и правда отличный👍

[@khrustalev_creative]

Огонь же)

[@UPROCK]

Точно так) 👍

[@Irina_Cool]

Всё супер. Только иконки из разных наборов, непорядок)))

[@UPROCK]

Спасибо, Ирина! Будем тщательнее следить за этим моментом😉

[@ДмитрийДремов-я3ч]

🔥🔥🔥

[@UPROCK]

☺☺☺

[@masiukkatya]

Крутой формат🔥

[@UPROCK]

Спасибо🙏

[@Anastasia-ms7cx]

Получается не было работы с референсами? Кажется, с ними быстрее поиск концепции происходит и нагляднее…

[@UPROCK]

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

[@eugennaumov1860]

Лайк! Ещё не досмотрел, но очень круто!

[@UPROCK]

Спасибо🙏

[@alevi_21]

Бомбический проект🔥 Сколько ушло времени на вёрстку этого лендинга в тильде?

[@RamilSharifull]

3 дня примерно и день на проверку)

[@alevi_21]

@@RamilSharifull Вы сами лично собрали?

[@RamilSharifull]

Да)

[@alevi_21]

@@RamilSharifull Круто) Я как раз думал изучить тильду параллельно, теперь ещё сильнее вдохновился) Как думаете, за какое время можно научиться собирать подобного рода лендинги самостоятельно?

[@RamilSharifull]

​@@alevi_21 кстати у UPROCK есть курс по webflow и скоро будет по Tilda от себя могу сказать, 1-2 месяцев может хватить чтобы начать уверенно пользоваться этим инструментом

[@ДенисМелкишев]

И ещё добавлю свой комментарий. Мне не хватает стоимости клавиатуры. Я зашёл, хочу купить, а сколько она стоит? Только нажав кнопку купить и перейдя на озон я увидел стоимость. Может мелочь, но думаю стоимость нужна.

[@StudioSerious1]

Согласен, цену нужно выделить огромным жирным шрифтом ))

[@dmitrybusarev1396]

Если будет стоимость сразу, не все кнопку «купить» нажмут 🙃

[@UPROCK]

Так и есть) ориентированно на фанатов таких клавиатур)

[@olshanti7563]

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

[@UPROCK]

Салют! Рад что видос зашёл🙏 А что за неаккуратности на сайте?

[@olgamaltseva]

Спасибо

[@UPROCK]

Пожалуйста☺️

[@АлександрПляцидевский]

Супер контент

[@UPROCK]

Спасибо🙏

[@MaBrg1]

Вдохновилась)

[@UPROCK]

Класс) Именно для этого и делаем видео👍

[@matteriya6637]

дизайн крутой, выбрала определенную клавиатуру меня закинуло на азон и тут я прям потерялась

[@UPROCK]

Согласен! К сожалению, предложения по способу реализации продукции выходят за рамки нашей дизайнерской экспертизы(

[@АртемКашаков]

Наведу критику, готов к дискуссии: 1. По дизайну - Не совсем к месту ощущается полоса с иероглифами, т.к. она встречается очень редко, и когда ее видишь, то думаешь что в ней какой-то посыл. А его нет - В конце сайта где форма отправки, там есть чекбокс "Согласен с правилами обработки персональных данных". Так вот оно не очень хорошо смотрится с большими скруглениями у блока сверху и кнопки внизу. 2. Зашел на сам сайт - если честно, то верстка оставляет желать лучшего. Съезжают карточки при смене цвета клавиатуры. С отступами беда. Резюме: нужно еще дорабатывать. Считаю что выкатили сырую версию, и стоило провести как минимум еще одну итерацию по разработке дизайна

[@UPROCK]

Да, спасибо за комментарий

[@ber1830]

Неймовірно вражений стільки корисного

[@UPROCK]

Спасибо🙏

[@dmitrybusarev1396]

а чего на рабочем сайте предлоги висячие не поправили?🤔

[@UPROCK]

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

[@dmitrybusarev1396]

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

[@UPROCK]

@@dmitrybusarev1396 почему этим великим знанием никто не пользуется тогда?)

[@dmitrybusarev1396]

@@UPROCK в смысле, у вас в Апроке? Я не знаю 🤷 Но есть html-код, плагины для Figma, для CMS, типограф у Лебедева.

[@UPROCK]

​@@dmitrybusarev1396 у тебя в комментарии висят предлоги)

[@VadimPasternak]

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

[@UPROCK]

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

[@VadimPasternak]

@@UPROCK спасибо за исчерпывающий ответ. Евгений, вы лично отвечаете или все же модератор?

[@UPROCK]

@@VadimPasternak лично)

[@VadimPasternak]

@@UPROCK мое почтение, Евгений. Почему на дизайн-выходных в Суздале не был???? 😂😂😂😂😂

[@UPROCK]

@@VadimPasternak да как-то заработался(

[@user-pooser164]

Жаль, что вы пропустили объяснение, как вы пришли к такой стилистике((

[@UPROCK]

Это происходит только через поиск разных форм и ассоциаций, стандартная рутина на проекте

[@user-pooser164]

@@UPROCK мне кажется, эта рутина очень интересна, я часто слышу от дизайнеров про интуитивность, но любое стилистическое решение можно пояснить до мелочей, поэтому все же очень хотелось бы, чтобы вы где-то описали свой творческий поиск