Дизайн сайта для реального клиента с фриланса
Вставка
- Опубліковано 8 чер 2024
- 🔥 Бесплатный курс по дизайну с бесплатной обратной связью: t.me/freeeducation_uprockbot
Дизайн сайта для реального клиента с фриланса
Евгений Кузьмин (CEO & Art-director студии UPROCK) делится своим опытом, рисует актуальный дизайн, и разбирает главные ошибки в UX/UI.
0:00 Вступление
0:23 О проекте
1:45 Прототипирование
2:16 Первые концепции и поиск решений
30:30 Финальная версия
35:45 Заключение
🚀 Ждём вас в школе 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
🔥 Бесплатный курс по дизайну с бесплатной обратной связью: t.me/freeeducation_uprockbot
Евгений, Спасибо Вам огромное за такой информативный и, даже, мотивирующий урок!!!!
Всегда пожалуйста👍
Жень, на 14:18 было классно.
С точки зрения смысла и эмоциональной составляющей очень круто. И в такой теме вы верно решили дать эмоций.
Что смутило очень сильно
Такая сильная проработка и куча интересных смыслов просто теряется на фоне ярких цветов (особенно желтого). Он перетягивает на себя все внимание и отвлекает от изучения информации, которую, повторюсь хотелось бы изучить.
Возможно его стоит оставить только акцентным цветом для кнопок и бегущей строки ❤
Александр, Салют! Спасибо за комментарий) В финальной версии нет жёлтых плашек, там всё аккуратно и чётко сбалансировано при помощи зонирования. Как раз я говорил о том, что мы ушли от жёлтого, и это нормально, если в процессе поиска решений ты можешь перебирать, быть смелым, но лишнее потом всё равно отсекать. Так, вроде, и получилось, глянь, пожалуйста, финальную версию
@@UPROCK салют Жень
Супер, это очень круто 🙌
шик! подача отличная, аргументация железная, доступно и без воды. Спасибо
Пожалуйста, Артём!
Спасибо! Как всегда ооочень много полезной и интересной информации:)
Всегда пожалуйста, Полина! Очень рад, что видео тебе понравилось 👍
Евгений, спасибо Вам большое! Рассказываете очень интересно, понятно и мотивирующе! Взял курс с нуля до middle+ (всем советую!). В свободное время решил смотреть интересные и полезные видосики на канале)
Пожалуйста, Ярослав! Добро пожаловать в наше дружное комьюнити👍 Рад, что Вы с нами и спасибо, что поделились⚡️
Очень полезное обучающее видео, спасибо большое. Затягивает)
Супер! Пожалуйста ☺️
Женя, как же здорово))) мне прям захотелось в такой тур😊 Такое огромное количество вариантов)))
Супер! Значит дизайн работает как задумывалось☺️ Спесибо, Анастасия🙏
Очень в тему ТЗ😁 сейчас сайт делаю для серф-кемпа! Спасибо! Очень понравилась информация про зонирование, важность расставления акцентов. Хочется больше понимать логику пользователя. Если думаете над следующей темой: интернет магазин десертов было бы классно посмотреть
Салют! Пожалуйста, очень рад, что видео оказалось в тему и так зашло☺️ Спасибо за комментарий и пожелания!
Урок отличный! Ярко, стильно и очень эмоционально. Решено, бросаю учёбу и еду в тур на яхте))))
Класс👍 Рад, что урок так зашёл😉
Класный контент! до конца посмотрел. прям видно что профи. Классссс
Спасибо👍 Очень рад, что видео так заходит)
@@UPROCK ofc top 🔝
10/10. Больше такого контента!
Спасибо🙏
Приятно слушать, Жень. Просьба ссылку на макет оставлять только. Ну беханс там или реальный сайт.
Привет! Кейса на Behance пока нет, но мы всегда добавляем ссылки, как только их оформляют
Бесценно)! Столько много предварительных вариантов всегда бывает в дизайне сайтов?
Салют! В хорошем дизайне обычно да, вне зависимости от уровня дизайнера, это единственный способ получить качественный результат
Очень классно подмечено, что Джун бы уже и остановился👏 Именно этого мне и не хватает: я не хочу останавливаться, но мне не хватает скиллов, не хватает водительства)) спасибо, классный урок!
Салют, Вера! Очень классно, что ты отметила этот момент, всегда пожалуйста👍
спасибо! очень интересно еще посмотреть как можно новостной сайт обыгрывать. Контент получается однотипный, а хочется чтоб человеку было не скучно )
Всегда пожалуйста👍 Заказ принят, посмотрю, что можно сделать)
Огромное спасибо! Очень полезно про логику пользования и разные визуальные решения было глянуть) Было бы любопытно глянуть сайт на тему кино или онлайн-кинотеатра, либо про бильярдный клуб или какое-нибудь развлечение еще.
Всегда пожалуйста👍 Заказ принят, подумаю, что можно сделать)
Евгений, правильно ли я понял, что в начале проекта мы сперва проектируем прототип, потом доробатываем (в процессе можем удалять или добавлять блоки), и каждый раз перестраиваем блоки пока не будем в них уверены более чем на 95% (98% в случае с обложкой)? Можно ли при таком случае изначально составить палитру цветов, используемых на сайте, чтобы потом не приходилось с ними эксперементировать? Заранее спасибо.
Салют, Алихан! Да, всё верно)
Нет необходимости избегать экспериментов с цветом, некоторые удачные решения можно найти исключительно с помощью этого процесса😉
Спасибо, Евгений! Круто. В этом проекте допущена ошибка. Написано не "Скролинг" А "Снорклинг", обратите внимание, а то отдадите клиенту с ошибкой не ловко получится. А в остальном все более чем круто!!!
Пожалуйста, Евгений!
Благодарю за бдительность и внимательность, уже поправили👍
Очень рад, что дизайн понравился)
Класс!
Спасибо)
Хотелось бы увидеть решения разработки дизайна для сайта, аля презентации, мобильного приложения
Привет! Не совсем понял о чём ты, поэтому предположу: я делал редизайн сайта студии мобильных приложений, может быть такое тебе подойдёт?
@@UPROCK Не совсем, как пример сайт apple, они презентуют продукцию, но хотелось бы увидеть как можно презентовать одно мобильное приложение
@@fidanyusifova20 Пока могу поделиться сайтом для студии мобильной разработки ua-cam.com/video/eKs6FRxNpgM/v-deo.html
Продуктовым дизайном для клавиатуры ua-cam.com/video/hovAUfik8RU/v-deo.html
Сколько по времени занял (только) дизайн?
Привет! Ну это творческий процесс 😉 Концепт хорошего дизайна может занять от трёх до десяти рабочих дней
доброго времени суток! как называется шрифт?
Салют! Шрифт называется Unbounded
Крутой дизайн! Обращаясь к началу ролика, готов ли не очень хороший дизайнер потратить столько же времени как Вы? Будет ли столько итераций ждать клиент? Ведь объём денег одинаковый! Если клиент платит 15-20 тр (что и так выше среднего для лендинга в средней массе клиентов исходя из цен на биржах), а не 150-200 тр, стоит ли делать такой объем?
Конечно стоит, вы инвестируете в свое будущее, чтобы прийти к таким чекам!
Спасибо, Сергей! Попытаюсь ответить поочерёдно на ваши вопросы:
- Начинающий дизайнер не готов потратить столько времени, он остановится на самом первом варианте или одном из первых и получит посредственный результат. Именно поэтому ему нужен наставник, который будет указывать на ошибки, пока он не пройдёт все стадии.
- Да, клиент быдет ждать ровно столько времени, на сколько Вы с ним договоритесь, в идеале всегда иметь небольшой запас на непредвиденные случаи и закончить работу раньше заявленного срока, всему этому я тоже учу ребят в своей школе.
- Да, со студентами мы в любом случае делаем такой объём, потому что на первых порах это единственный способ получить качественный результат🤷♂️
@@UPROCK Спасибо Вам за ответ! Личные размышления есть такие , Ваш дизайн это Премиум, ТОП, как Мерседес в мире авто, дорогой, во всём, дающий статус, ощущение, комфорт и эффективность на уровне своей цены. Много людей в России и мире пользуются премиум авто? Не очень, и обслуживание ( как верстка сайта) его по карману так же не всем. Большинству нужно среднее, надёжное, уверено работающее, без изысков, так и с авто и с сайтами!
Я не представляю как малому бизнесу, к примеру ИП с 5 наёмными сотрудникам, продать сайт за 200-500 тр? Даже феноменальный и логичный дизайн не даст прироста клиентов на свою цену, ведь в поисковой позиции и рекламе дизайн его не поднимет выше.
БЕССПОРНО, умеющий делать такие сайты, как в видео,сможет легко и быстро отрисовать более простой, нужный большинству.
Мой лайк!
Спасибо🙏
Не могу полный видос найти (((
Здравствуйте, Анна! Подскажите, в чём конкретно загвоздка? Это и есть полное видео
Отличный урок, судя по качеству проработки и подхода к выполнению задач, отличная школа. В январе закончил обучение в одной из школ по веб - дизайну ( про UPROCK к сожалению не знал ). Много чему научили, но как-то всё было очень поверхностно. Короче говоря, отдал за обучение порядка 70к, ну и судя по работам ваших студентов на видео, не говоря о Behance, та школа просто детский сад.
Салют, Дмитрий! Увы, к сожалению, Вы скорее всего правы( В обучении очень важен системный подход, много практики и обратной связи, и столько сколько даём мы - нет ни в одной школе. Спасибо большое за ваш отклик 🙏 Будем на связи с Вами, следите за оповещениями канала)
Круто классно многослойно
Супер) Спасибо, Антон👍
Тема большого многоуровнева магазина. Целый маркетплейс новый
Салют, Матвей! Так и есть👍
жжесть,ь я не до смотрел до конца, потому что пока мне вообще просто освоить бы Фигму, а потом уже все эти проекты, поэтому в процессе, так перемоткой просматриваю, что и как должно вуыглядеть. нарвался на твой материал, всё по делу, всё что нужно и так далее. просто у меня нет денег на обучение.
Поэтому пока самоучкой
Салют, Майк! Спасибо за положительный отзыв) С фигмой, как инструментом, ничего сложного нет - если что, на этом канале есть мой бесплатный курс по ней😉 ua-cam.com/play/PLgP78sMGTxfBnHmM4UE1KM8R7MdzFdLox.html&si=D8dH3sCtcsLVXSD4
Смутил текст в кнопке «бронирую» В школах учат «Забронировать» «Купить» «Оформить» «Показать» , а тут так сделали, можно узнать подробнее почему?)
З.Ы. Интересует тема эко-отелей, разберите)
Возможно просто ошибка прокралась, такое иногда бывает. Люди не машины)
Спасибо, что обратили внимание.
Эко-отель тоже есть в планах
Монтаж!
Да, прошу прощения за этот небольшой косяк, виновные уже локализованы и пристыжены✊
Хочется адаптив под мобилку посмотреть для этого сайта. Спасибо за разбор!
Заказ принял) Возможно, быстрее, чем получится снять видео, появится кейс на behance, в котором будет адаптив
И звука, кажется, нет
Проверь, пожалуйста, ещё раз, со звуком всё должно быть в порядке
Монтаж?
Ну забыли переименовать, ничего странного 😄
Уже поправили, прошу прощения😅
@mezentsev733 Спасибо за понимание🙏
это разбор работ учеников? совершенно разные дизайны и не понятно зачем так много?
Нет, это разбор одного реального проекта, выполненного нашим студентом) Посмотри пожалуйста, хотя бы начало видео, все вопросы отпадут😉
Не думал, что напишу что-то подобное в комментариях к этому каналу... Не понравилось совсем 🥲
Что конкретно тебе не понравилось?) дизайн должен удовлетворять потребности бизнеса ,а не нравится своей красотой ) тем более в таком бизнесе «бренд» не особо важен ,важнее UI
Салют! Во-1х, я признателен за то, что у тебя такие хорошие, высокие ожидания относительно того, что я делаю. Во-2х, сама тематика настраивает на определённый лад: если другие мои проекты тебе нравились, можешь брать вдохновение из них. Если это решение моего студента не понравилось - можешь не брать. Дизайн во многом дело вкуса, если говорить про визуальную часть, но с точки зрения логики и объяснений - уверен, ты почерпнул при просмотре очень много полезного😉
@ruslanruzmetov8865 Привет, Руслан! Ты прав, суть моего дизайна в том, что он не обязан нравится конкретным людям, многие мои подписчики ожидают интересных фестивальных визуальных решений. А мне нужно в первую очередь помнить о клиенте, его бизнесе, о том, как правильно его представить. Поэтому я всегда и делаю акцент на изначально поставленную задачу. Спасибо, что подключился и всё объяснил
@@Alerrrrrt Бренд - это мысли и ассоциации в голове потребителя, которые появляются когда идет упоминание о компании или продукте. Сильно сомневаюсь, что в услуге за 4 000 евро не особо важен бренд. Прежде чем выложить эту сумму за каюту премиум-класса, ты после этого сайта перероешь тонну отзывов и видео с этого тура, прежде чем будешь что-то бронировать. А скорее всего тебе кто-то этот тур порекомендует. В экстремальный отдых просто так не залетают в большинстве случаев. Цепочка принятия решений не "а пойду кроссовки куплю".
Все конечно конечно-же как по учебнику про "потребности бизнеса", что он не должен нравится и т.п. У меня нет вопросов по структуре, помимо того, что я бы яхту чуть повыше поднял в логике.
Вопрос как раз в стилизации. У меня просто не бьётся стилизация с кайтом. Можно сделать брутализм интересным, безусловно, есть куча примеров крутых на стикерах и классных векторных шейпах, но не этот вариант. Можно сказать, что это делать вкуса. Но в лично моем зрительном восприятии - комбинация синего и желтого превращается в месиво в какой-то момент. Перестал читать даже на фрейме в видео. А что было бы на мониторе? Выжгло бы глаза. 3 секунды вроде надо человеку, чтобы понять хочет ли он оставаться на ресурсе?
Разве это не потребность бизнеса, убедить пользователя ознакомиться с информацией до конца?
Принципиально отправил ссылку 5 людям с тайм-кодом на финальную версию, с простым вопросом "как?" 5 из 5 - очень ядовитые цвета, тяжело смотреть. Люди обычные не связанные с индустрией.
@@user-ts8qw3un8r привет, без обид тебя как то сильно триггернула тема выбора цвета. Это пишу не с целью задеть, а чтобы ты под отпустил ее. Повторюсь на своем дизайне ты можешь сделать по своему, возьми из видео те вещи с которыми ты согласен. Для себя я могу обосновать использование всех элементов, если ты с чем то не согласен, то ок не бери это себе на вооружение. У меня нет цели переубеждать тебя, моя цель поделиться опытом. Это реальный проект и уверен, что палитра очень удачно подходит, чтобы создать новый опыт для пользователя и сохранить комфорт восприятия информации. По поводу того, что ты опросил 5 человек, здесь тоже должен понимать, что надо правильно опрашивать, чтобы избежать предвзятости интервьюируемых. Проводить опросы еще надо уметь.
Ух какие цвета подобрали)
Прям украинские 💙💛
Все для вас)