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

С чего начинать работу в дизайне сайтов? Сколько страниц должно быть у интернет-магазина? Как делать личный кабинет для интернет-магазина? Как подготовить исходник макета для верстальщика? Как создать UI kit? Отвечаю на эти и много других вопросов в видео :)

Немного обо мне: Меня зовут Таня, в дизайне я с 14 лет, дизайном сайтов занимаюсь больше 4-х лет. Работаю на фрилансе, специализируюсь на проектах из разных ниш и разного объёма -- лендинги, интернет-магазины, дашборды, СРМ и т.д.

Таймкоды:
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

[rigayaya]

В феврале 2025 года стартует Наставничество от меня, где ты получишь комплекс знаний в UX/UI дизайне:

🍭Расширенные знания в Figma (компоненты, AL, прототипирование, анимации, токены)
🍭3 проекта в портфолио: коммерческий лендинг, креативный лендинг и курсовая работа по исследованиям
🍭Два проекта из трёх сможешь сверстать на Тильде прямо во время обучения под моим курированием
🍭Поделюсь своими эффективными способами привлечения и поиска клиентов
🍭Знания по предпроектному исследованию на фрилансе для создания осознанного дизайна (UX-анализ конкурентов, построение гипотез, проведения опросов)
🍭Узнаете про все юридические аспекты: как обезопасить себя на фрилансе, нужен ли договор, про самозанятость и т.д.
🍭 Получишь все необходимые навыки для трудоустройства в найм (исследование, как составлять резюме, как выполнять тестовые задания, где искать работу помимо Hh)

💎На потоке всего 30 мест 💎

[life]

Просто великолепно все сделано!!! СУПЕР!!!

[АндрейСинчак-эк]

Татьяна, ты действительно крута. Все разложила по полочкам и объяснила создание проекта от и до. Класс!

[SweetBabyMEOW]

Таня, ты такая умничка! 😍 Я ещё новичок в веб-дизайне, и для меня эта работа кажется такой маштабной и пугающей! Просто вау! Как ты научилась этому сама?

[nlyway]

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

[alexander_stark]

отличная работа. Единственное, что можно было изменить, так это цвета, размеры и базовую инфоримацию завести в переменные. И + клиенту в 1 клик сделать темную тему...

[WoTUSA]

Молодец! Хороший разбор! Я обычно вместо лоадинг называю эти болванки скелетон. Но в целом очень аккуратно и виден прям неплохой объем работы! Даже стало интересно сколько ты взяла за такой заказ...

[ДмитрийЖелезов-ни]

Глобально! Но диапазонов под разрешения экранов маловато.

[vlada]

Здравствуйте, Татьяна! Где вы проходили обучение? Что можете посоветовать?

[di_hay]

Спасибо за видео! Очень интересно и полезно))

[vickisska]

Интересное видео, спасибо!
Подскажите, сколько по времени ( без учета времени на фотографии), занимает дизайн такого сайта? В какие сроки эти этапы делаете? И Как много времени даете заказчику на согласование?
Спасибо

[андрюха-чо]

Привет, а равзе дизайнер не должен вместе с основной версией сделать заказчику адаптивные версии? Для телефона там и тд. Или этим верстальщик занимается, и дизайнеру парится не нужно?

[muric]

классный ролик. а это реальный проект был?если реальный то сколько страниц получилось тут?

[anqkzk]

Очень классная работа!

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

[DesignerDays]

Как много времени ушло на каждый этап?

[vell_young]

Ахахах, привет с курсов Яндекс практикум )))

[serialchiller]

UI Kit одно из самых не важных для верстальщика вещей. Если вы сделали его + в карму. Нормальный верстальщик и без него справиться. За плечами десятки сложнейших e-com проектов (с 20+ экранами корзины), и все они были сданы без UI Kit, реализованы отлично. Поэтому, уделяйте внимание лучше акцентам и отступам, а не о том, как сдать ваш проект

[ИсламБахрамов-ъэ]

Спасиба за видо кстати у теба йест муж😶‍🌫️

[ВасилийДорош-жж]

можно стать дизайнером, чтобы не учить фотошоп .

[svarog]

А где вы учились? Может говорилось об этом, пропустил