Фігматика

1️⃣ CLAYRA (behance кейс) [00:03:13]
від @maestetico

проблеми: «рвана» анімація, відсутність внутрішніх сторінок, таких як кошик чи сторінка продукту
рекомендації: використовувати MP4-формат для анімації замість GIF; записувати анімації в фігмі через програми для екранного запису по типу Loom, щоб зберігати якість


2️⃣ Citroën [00:12:51]
від @kkkaterinaaaaaaaaa

проблеми: не найкраще вирівнювання тексту і кнопок; різний розмір заголовків і відступів, відсутність консистентності
рекомендації: прибирати зайві відступи, які утворюють чорні полоски, притримуватися силових ліній та консистентності в типографіці


3️⃣ MINIMALIST GLAMPING [00:31:39]
від @sofaprusik

проблеми: погано підібрані шрифти, не достатня робота кольоровою палітрою, поганої якості фото, перший екран зависокий по-ширині
рекомендації: використовувати сучасні шрифти та кольори, чітше притримуватися стайлборду, додати більше інтерактивних елементів


4️⃣ PARTAKE [01:04:03]
від @vadym_sheva

проблеми: немає, класна робота!
рекомендації: зробити ще додатковий варіант, щоб в клієнта було з чого обирати


5️⃣ Daryna Nechiporenko [01:14:20]
від @annadiachennko

проблеми: недостатньо виразності, структура сайту не по АІDA
рекомендації: блок з портфоліо підняти вище, допрацювати контрасти по відступах та по розмірах, щоб краще підкреслити стиль, допрацювати КТА-блок



загальні поради після ревізії:

🔘завжди використовувати якісні зображення, що відповідають концепції сайту;
🔘робити перший екран максимально інформативним;
🔘притримуватися стайлборду;
🔘будувати структуру сайту по методиці AIDA;
🔘покращувати типографіку та акценти, щоб підвищити естетичність і зручність для користувача.

🗣 фігматика | 💭 чат🗣

1️⃣ Lithuania hq [00:03:03]
від @Lavv_design

проблеми: особливо немає, хіба стилізація заголовків могла бути цікавіша, більш брендова
рекомендації: використовувати текст з маленької літери, опираючись на стиль лого для створення сучаснішого стилю


2️⃣ UVITEN [00:12:25]
від @UrsulaBahlai

проблеми: немає чіткого відображення спеціалізації компанії на першому екрані (слабкий копірайт); занадто багато послуг без пріоритизації, відсутність стилю. сайт іт-компанії має транслювати експертність компанії через дизайн сайту
рекомендації: внести чітку спеціалізацію компанії через заголовки та візуал; оновити типографіку для сучасного вигляду; використовувати яскраві брендові елементи для створення унікальності


3️⃣ Японська смакота [00:29:15]
від @Natalia_davyskyba

проблеми: не вистачає системності у шрифтах та кольорах; навігація та компоненти не мають єдиного стилю
рекомендації: уніфікувати шрифти та кольорову палітру, уникати "десятинних" розмірів тексту; додати інтерактивні елементи


4️⃣ Sunstream Digital [00:56:03]
від @anastasiia_aksiuk

проблеми: не вистачає референсів, що ускладнює формування чіткої стилістики; немає акценту на брендових елементах, що зменшує впізнаваність
рекомендації: покращити структуру тексту, дотримуючись ієрархії шрифтів і відступів; використовувати стайлборди та референси; додати брендові елементи та працювати з кольоровою палітрою для консистентності


5️⃣ Smart Home (prototype) [01:14:20]
від @kmat11

проблеми: загалом немає, гарний, зрозмуілий прототип
рекомендації: надсилати мені дизайн також 🙂

загальні поради після ревізії:

🔘 створювати стайлборди перед початком роботи над проєктом
🔘 працювати з референсами для пошуку свіжих ідей і кращої організації дизайну
🔘 використовувати консистентну палітру шрифтів, кольорів і відступів
🔘 робити акцент на унікальних брендових елементах, що підкреслюють стиль компанії

🔔 Вмикайте сповіщення, починаємо через годину

посилання на стрім →

привіт, що робиш сьогодні о 16:00?)👋

замість розборів сайтів на youtube, хочемо зробити стрім-QA
повідповідаємо на питання, познайомимось ближче

плануєш долучитись?

1️⃣ Telescope [00:04:04]

проблеми: лише ієрархія кольорів, не акцентовані primary-кнопки
рекомендації: primary-кнопки мають мати унікальний акцентний колір, щоби не зливатися з іншими елементами сайту


2️⃣ Swiss Vests (trading) [00:26:44]

проблеми: шаблона композиція, погана робота з типографікою, відсутність консистентності та стокова графіка
рекомендації: використовувати референси для кожного блоку, зібрати собі стайлборд, не використовувати іконки взагалі, якщо не можеш знайти сучасні та підходящі по стилю


3️⃣ IILHI [00:55:00]

проблеми: майже немає
рекомендації: хіба активніше попрацювати з елементом «змійкою», та переробити композицію в одному блоці. а так – дуже сподобався сайт


4️⃣ educado [01:09:05]

проблеми: дуже простий та шаблоний редизайн вийшов
рекомендації: використовувати референси для кожного блоку, зібрати собі стайлборд, додати стилю, бо після редизайну він втратився


5️⃣ Happy Pet [01:21:45]

проблеми: дизайнер з досвідом 3 місяці, тому проблеми здебільшого базові (ієрархія, робота з графікою, баланс, системність)
рекомендації: не придумувати дизайн «з голови», а найближці місяці практикувати копіювання сайтів

загальні поради після ревізії:

🔘 зберігайте консистентність у типографіці та іконках для підвищення візуальної цілісності сайту
🔘 використовуйте акцентний колір для primary-кнопок
🔘 зменшуйте візуальний шум та залишайте тільки ті елементи, які додають цінності
🔘 не придумуйте дизайн «з голови». шукайте референси до кожного блоку, до елементів та створюйте стайлборд