Ecommerce App UI Kit by Hamza Naeem

Готовый UI Kit из почти 50 полностью редактируемых экранов приложения на тему E-Com. 💻Скачать UI Kit💻 #uikit

• Более 20 экранов • Разработан с учетом промышленного стандарта дизайна #app #uik #crypto Открыть в Figma

Мне нравятся эти эксперименты, когда я даю ему разные типы рандомной информации обо мне и он выдает анализ — что это говорит обо мне, моей личности и моем состоянии. Думаю, это новая астрология 🤌🏻 Рассказываю. Открываете с компа свой Pinterest. Делаете скрин 1-2 экранов. Загружаете в GPT и даёте такой промт: Это моя лента на Пинтерест. Проанализируй как психолог, который работает с визуальными образами и использует графику для диагностирования. Обрати внимание на повторяющиеся паттерны, детали и дай оценку моего текущего состояния. Я прочитала самое точное описание своего кризиса и его причин. Несмотря на то, что пользуюсь Pinterest для рабочих задач. Это, конечно, далеко не замена работы с терапевтом. Собственно, поэтому и назвала это гаданием. Попробуйте и отпишитесь потом. Интересно как у вас сложится )

Сюжет книги Райс разворачивается в Италии XVIII века и рассказывает об аристократе Тонио и крестьянине Гвидо. Их пути пересекаются благодаря любви обоих к музыке, и Гвидо становится наставником Тонио. Вместе они отправляются в путешествие по Италии, где сталкиваются с темной стороной общества, в котором живут. Производство фильма стартует в январе 2026 года; актерский состав пока не утвержден. 🔹The Blueprint News

Перевод статьи Михала Малевича с советами по проектированию главного экрана лендинга. Его рекомендации основаны на 500 часах записей сессий в Hotjar и анализе более чем 400 реальных сайтов. В статье он даёт базовую чёткую структуру для оформления экрана и приёмы для привлечения внимания. Основные мысли и советы: • Главный экран лендинга — это то, что на 90% должно убедить пользователя совершить целевое действие • Важно избегать ИИ‑абстракций и пустых пафосных заголовков. Это создаёт красивую, но бессмысленную витрину • Начинать дизайн лучше с вайрфрейма без детализации, но с упором на проработку текста • Подумайте, почему ваше сообщение должно заинтересовать клиента. Затем создайте три-пять вайрфрейм-версий и протестируйте их • Формулировки должны соответствовать конкретной отрасли. ‍Главное — сделать сообщение понятным для целевой аудитории • Визуальные образы должны подкреплять и усиливать сообщение • Изображение людей повышает эмоциональную связь в 99% случаев. Важно, чтобы изображения были уникальными и максимально соответствовали стилю бренда • Пользователи интуитивно смотрят туда же, куда и человек на фото. Это можно использовать, чтобы сделать акцент. Например, на CTA-кнопке • Пять основных элементов главного экрана: фраза перед заголовком (кикер), основной заголовок, краткое описание, CTA-кнопка и изображение для эмоциональной связи #статья

Файл Figma включает в себя три экрана: один для обобщения информации, другой для контроля температуры и третий для отображения данных о потреблении энергии. #App ОТКРЫТЬ

Наткнулся на 21st — открытую площадку, где разработчики публикуют готовые React-компоненты и целые экраны. Это что-то вроде Figma Community, только для кода. На платформе много решений, собранных с реальных маркетинговых страниц популярных SaaS-сервисов. Например, на обложке — блок с главной страницы Linear. Помимо вдохновения: если ваша команда работает с React и придерживается подхода shadcn/ui, можно просто отправить ссылку на компонент — разработчики возьмут код и адаптируют его под ваш дизайн. Единственное: сейчас платформу обновляют — похоже, на её базе делают отдельный продукт. Поэтому возможны баги, а в навигации пока легко потеряться. Вам на страницу Community в раздел Components. 📎 Ссылка на площадку

