Тёмный

UI/UX дизайн интернет-магазина. Показываю исходники реального проекта с фриланса 

TOP in design | Web-designer Krupina Tatiana
Подписаться 26 тыс.
Просмотров 11 тыс.
50% 1

С чего начинать работу в дизайне сайтов? Сколько страниц должно быть у интернет-магазина? Как делать личный кабинет для интернет-магазина? Как подготовить исходник макета для верстальщика? Как создать UI kit? Отвечаю на эти и много других вопросов в видео :)
🔥Наставничество по обучению UX/UI дизайну -- www.rigayaya.r...
Поддержать канал: www.tinkoff.ru...
Мой сайт: rigayaya.ru/
Телеграм канал про веб-дизайн: t.me/+jNshY6X_...
Инстаграм с полезными инсайтами для дизайнеров: / rigayaya
Behance с порцией вдохновения: www.behance.ne...
Чат веб-дизайнеров: t.me/chat_riga...
Сотрудничество: t.me/rigayaya
Немного обо мне: Меня зовут Таня, в дизайне я с 14 лет, дизайном сайтов занимаюсь больше 4-х лет. Работаю на фрилансе, специализируюсь на проектах из разных ниш и разного объёма -- лендинги, интернет-магазины, дашборды, СРМ и т.д.
Ищите веб-дизайнера для создания сайта? Это я :) Пишите в любой удобный мессенджер: tap.link/rigayaya
Таймкоды:
01:35 Брифинг клиента
03:55 Ворк флоу
05:04 Работа с рефами
06:02 Почему я не проводила а/б тесты
07:06 Сбор рефов
07:49 Как я оформляю свой файл
09:14 Создание вайрфреймов
09:54 Прототипирование
10:28 Концепты
12:06 ТЗ фотографу
13:01 Полный сайт
15:44 Про порядок в слоях
16:28 Личный кабинет
17:05 UI kit

Опубликовано:

 

