AffArts — дизайн-центричное агентство
596 subscribers
878 photos
95 videos
3 files
128 links
Создаем и поддерживаем цифровые проекты для стартапов, компаний и SEO-команд с фокусом на UX. Можем в сложные интерфейсы и креативные концепции.

Сайт https://affarts.ru

Обсудить проект @ifrolovskiy

Канал CEO https://t.me/igor_affarts
Download Telegram
Начнем рассказывать про тех, кто трудится в AffArts 😎

Это такие люди, у которых страсть к дизайну с рождения. Крутыши, как мы их называем.
Первый человек, про кого мы расскажем – это Даша. Даша просит называть ее иллюстратором и не любит, когда говорят, что она граф. диз. А еще Даша рисует мега-крутые иллюстрации для нашего сайта и для блога https://affarts.ru/blog/. Вообще у нее прикольный путь до иллюстратора и рабочие привычки🤪 Об остальном можно почитать в карточках, в которых Даша рассказала про себя 😍
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥11😍42🔥2🤩2👍1
📖 Держите норм плагинов для Figma

У нас так много накопилось полезного, что мы решили делиться этим, нам не жалко❤️

Nisa Text
Помогает разделить текст на отдельные строки, и упаковать каждую строку в отдельный фрейм или Auto Layout.

PixCut Background Remover
Плагин для удаления фона. Используем чтобы быстро прикинуть, подходит ли изображение к проекту.

Insert Big Image
Позволяет добавить в Figma картинку больше 4096 пикселей. В нашей базе знаний это обязательный плагин при сборе референсов.

Batch Styler
Помогает за секунду пакетно изменить параметры у текстовых или цветовых стилей. Также переименовывает, сортирует и удаляет стили.

Style Organizer
Наводит базовый порядок в цветовых и текстовых стилях. Анализирует страницу и показывает элементы без привязок. Есть Auto Fix.
🟣🟣🟣🟣🟣
А чем пользуетесь вы? Накидайте в комментарии, может что-то классное заберём себе 🙂
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
10👍5🔥4🤓1
Forwarded from Игорь | Молодой CEO в AffArts (IGOR FROLOVSKIY)
🌺 Новое голландское: дизайн для интернет-магазина растений Inakono

Что это?
E-com оранжерея с продажей растений по подписке. На сайте – форма заказа разнообразной зелени домой или в офис, информация об уходе, описания и красивые картинки.

Что сделали?
Анализ конкурентов в нише. Проектирование. Дизайн десктопной и мобильной версий сайта.
Из основных требований заказчика – минималистичный дизайн, ощущение премиальности, светлая цветовая гамма.

Что особенного?
*️⃣Провели конкурентный анализ, сделали подборку визуальных референсов и презентовали мудборд клиенту;

*️⃣Подготовили главную страницу: выбрали цвет фона, сделали варианты отдельных элементов, определились с шрифтом, утвердили с заказчиком и перешли к следующим разделам;

*️⃣Дизайн получился строгим и минималистичным, в соответствии с пожеланиями клиента. Тем не менее, работа объемная – подготовили 16 разделов, в каждом разделе много экранов: гайд по уходу, карточку растения, профиль пользователя, страницу счета на оплату и так далее. К каждому разделу сделали по адаптиву, проработали разные состояния для экранов с несколькими шагами – например, добавление в корзину и чекаут;

*️⃣Сделали мобильную версию сайта, согласовали всю работу с первого раза и продолжаем сотрудничество.

🍀 Посмотреть кейс на Dprofile
🍀 Посмотреть кейс на Dprofile
🍀 Посмотреть кейс на Dprofile
Please open Telegram to view this post
VIEW IN TELEGRAM
🤩9🔥5👏2😍1
Держите норм сервисов для работы с цветом

Мы ими пользуемся каждый день, на каждом проекте. И вам советуем.

01 Adobe Color Wheel
Отличный и удобный инструмент для настройки цветовых гармоний по базовому цвету: аналоговых, триадических, комплементарных и др.

02 Coolors
Если нужно быстро подобрать цвет или сгенерить базовую палитру, этот сервис по-прежнему хорош. Простой и удобный. Кстати, в версии PRO много реально полезных инструментов.

03 Lch and Lab colour and gradient picker
Если нужно избавиться от грязных переходов в градиентах. Сервис генерирует чистые градиенты через LAB и LCh. Есть плагин для Figma — Chromatic Figma.

04 Accessible Palette
Генерирует палетки по цветам с учетом WCAG, а не простой градацией. Помогает решить проблему контрастности.

05 PALX
Простой инструмент для генерации палитры полного спектра по одному цвету. Если нужна расширенная палитра, а у бренда уже есть основной цвет, который менять нельзя — самое то.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥143👍2🤩1
💎 Принесли вам сокровище

Нас так часто спрашивают: «где взять вдохновение, где скачать классные шрифты для проекта, как подобрать палитру или где взять иллюстрации, чтобы не заезженные были и другой десяток вопросов».

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

Написали статью, вышло на 100 пунктов. Внушительно. Но это верхушка айсберга.

А пока бегите читать, делитесь со всеми, сохраняйте и пользуйтесь на здоровье 😎

Читать статью на сайте⚡️
Читать статью на сайте⚡️
Читать статью на сайте⚡️
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥13❤‍🔥5👏3
Сегодня день рождения нашего тимлида — Артемия Скуратова!

Решили, что это событие — весомый повод вернуться в соц. сети)

Нико, кратко, но по сути:
желаем, чтобы все начинания приносили крутые результаты (как и всегда).
Дизайни как бабочка, правь как пчела☝🏼
И оставайся примером для команды❤️
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥13🎉93👏1🏆1
Мы настолько закопались в рабочих задачках, что молчали 8 месяцев и забыли рассказать о наших результатах в рейтинге рунета…

А ведь мы участвовали в первый раз!
Срочно бежим исправлять ситуацию

Вошли в топ-100 Взяли 67-е место среди всех дизайн-агентств России и заняли топ-5 и топ-10 места в 41 номинации среди ~1 000 конкурентов!
Неплохо для дебюта, правда?

❤️Огромное спасибо всей нашей команде – дальше больше!

Подробные результаты можно посмотреть у нашего CEO Игоря, а пока поддержите своей реакцией, нам будет очень приятно! 🤩🐩
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥135🔥53🤩3