в 2025 году, который будет приносить заявки? 💻 За моими плечами 1400+ полученных заявок с моих сайтов за крайний год. Делюсь актуальной и рабочей методикой: На берегу проекта важно четко понять, каких изменений в бизнесе хочет клиент от сайта? Новые заявки, продажи или просто визитка? В 90% случае нужны заявки и продажи ШАГ 1. БРИФИНГ 📹 Это фундамент. Созваниваюсь с клиентом 1.5-2ч, чтобы узнать о его бизнесе: откапываю сильные стороны и узнаю, кто целевая аудитория через призму опыта клиента + cобираю материалы для сайта: текст-описание, фотографии, видео и контакты ✍️ Готовый бриф из 62 вопросов для создания сайта [Скачать] ШАГ 2. АНАЛИЗ ЦА 🔍 После ответов клиента я отправляюсь в самостоятельное плавание: изучаю форумы и реальные отзывы в этой нише, чтобы понять, как мыслят эти люди. Далее через нейронку @dumebot сравниваю свой анализ с анализом робота 🤖 P.S. Писать тексты только через gpt — моветон. Не делайте так, хйу на лбу вырастет ШАГ 3. ЧЕКАЮ САЙТОВ КОНКУРЕНТОВ 💻 Не изобретаю велосипед и беру то, что уже работает. Изучаю, какие есть в этой нише сайты и пизжу идеи интересных блоков или текстов для ЦА ШАГ 4. СОЗДАНИЕ ЧЕРНО-БЕЛОГО ПРОТОТИПА 📝 Иду от общего к частному: 1. Накидываю очередность блоков по важности 2. Пишу для них заголовки, чтобы только по ним можно было понять суть лендинга и оставить заявку: 🚫 Наши преимущества ✅ Используем надежные ткани от 80 тысяч циклов. Защита от стирания, царапин и легкая чистка 3. Наполняю первый экран самыми жирными текстами 4. Делаю текстовое наполнение для других блоков 5. Презентую клиенту готовый прототип и утверждаю [Формула из 9 блоков продающего лендинга] ШАГ 5. ДИЗАЙН САЙТА 🎨 Скидываю клиенту референсы на утверждение. Выбираем 2-3 хороших варианта по цветам, стилистике, композиции и в этом направлении создаю дизайн. Презентую также дизайн в формате видео и утверждаю ШАГ 6. ВЕРСТКА НА TILDA ⚙️ - Подключение шрифтов - Детальная даптация под телефон - Подключение домена в reg.ru - SEO и соединение https:// - Оптимизация скорости загрузки - Добавление фавикона ШАГ 7. ПРИВЯЗКА МЕТРИК 🎯 Чтобы потом улучшать сайт, если конверсия будет слабая и это нормально. Можно отслеживать тепловую карту скроллинга, карту клиентов и откуда заходят люди - Настраиваю Яндекс метрику - Добавляю сайт в поисковики Гугла/Яндекс - Подключаю уведомления о заявках - Маркирую формы, чтобы понимать откуда заявки - Сдаю клиенту готовый сайт ⤵️ Ниче сложного. Можно создать за 7-10 дней и давать реальную пользу клиенту. Ну а сама конверсия завит от продукта клиента, наличия отзывов, сезона и входящей рекламы 🔥❤️ — накиньте реакций за пользу, коллеги

Саша рассказала о своём пути от графического дизайнера до продуктового, работая над ERP-платформой. Будучи единственным дизайнером на проекте без опыта работы с большими продуктами, она столкнулась с хаосом из сотен экранов без консистентности и структуры. Главной проблемой стало отсутствие базовых инструментов: переменных, системы отступов, методологии. Она самостоятельно освоила современные возможности Figma через YouTube-ролики и эксперименты, создав Systematic Color Workflow с 400+ токенами. Правда, позже поняла, что можно было ограничиться только реально используемыми стилями и не усложнять работу фронтенда. Внутри: – Как создать Color Mixer для формирования консистентной палитры; – Почему текстовый компонент может перегружать макеты при сотнях экранов; – Зачем сразу определять правила отступов и брейкпоинты; – Как Variants, Boolean и Auto Layout ускоряют работу; – Почему пришлось аргументировать переход на платную версию Figma; – Какие ошибки можно было избежать с опытным ментором. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Узнайте, как 180 экранов, 120+ компонентов и три ключевые роли пользователей обеспечивают эффективное взаимодействие на веб-платформе для покупателей, дилеров и банков Читать на дизайнерс | #кейс

• 10 вариантов мобильного приложения премиум-класса для входа в систему. • 10 вариантов мобильного приложения премиум-класса для регистрации. • Размер экрана 375 x 812. • Полностью автоматическая верстка. • Использован шрифт Google. #uik #app #mobile #login #register Открыть в Figma

Помните, когда иконка календаря выглядела как бумажный отрывной блок, а кнопки — будто их можно физически нажать пальцем? Сегодня от такого прямолинейного реализма можно разве что поностальгировать — примерно как от звука диалап модема. Но в начале 2000-х люди только осваивали интерфейсы и не всегда понимали, что перед ними на экране. И чтобы объяснить новое через знакомое, дизайнеры использовали скевоморфизм — визуальные метафоры из реального мира: 🔵 адресная книга выглядела как настоящая, 🔵 калькулятор копировал физический, 🔵 а диктофон напоминал кассетный плеер. Такие приёмы помогали миллионам людей скорее освоиться в новом пространстве: видишь привычный объект — и сразу знаешь, как с ним обращаться. Со временем скевоморфизм ушёл: цифровая культура повзрослела, интерфейсы стали чище и абстрактнее. Но именно он сыграл ключевую роль в массовом онбординге: сделал технологии доступными и понятными. В aic мы любим вспоминать эту эпоху: она напоминает, что хороший интерфейс — это всегда мост между офлайном и онлайном.

