interfaces.prjctr

Teenage engineering поєднує акуратний магаз і підхід коли новий продукт отримує супер кльову унікальну промо сторінку. Остання версія це гігантський колаж в який вписані стилізовані функціональні елементи. В конверсії не впевнений, стилю аплодую 👏

Дуже атмосферне і геніальне у своїй простоті рішення від інтернет-магазину освітлення Де ще ви хотіли б бачити подібні прийоми?

Привіт, сподіваюсь маєте трошки трепла і світла 🥲 Вилажу з темряви і продовжую ділитись з вами цікавинками. Колись в минулому житті прийшовши в Хексагон я отримав можливість попрацювати над редизайном Фокстрота, і настільки закохався в дизайн інтернет-магазинів, що і досі без жодних вагань хапаюсь за будь які запропоновані проєкти, від самостійної збірки на wix чи shopify до вже кількарічної роботи команди над новим Goodwine, а також колекціоную симпатичні магази українських брендів на Рідному. Сьогоднішній день офіційно проголошуємо e-сommerce вівторком. Показую вам сьогодні найцікавіше, що бачив і щиро запрошую до обговорення і шеру ваших улюблених прикладів ❤️ Почнемо з дуже особисто мене надихаючого сайту датського бренду Rains. Класне поєднання актуальних прийомів, вау ефекту і гарного UX там де він дійсно потрібен. Теж бачили щось круте? Діліться 🤗

Поки ми повільно наближаємось до інтерфейсів підкину ще одне не очевидне джерело ідей. Якщо вам раптом наскучив mobbin, душа бажає нових вражень або просто хочеться чогось цікавого, то ласкаво просимо до світу геймінгу де інколи в інтерфейсах трапляються справжні перлини. Ділюся з вами кльовими елементами інтерфейсу хіта 2025го — Arc Raiders. Включно з найкращими іконками які я бачив в минулому році. Кльові шрифти, кольори, композиція, і дуже свіжий стильок, це те що ми можемо тут знайти. Питання до всіх: яка ваша улюблена іконка або сет? 🧐 Окреме питання до геймерів: кращий дизайн інтерфейсу в грі який ви бачили?

Дуже відгукнувся пост Арсена про автодизайн і паралелі з нашою з вами спеціальністю. Підкину ще нетривіальних джерел натхнення. Перше я несподівано знайшов у купі кросівок у шафі. Обожнюю спостерігати, як дизайнери міняють сутність силуету, зберігаючи форму і навіть колір оригіналу. В інтерфейсах це так само дуже кльова вправа і дієвий прийом — міняти чужі дизайни в межах встановлених обмежень, зберігаючи “фундамент” і одночасно створюючи нові рішення. Проілюструю думку добіркою Nike AF1 від різних дизайнерів.

Всім привіт! Дякую за інтро. Підхопити цей двіж після таких чудових і насичених тижнів від Стаса і Арсена вельми хвилююче 😱 Оскільки до інтро додати нічого перейдемо до справи І почнемо ми цей тиждень не з дизайну 🤭 Кілька років тому багато хто з нас перейшов на домашній офіс — і для мене шлях від ноутбука на обідньому столі до комфортного робочого місця став однією із найважливіших інвестицій у мій робочий процес. Працювати в надихаючому просторі виявилось значно приємніше. Ділюся з вами ресурсом де шукаю ідеї і натхнення в цьому питанні. Діліться в коментарях своїми робочими місцями або просто улюбленими гаджетами без яких не уявляєте свій робочий день. https://www.makerstations.io

Спільното, привіт! По-перше, бажаємо вам тепла, ви зрозуміли. По-друге, продовжуємо наш експеримент. Цього тижня ключі від канала отримує Андрій Курочкін — наш давній куратор і ментор, який з Проджем вже під десяток років (а це, як не крути, чимало). - Андрій один з найпопулярніших менторів платформи — провів вже 178 багодійних сесій, що допомогло зібрати донати на 225 591 грн на ССО. - Курував і проводив наші перші програми по веб-дизайну, які нині еволюціонували у єдиний 5-місячний курс UI/UX Beginning — найкраща база для тих, хто переходить у дизайн інтерфейсів. І вже багато років Андрій — арт-директор агенції Hexagon, що запускає якісні і красиві сайти і застосунки. Плануємо присвятити тиждень — красі, естетичним інтерфейсам, джерелам натхнення та кругозору, кар'єрі і портфоліо. Очікуємо на класний тиждень. Андрій, тобі слово ✨