26 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 70   
@rigayaya
@rigayaya 11 месяцев назад
16 сентября 2024 стартует Наставничество от меня, где ты получишь комплекс знаний в UX/UI дизайне: Расширенные знания в Figma (компоненты, AL, прототипирование, анимации, токены) 3 проекта в портфолио: коммерческий лендинг, интернет-магазин и креативный лендинг Два проекта из трёх сможешь сверстать на Тильде прямо во время обучения под моим курированием Поделюсь своими эффективными способами привлечения и поиска клиентов Получишь навыки общения с клиентом и ведения проекта (работа с возражениями, закрытие на продажу, как презентовать дизайн чтобы не было правок) Знания по предпроектному исследованию на фрилансе для создания осознанного дизайна (UX-анализ конкурентов, построение гипотез, проведения опросов) Узнаете про все юридические аспекты: как обезопасить себя на фрилансе, нужен ли договор, про самозанятость и т.д. Купить обучение www.rigayaya.ru/study
@goanime3700
@goanime3700 4 месяца назад
я захожу на ютуб ,чтобы смотреть на тебя .Ты реально красотка 5+ и это не комплимент ,а лишь факты .
@rigayaya
@rigayaya 4 месяца назад
спасибо) @@goanime3700
@goanime3700
@goanime3700 4 месяца назад
@@rigayaya от тебя именно хочу детей ,хотя мы не знакомы 😎😎
@Грядётвосточныйветер
@Грядётвосточныйветер 11 месяцев назад
Это очень круто, ты такая молодец!
@rigayaya
@rigayaya 11 месяцев назад
Спасибо!)
@ЮлияД-т4с
@ЮлияД-т4с 11 месяцев назад
Татьяна, это очень круто! Спасибо ❤
@rigayaya
@rigayaya 11 месяцев назад
класс! рада помочь ))
@aleksandrrein8379
@aleksandrrein8379 Месяц назад
Вот это круто!
@АндрейСинчак-э8к
@АндрейСинчак-э8к 11 месяцев назад
Татьяна, ты действительно крута. Все разложила по полочкам и объяснила создание проекта от и до. Класс!
@rigayaya
@rigayaya 11 месяцев назад
Очень рада, что стало понятнее! 🤩
@0nlyway
@0nlyway 11 месяцев назад
Какая же колоссальная работа проделана! Таня, если не секрет, сколько примерно времени в день ты уделяла данному проекту? И в целом, на сколько недель затянулось создание дизайна от начала до конца?) Буду благодарна за ответ)
@rigayaya
@rigayaya 11 месяцев назад
Спасибо!) уже точно не помню, но месяца 3 думаю. Всего на проект ушло 100 часов
@0nlyway
@0nlyway 11 месяцев назад
@@rigayaya спасибо за ответ) получается, параллельно с этим проектом ты выполняла и другие?)
@rigayaya
@rigayaya 11 месяцев назад
@@0nlyway конечно, всегда так делаю
@winusha
@winusha 11 месяцев назад
Спасибо, Тань, очень информативно!
@rigayaya
@rigayaya 11 месяцев назад
Рада помочь 🤩
@tweezy429
@tweezy429 11 месяцев назад
Классная аккуратная работа! Молодец!
@rigayaya
@rigayaya 11 месяцев назад
Спасибо)
@ТатьянаФедорович-ы9ж
@ТатьянаФедорович-ы9ж 11 месяцев назад
Ты большая умница 🥰😍 очень красиво
@rigayaya
@rigayaya 11 месяцев назад
Спасибо ☺️
@SweetBabyMEOW
@SweetBabyMEOW 2 месяца назад
Таня, ты такая умничка! 😍 Я ещё новичок в веб-дизайне, и для меня эта работа кажется такой маштабной и пугающей! Просто вау! Как ты научилась этому сама?
@rigayaya
@rigayaya 2 месяца назад
Спасибо!) научилась методом проб и ошибок. Скажу честно, этот проект я уже считаю сильно слабым, внедрила в свою работу уже много новых методик. Надеюсь, скоро запишу ролик по новому проекту, покажу вам 🤤
@SweetBabyMEOW
@SweetBabyMEOW 2 месяца назад
@@rigayaya Вау! 😍 Буду с нетерпением ждать уведомления!
@alexander_stark
@alexander_stark 11 месяцев назад
отличная работа. Единственное, что можно было изменить, так это цвета, размеры и базовую инфоримацию завести в переменные. И + клиенту в 1 клик сделать темную тему...
@rigayaya
@rigayaya 10 месяцев назад
спасибо) не было запроса делать тёмную тему. работа с токенами это не раз-два нажать, это часы работы, которые должны оплачиваться
@Disa_96
@Disa_96 11 месяцев назад
Я в@хуе от такой работы👀 Хочу также!
@di_hay
@di_hay 11 месяцев назад
Спасибо за видео! Очень интересно и полезно))
@rigayaya
@rigayaya 11 месяцев назад
Пожалуйста 🔥
@WoTUSA
@WoTUSA 11 месяцев назад
Молодец! Хороший разбор! Я обычно вместо лоадинг называю эти болванки скелетон. Но в целом очень аккуратно и виден прям неплохой объем работы! Даже стало интересно сколько ты взяла за такой заказ...
@rigayaya
@rigayaya 11 месяцев назад
Спасибо!) Как я и сказала в видео, изначально оценила объём работы неверно и в результате взяла всего 44 тысячи
@WoTUSA
@WoTUSA 11 месяцев назад
@@rigayaya ну ничего! Зато экспириенс, отличный кейс в портфель и довольный клиент;)
@rigayaya
@rigayaya 11 месяцев назад
@@WoTUSA это правда :) темболее правок от клиента почти не было, что не может не поднять самооценку 😂
@WoTUSA
@WoTUSA 11 месяцев назад
@@rigayaya согласен) тут сложно поспорить... Хотя случаи бывают разные. Иногда клиент жаден на фидбэк, иногда у него не достаточно времени, иногда он не знает как будет лучше и впервые имеет дело с разработкой сайтов - поэтому стесняется или боится что то сказать, чтобы не показаться незнающим.... Эх Тань, порой как раз фидбэка или правки от клиента очень хочется дождаться, чтобы не казалось, что ему всё равно и твоя душа была спокойна)) успехов ;)
@rigayaya
@rigayaya 11 месяцев назад
@@WoTUSA клиентом был разраб ) спасибо! И тебе успехов ☘️
@Phoenix_coding
@Phoenix_coding 11 месяцев назад
Самая крутая в дизайне)
@rigayaya
@rigayaya 11 месяцев назад
спасибо!!)
@ДмитрийЖелезов-н9и
@ДмитрийЖелезов-н9и 10 месяцев назад
Глобально! Но диапазонов под разрешения экранов маловато.
@rigayaya
@rigayaya 10 месяцев назад
Ну, за сколько заплатили..)
@vickisska
@vickisska 11 месяцев назад
Интересное видео, спасибо! Подскажите, сколько по времени ( без учета времени на фотографии) , занимает дизайн такого сайта? В какие сроки эти этапы делаете? И Как много времени даете заказчику на согласование? Спасибо
@rigayaya
@rigayaya 10 месяцев назад
100ч ушло на проект. времени даю клиенту сколько нужно (в пределах разумного). но у меня все клиенты заинтересованы в результате поэтому с обраткой не затягивают
@Biene-30
@Biene-30 10 месяцев назад
100ч, за какой период времени, месяц, два?@@rigayaya
@rigayaya
@rigayaya 10 месяцев назад
@@Biene-30 я где-то ниже уже отвечала за какой период, не буду повторяться чтобы неправильно не ответить, потому что уже забыла. Можете полистать комменты, где-то есть эта ифна
@95muric
@95muric 9 месяцев назад
классный ролик. а это реальный проект был?если реальный то сколько страниц получилось тут?
@anqkzk
@anqkzk 10 месяцев назад
Очень классная работа! Ты не верстаешь сайты? Я хочу работать одна, нужно ли учиться верстать, или я могу сказать клиенту искать верстальщика для сделанного мной сайта?
@rigayaya
@rigayaya 10 месяцев назад
Только на Тильде верстаю
@aleksandrrein8379
@aleksandrrein8379 Месяц назад
Сколько времени ушло на сайт?
@pridari
@pridari 11 месяцев назад
Очень круто🎉🎉🎉
@rigayaya
@rigayaya 11 месяцев назад
Класс! Рада помочь )
@vlada7315
@vlada7315 7 месяцев назад
Здравствуйте, Татьяна! Где вы проходили обучение? Что можете посоветовать?
@rigayaya
@rigayaya 7 месяцев назад
здравствуйте. сама обучалась
@андрюха-ч6о
@андрюха-ч6о 7 месяцев назад
Привет, а равзе дизайнер не должен вместе с основной версией сделать заказчику адаптивные версии? Для телефона там и тд. Или этим верстальщик занимается, и дизайнеру парится не нужно?
@rigayaya
@rigayaya 7 месяцев назад
должен конечно. у меня в видео адаптив есть
@serialchiller5272
@serialchiller5272 2 месяца назад
UI Kit одно из самых не важных для верстальщика вещей. Если вы сделали его + в карму. Нормальный верстальщик и без него справиться. За плечами десятки сложнейших e-com проектов (с 20+ экранами корзины), и все они были сданы без UI Kit, реализованы отлично. Поэтому, уделяйте внимание лучше акцентам и отступам, а не о том, как сдать ваш проект
@rigayaya
@rigayaya 2 месяца назад
В небольших проектах по типу этого может и не сильно важен. Но что касается крупных сервисов, интерфейсов - сильно нужно. Это же прежде всего история про отступы, которые вы упомянули. Кит помогает забустить интерфрейсные элементы и сделать систему отступов по максимуму. Так что кит не только для разрабов нужен, но и для дизов, чтобы порядок был в голове и макете
@kseniabarsi2935
@kseniabarsi2935 11 месяцев назад
Танюша, а ui kit можно купить ?
@rigayaya
@rigayaya 11 месяцев назад
Можно купить наставничество, на котором вы научитесь всё это делать самостоятельно :)
@vell_young
@vell_young 10 месяцев назад
Ахахах, привет с курсов Яндекс практикум )))
@rigayaya
@rigayaya 10 месяцев назад
Привет)
@DesignerDays
@DesignerDays 10 месяцев назад
Как много времени ушло на каждый этап?
@rigayaya
@rigayaya 10 месяцев назад
На каждый не знаю. В сумме 100ч
@ДмитрийОрел-ш7ч
@ДмитрийОрел-ш7ч 10 месяцев назад
Таня когда мы на свидание пойдем?❤😊
@ИсламБахрамов-ъ5э
@ИсламБахрамов-ъ5э 11 месяцев назад
Спасиба за видо кстати у теба йест муж😶‍🌫️
@YA_NDERA
@YA_NDERA 11 месяцев назад
Вставай в очередь самец
@ИсламБахрамов-ъ5э
@ИсламБахрамов-ъ5э 11 месяцев назад
@@YA_NDERA хаха очерд не для меня
@ВасилийДорош-ж2ж
@ВасилийДорош-ж2ж 11 месяцев назад
можно стать дизайнером, чтобы не учить фотошоп .
@Patoka_v
@Patoka_v 7 месяцев назад
Плохим можно
@svarog8558
@svarog8558 4 месяца назад
А где вы учились? Может говорилось об этом, пропустил
@rigayaya
@rigayaya 4 месяца назад
Вы про курсы? Я не проходила курсы, самоучка
Далее
Become a UI/UX designer in 2024 - A step by step guide
12:22
5 UX/UI Portfolios You SHOULD Copy
15:02
Просмотров 68 тыс.