Структура и сторителлинг — ключевые составляющие презентации, которая помогает добиться цели 🎯 🧐 Почему? Выстраивая структуру и сторителлинг слайдов, ты: • цепляешь внимание с первого экрана и удерживаешь его до конца; • исключаешь до 80% типичных ошибок, которые допускают другие; • продаешь любым слайдом что угодно и кому угодно; • вдохновляешь аудиторию, как Николай Пере или Стив Джобс Поэтому, если ты руководитель, дизайнер, специалист или предприниматель, приходи на наш бесплатный вебинар 21 октября в 19:00 Для регистрации нажимай кнопку ниже [ХОЧУ НА ВЕБИНАР]

Вот что мы подготовили на этой неделе: • Цитаты из книги Коул Нассбаумер Нафлик «Данные: визуализируй, расскажи, используй» • Математические алгоритмы для симуляций органических структур • Как Liquid Glass ухудшает читаемость и предсказуемость интерфейса • Под какими предлогами компании отказываются от проведения исследований и чем крыть • Как разработать главный экран лендинга с высокой конверсией • Как использовать функции OpenType в шрифтах • Метод 10/10/10 для контроля эмоциональных решений • Как журналисты сводят обсуждение ИИ к крайностям и кому это выгодно • Формула идеального промпта для Sora 2 от OpenAI • Обзор нового человекоподобного робота Figure 03 • Бесплатный курс по организации и ведению дизайн-системы • Эффектный проморолик наушников

Вот что мы подготовили на этой неделе: • Цитаты из книги Коул Нассбаумер Нафлик «Данные: визуализируй, расскажи, используй» • Математические алгоритмы для симуляций органических структур • Как Liquid Glass ухудшает читаемость и предсказуемость интерфейса • Под какими предлогами компании отказываются от проведения исследований и чем крыть • Как разработать главный экран лендинга с высокой конверсией • Как использовать функции OpenType в шрифтах • Метод 10/10/10 для контроля эмоциональных решений • Как журналисты сводят обсуждение ИИ к крайностям и кому это выгодно • Формула идеального промпта для Sora 2 от OpenAI • Обзор нового человекоподобного робота Figure 03 • Бесплатный курс по организации и ведению дизайн-системы • Эффектный проморолик наушников

Зачастую мне приходится прибегать к помощи нейросети для написания скриптов (сама я знаю JS не на столько хорошо, чтобы писать скрипты с нуля самостоятельно). Недавно я писала модификацию для калькулятора на Тильде с помощью чата GTP. Когда я ставила ему задачу, я набила несколько шишек, из-за которых код получался не совсем подходящим. В этом посте я собрала для вас несколько советов по составлению более корректного запроса к ChatGTP на написание скриптов для Тильды: ⭐️ Обязательно начинайте запрос с фразы "Напиши скрипт на чистом JS", чтобы в коде не использовалась библиотека jQuery, это слегка ускорит загрузку вашего сайта ⭐️ Для того, чтобы код применялся к конкретному элементу, заранее найдите его уникальный класс в разметке Тильды и добавьте к запросу фразу "элемент с селектором .calc_form .t-input" (даже для запроса все равно придется немного разобраться с html 🥲) ⭐️ Тщательно и по шагам опишите логику работы кода (не забываем про классы и селекторы). Например: "Элемент с классом .название_класса должен появляться из полной прозрачности за 0,5 секунд при клике на кнопку с селектором .ID_блока .класс_кнопки" ⭐️ Если вы пишите скрипт к элементу зеро блока, магазина или любого другого объекта, загружающегося на Тильде с задержкой, то в конце запроса добавьте фразу: "Скрипт также должен предусматривать случай, если нужный элемент появляется с задержкой, поэтому пусть скрипт отслеживает появление элемента в DOM структуре с использованием MutationObserver." Дополнительные рекомендации: ⭐️ Можно сделать приписку в запросе, что сайт собран на Тильде, это поможет ChatGTP учесть ее некоторые особенности и, возможно, предложить какие-то улучшения кода ⭐️ Если вы пишите несколько скриптов для одной страницы и составляете запросы в разных диалогах ChatGTP, то надо учесть имена глобальных переменных в коде. Они ни в коем случае не должны повторяться! Глобальные переменные обозначаются с помощью слов var, let или const перед ними. Например: let value = this.value.replace(/[^\d ]/g, '').slice(0, MAX_LENGTH); здесь value — это имя глобальной переменной, и такое имя ChatGTP может использовать в своих кодах очень часто. Поэтому не допускайте повторов в именах переменных при нескольких запросах к чату GTP: "Не используй в качестве имени глобальной переменной value, оно уже занято". ⭐️ Если вам нужно, чтобы код работал только на определенном разрешении экрана, то также напишите об этом в запросе, чат GTP добавит в код медиа-запрос (отключение видимости блока с кодом в настройках Тильды не сработает). Например: "Код должен работать только на экранах размером от 960px и более" ⭐️ Если хотите отладить код и посмотреть в консоле его работу «на лету», добавьте в запрос фразу: "Добавь к коду консольное логирование". Пример полного запроса к ChatGTP: Напиши скрипт на чистом JS для сайта на Тильде, который будет выполнять следующее: - код должен запрещать вводить в инпут с селектором .calc_form .t-input любые знаки кроме цифр и пробела - также код должен ограничить максимальную длину вводимого текста в этот инпут до 7 знаков - скрипт должен предусматривать случай, если таких полей несколько на странице Не используй в качестве имени глобальной переменной input, оно уже занято. Скрипт также должен предусматривать случай, если нужный элемент появляется с задержкой, поэтому пусть скрипт отслеживает появление элемента в DOM структуре с использованием MutationObserver. 🌸 Поделитесь и вы своим опытом в составлении запросов чату GTP в комментариях. Есть ли у вас свои фишки и приемы в общении с ним? Также можете прислать примеры своих сработавших некорректно запросов, я попробую их улучшить для вас 😊 #тильда #нейросети #модификации