Підписуйтесь на Арсена за посиланнями вище. А ще беріть його благодійні менторські сесії — 100% за донат на Сили Спеціальних Операцій — це і корисно і... корисно. — У Проджі можна розвиватись у різних форматах, а ось набори на інтерфейсні курси січня: - UI/UX Beginning — база для тих, хто тільки починає (старт сьогодні); - AI for Product Designers — якщо зацікавив контент тижня про вайбкодинг в дизайні (старт 20 січня); - AI for Product Creation — топовий курс для дизайнерів, менеджерів, маркетологів, які хочуть автоматизовувати свої процеси (старт 27 січня); - Product Design — база для тих, хто розвивається в продуктах, або хоче у них перейти (Арсен один з кураторів, а 22 січня стартує група Яна Гладченко); - Mobile Apps Design — основи дизайну мобільних додатків, ідеально для тих, хто щось вміє у вебі (старт 26 січня); - Design Management — вже легендарний курс про управління дизайн-командами (старт 26 січня); - UX Design Advanced — просунута програма з проєктування досвіду користувачів (старт 27 січня). Спілкуйтесь, навчайтесь, розвивайтесь у кар'єрі і створюйте топові продукти для України і світу. 😘

Арсен, дякуємо! Твій тиждень — топ ✨ - Projector

От мій гостьовий тиждень і закінчився, дякую що читали ❤️ Не губимось, якщо маєте якісь питання або просто хочете познайомитись, пишіть! - Арсен Телеграм • LinkedIn

Ну а під кінець моєї каденції – конкурс 🏆. Завдання: відтворити цю картку у Figma настільки близько, наскільки це можливо. Картка повинна бути повністю векторною та не містити в собі растрових елементів. Оберу 3 переможців: • за найкраще відтворення: річний сертифікат у Projector Library • за відтворення з найменшою кількість шарів: менторська сесія зі мною на будь-яку тему • за найкреативніший підхід: доступ до мінікурсу Тепер Гарно про оформлення портфоліо Для участі надсилайте скріншот вашої роботи в коментарі. Переможців оберу завтра, 11.01, в 21:00 🤞

RandomA11y. Сайт, який випадково генерує 2 кольори (для фону та тексту/інших елементів) з умовою що ці кольори проходять перевірку на достатній контраст. 👉 randoma11y.com

Ще одна фішка Figma, чи то скоріше фішка Open Type шрифтів: альтернативні символи. На відео показую де це можна ввімкнути. Зверніть увагу, що не всі шрифти підтримують це. Можна використовувати на маркетингових сторінках для більш експресивної типографії.

Агенція DIA, яка зробила багато класних штук, релізнули для всіх свої внутрішні інструменти, за допомогою яких можна робити смачні візуальні композиції. За посиланням доступні 5 інструментів, всі для роботи з текстом та легко конфігуруються. 🔗 tools.dia.tv

Здивований що ще не всі знають, тому ділюсь. Якщо вам відправили посилання на файл у фігмі і ви хочете відкрити його в застосунку а не в браузері, то це можна зробити скопіювавши посилання та натиснувши File → Open File URL From Clipboard

🫅 Для чілової п'ятниці – чіловий день ресурсів. Буду сьогодні ділитись різними посиланнями, тому готуйте ваші збережні повідомлення. В першу чергу тримайте колекції безкоштовних шрифтів, які можна використовувати в будь-яких проєктах, в тому числі комерційних. uncut.wtf • fontshare.com

якщо в тебе є молоток, то все навколо стає цвяхами Слайд з нещодавнього виступу, де я розказував як дизайнерам будувати свої продукти. Дуже хочеться, щоб ви не забували, що не для всього треба використовувати АІ. Я впевнений, що багато з нас швидше складуть лендинг на фреймері аніж в курсорі. Замість того, щоб боротись з API можна використати n8n чи Zapier і зв'язати 2 продукти в декілька кліків та ще й надійно. Комбінуйте різні інструменти.

Здається є багато матеріалів та статей з гайдами та туторіалами про вайбкодинг але не так багато практичних кейсів. Тому я записав процес додавання функціоналу Undo/Redo в свій MacOS застосунок від першого промпту до робочої (?) версії. Це не туторіал чи гайд, це просто експеримент з можливістю заглянути в мій процес. В відео я: • коротко розказую про проблематику • показую свій сетап • обговорюю підхід до задачі • тестую 🔗 https://youtu.be/ZVeUvNxMxj0

‘Great idea! I went ahead and added filtering as well to streamline the UX.’

Під час створення продуктів або прототипів АІ часто хоче додати щось від себе. Якщо задача не чітко визначена то зазвичай ти отримаєш більше, ніж просиш. Якщо просиш список товарів то до нього додадуться фільтри. Якщо просиш просту таблицю то в ній з'явиться сортування та теги. На перший погляд може здадись що це круто – "фільтри і дійсно тут не завадять". Та з мого досвіду це насправді пастка, в яку не варто попадатись. Чим більше таких пропозицій та ініціативи від АІ, тим більший масштаб проєкту та розмір коду, що ускладнює роботу з ним в майбутньому. Визначся з тим, що тобі дійсно зараз потрібно і не додавай нового по дорозі.