Где бы взять волшебную палочку, чтобы проекты не только доделывались, но и начинали работать? Возможно, именно об этом тайно мечтают все проджекты, арт-директоры и бренд-дизайнеры, когда проект уже почти собран, но всё ещё «не летает». Подмигните нам, если это правда ⚡️ Вместо палочки наш шрифтовой дизайнер Виталий Кузьмин предлагает использовать… напильник! Как именно его использовать в дизайне и провести финальную шлифовку проекта Виталик расскажет 18 октября на удалёнке от Мультибрендинга. Приходите послушать! Виталий — шрифтовой и графический дизайнер, леттерер и график, автор PT Root, PT Root UI, Sober Sans, соавтор Golos UI и Golos Text. Работал над шрифтами для Dodo Pizza, ВТБ и Сбера (проекты получили Red Dot, ED Awards, GRANSHAN). Лирическое отступление: когда делаешь шрифты, привыкаешь к режиму марафона. Нельзя с наскока или за спринт собрать шрифт с человеческим кернингом, который будет адекватно отображаться на экране и работать, например, в условиях плохой видимости. Поэтому шрифтовые дизайнеры очень хорошо знают, что такое долгие и сложные проекты 🐶

Этот бесплатный UI K предоставляет все основные элементы для разработки фитнес-приложений, включая экраны, навигацию, кнопки и стили. Инструмент идеально подойдёт для дизайнеров, ищущих удобный и современный старт для мобильного UI-дизайна. #UIk ОТКРЫТЬ Источник

Как осень влияет на дизайн? Конечно, в наших с вами широтах погода меняется и вид из окна становится туманным и серым, а прогулки сырыми и ветренными. Осень навевает меланхолию. При этом работается хорошо. Снаружи дожди и ветер, а перед экраном компьютера всё под твоим контролем. Осенью нас естественно тянет на учебу. Отгуляв летом отпуск за который в голову пришли идеи о развитии и изменениях и появилось желание изучить новое, расширить свой инструментарий. Осенью хочется создавать удобное и комфортное, а потому что внешняя среда всё больше неудобна своими серыми буднями и холодком при красоте желтеющей листвы. Компенсация неприятных моментов слякоти и одежды не по погоде в попытках интутивно проектировать более удобное и продуманное. Хочется делать стили с обязательным желтым на сером, ведь листва на асфальте это так красиво и естественно. Осень в дизайне это рисовать мокрый асфальт, отражение красных фар в лужах. Фотографировать, записывать голосовые о том, что надо внести в проект сидя в кафе с чашкой чая. Осенью хочется больше работать удаленно. Удаленно от осени, но она так хороша эстетически, так самостоятельна как стиль. Теплые цвета листвы на холодном фоне неба. Осень ты думаешь не о карьере, зарплате, портфолио, а о смысле дизайна в твоей жизни. Смысле счастья, когда из десятка гипотез и прототипов у тебя нашелся один и он крутой. Как солнечный день осенью в череде дождливых. День в который ты чувствуешь, что именно это и есть настоящее — делать, думать, творить не смотря ни на что. Закутаться в шарф и выходить в осень, идти вынимая наушники из ушей, чтобы слушать дождь. Чтобы позже снова выравнивать блоки по сетке, создавая в пространстве гармонию, которой так много в осеннем мире образов и звуков. Любите дизайн.

Ссылочка на UI Kit — Travel & Tour Booking Website #UIKit #полезное