ISBA ECOSYSTEM
Что такое ISBA?
Интернет ресурс, где собраны все лучшие мастера, школы и мероприятия индустрии красоты.
Наша цель сделать индустрию красоты безопасной для клиента. Развивать индустрию красоты вместе с профессионалами.
Я Максим К. Middle+ UX-дизайнер с более чем 5-летним практическим опытом в области взаимодействия с пользователями, анализа продуктов и стратегического мышления.
В настоящее время я занимаюсь созданием пользовательского опыта, который используют пользователи для улучшения визуализации данных, прогнозного моделирования и анализа информации для пользователей из различных областей деятельности.
Для более полного представления о моей квалификации и карьерных достижениях, пожалуйста, посетите мой профиль на HH.
10 месячный проект для которого было выполнено все, начиная с дизайн системы заканчивая двумя мобильными приложениями.
Уникальная проектная работа для МГУ. Проектирование “CRM” системы для поставление задач и не только.
Легкий дизайн для интернет-магазина с интересными функциями, нестандартными идеями.
Что такое ISBA?
Интернет ресурс, где собраны все лучшие мастера, школы и мероприятия индустрии красоты.
Наша цель сделать индустрию красоты безопасной для клиента. Развивать индустрию красоты вместе с профессионалами.
Чтобы открыть картинку в полном размере, выберите нужную и нажмите на колесико мыши.
Максим К.
2. Главная страница сайта ISBA.
1. Страница помощи или FAQ.
Далее личный кабинет.
Минимальный лк с оптимальными функциями, которыми может пользоваться пользователь.Максим К. Tweet
Я могу показать вам больше примеров по ISBA, но это лучше сделать лично чтобы вы могли увидеть качество моей работы своими глазами.
Мною было разработано:
— Разработка модулей для сайта;
— Разработка CJM пользователей;
— Разработка CJM клиентов;
— Разработка CJM школьных учреждений;
— Разработка UX сценария на сайте;
— Разработка личных кабинетов (пользователь, мастер, школа).;
— Разработка мобильной версии;
— Разработка дизайна пользовательских модулей, под все версии сайта;
— Разработка дизайн-системы с нуля;
— Разработка и подбор фирменных цветов, шрифта;
— Разработка guideline и другая графика;
— Разработка логотипа, стилистики;
— Разработка конструктора профилей;
— Разработка фильтров, блоков, поиска, меню, регистрации, попапы, иконки, кнопки, от А до Я;
— Работа только с auto layout;
— Разработка мобильного приложения iOs;
— — Профили, коммерция, личный кабинет, настройка профиля(визуальный редактор), новости, чат, расширенная поддержка FAQ, и другие страницы.
— Разработка мобильного приложения (iOS, Android)
— Разработка мобильного приложения, управление школой
Вашему вниманию “CRM” система. Система мною была проанализирована, создавалась без ТЗ. Дизайн подборка шрифтов, цветов, блоки, кнопки и полный UI KIT.
Чтобы открыть картинку в полном размере, выберите нужную и нажмите на колесико мыши.
Максим К.
1.0. Dashboard (главный экран CRM).
1. Страница с “задачами” в категориях и в подкатегориях.
2. Страница с созданием “задач” кликабельное.
3. Визуальный редактор для редактирования определенной “задачи” в одном месте.
3.1 Визуальный редактор без включения полного редактора, а именно редактор нужного блока.
4. Обычная страница входа.
5. Личный кабинет, простой и мало функциональный тестовый.
1. Расширенная статистика школы. В ней можно увидеть заходы на “сайт” в школу, поисковые запросы, рекомендации и входы из соц сетей.
1.1 Статистика страницы “определенной школы” эта статистика доступна школам и пользователям, кроме обычного юзера.
1. Создание вручную инвайта для вступление в школу.
1.1 Список инвайтов для активации или деактивации. Они все проходят модерацию от администрации школы или сайта.
1.2 Информация о инвайте, просмотр или редактирование данных при ошибке.
1.3 Контроль инвайтов для администрации школы или сайта. В этом разделе их могут отменять или деактивировать отправку их ученику.
Чтобы открыть картинку в полном размере, выберите нужную и нажмите на колесико мыши.
Максим К.
Колибри Фест. Уже не одно поколение мастеров приняло участие в чемпионате, завоевав медали и кубки! Многие из низ стали тренерами, владельцами салонов и экспертами в индустрии. И т.д. и т.п. Колибри FEST 2023 – самое захватывающее и значимое событие в мире lash-индустрии. Не пропустите!
Первая версия сайта колибри.
Вторая версия колибри в более строгом стиле.
Чтобы открыть картинку в полном размере, выберите нужную и нажмите на колесико мыши.
Максим К.
IRISK AWARDS – всероссийский Online чемпионат Nail индустрии, объединяющий мастеров профессионалов и beauty – экспертов по всей стране.
Судьи IRISK AWARDS – легендарные гуру ногтевой сферы.
Наставники и модераторы чемпионата всегда помогут с выбором номинации и отправкой работ, проведут бесплатные мастер-классы.
Максим К. Белый фон — один из самых популярных выборов при создании сайтов. Он универсален, чист и удобен. Однако его
Максим К.
Белый фон — один из самых популярных выборов при создании сайтов. Он универсален, чист и удобен. Однако его использование требует взвешенного подхода. Давайте разберёмся в его плюсах, минусах и возможностях адаптации к разным видам контента.
“Белый цвет — это холст, на котором дизайнер может рисовать без ограничений.” (Стив Круг, “Не заставляйте меня думать!”)
Чёрный текст на белом фоне — стандартное сочетание, к которому привыкли читатели книг и газет. Это снижает нагрузку на зрение, особенно при длительном чтении. Белый фон также способствует лучшему восприятию текста на мобильных устройствах и мониторах.
Белый фон подчёркивает контент, создаёт ощущение порядка и лёгкости. Многие премиальные бренды, такие как Apple, используют белый фон для передачи эстетики минимализма и чистоты.
Белый цвет универсален — он подходит для любых ниш и легко сочетается с другими цветами. Это делает его удобным выбором для корпоративных сайтов, блогов и интернет-магазинов. Также он хорошо адаптируется под светлые и тёмные режимы отображения.
На светлых экранах белый фон может быть более энергоэффективным, чем цветные градиенты или сложные текстуры. Веб-дизайн с простым белым фоном быстрее загружается и требует меньше графических ресурсов.
Если сайт полностью белый без других дизайнерских элементов, он может казаться безликим. Чтобы избежать этого, важно использовать фирменные цвета, логотип и характерные визуальные акценты.
Яркий белый фон с чёрным текстом может быть утомительным для глаз, особенно в условиях низкой освещённости. В таких случаях лучше выбирать мягкие оттенки или режим “тёплого белого”.
В тёмных и атмосферных тематиках (кино, музыка, гейминг, киберпанк-дизайн) белый фон может выглядеть неуместно. В таких случаях предпочтительнее использовать глубокие тёмные тона или приглушённые цвета.
Без достаточного контента белый фон может создавать ощущение пустого пространства. Чтобы этого избежать, стоит добавлять элементы визуального наполнения: фотографии, иконки, теневые эффекты и графику.
Чисто белый (#FFFFFF) может быть слишком ярким. Вместо этого можно использовать мягкие оттенки, например, светло-серый (#F5F5F5) или кремовый (#FAF3E0), чтобы снизить резкость контраста.
Фотографии, иллюстрации и анимация делают сайт более живым. Разбавьте белый фон цветными акцентами, чтобы улучшить визуальное восприятие.
Хорошие отступы и удобочитаемая типографика предотвращают перегруженность контента. Используйте сетку, чтобы создать визуальный ритм и структурировать материал.
Белый фон может выглядеть по-разному на различных экранах. Проверьте, как сайт отображается на смартфонах, планшетах и компьютерах, и убедитесь, что контрастность комфортна.
Некоторые пользователи предпочитают тёмные темы. Возможность переключаться между светлым и тёмным режимами сделает сайт удобнее и современнее.
Белый фон остаётся классическим решением, но его использование требует осознанного подхода. При правильной работе с цветами, контентом и графикой он может сделать сайт удобным, стильным и профессиональным.
Какой фон вы предпочитаете? Делитесь своим мнением в комментариях!
Максим К. Когда я создаю интерфейсы, я всегда придерживаюсь чётких правил. Это не просто привычка, а залог удобного и понятного
Максим К.
Когда я создаю интерфейсы, я всегда придерживаюсь чётких правил. Это не просто привычка, а залог удобного и понятного дизайна. В UI-дизайне такие правила называются гайдлайнами (guidelines). Сегодня разберём, зачем они нужны и какие ключевые принципы помогут вам сделать интерфейс лучше.
Гайдлайны — это набор стандартов и рекомендаций, которые помогают дизайнерам и разработчикам создавать удобные, красивые и последовательные интерфейсы. Они включают в себя правила по отступам, типографике, цветам, кнопкам, иконкам и многим другим элементам UI.
Почему это важно?
Отступы — один из важнейших элементов интерфейса. Они создают ритм, улучшают восприятие и делают дизайн аккуратным. В моей практике я использую шаг 4 пикселя. Это позволяет чётко выстраивать элементы, избегать хаоса и сохранять визуальную гармонию.
Если текст плохо читается, пользователи уходят. Простое правило: чем важнее элемент, тем выше контраст. Например:
Используйте не более 2-3 шрифтов в одном интерфейсе. Обычно это:
Цветовая палитра должна быть сбалансированной. Используйте правило 60-30-10:
Кнопки должны быть заметными и понятными:
Иконки должны быть простыми и интуитивно понятными. Если пользователь не понимает, что означает иконка, — лучше использовать текстовую подпись.
Гайдлайны — это не жёсткие ограничения, а инструмент для создания удобного UI. Следуя простым принципам, можно сделать интерфейс понятным, гармоничным и приятным для пользователя. А главное — не забывайте про отступы 4 пикселя, это реально делает дизайн аккуратнее!
А какие гайдлайны используете вы? Делитесь в комментариях!
Максим К. Книга Джефа Раскина «Интерфейс: новые направления в проектировании интерактивных систем» произвела на меня сильное впечатление и значительно расширила
Максим К.
Книга Джефа Раскина «Интерфейс: новые направления в проектировании интерактивных систем» произвела на меня сильное впечатление и значительно расширила мое понимание UX-дизайна. Особенно запомнились идеи из первых 50 страниц, которые я хотел бы обсудить и поделиться с вами. В этой статье мы рассмотрим ключевые концепции Раскина, которые помогают создавать удобные и интуитивные интерфейсы.
Раскин подчеркивает, что интерфейс считается гуманным, если он отвечает потребностям пользователя и учитывает человеческие слабости. Это означает, что системы должны быть интуитивно понятными, простыми в освоении и прощать возможные ошибки пользователей.
Одна из ключевых концепций Раскина — стремление к безмодальности.
Что это значит? Модальные окна и состояния заставляют пользователя помнить, в каком режиме он сейчас находится, что усложняет взаимодействие с системой. Например, если одно и то же действие приводит к разным результатам в зависимости от активного режима — это может сбивать с толку.
Раскин предлагает использовать квазимоды — режимы, требующие постоянного физического действия для поддержания состояния. Например, удерживание клавиши Shift для написания заглавных букв.
Преимущества безмодального дизайна:
Раскин утверждает, что в хорошем UX-дизайне для выполнения определенной задачи должен быть один понятный способ.
Пример: Если в приложении есть несколько разных способов удалить файл (например, через контекстное меню, клавишу Delete, иконку «мусорная корзина»), это может сбивать с толку. В идеале, удаление должно выполняться одним интуитивным способом.
Еще одна важная концепция Раскина — возможность отмены любого действия.
Совет: Вместо многочисленных предупреждающих окон, лучше внедрить систему отката (Undo), позволяя пользователю быстро отменить последнее действие.
Раскин отмечает, что многочисленные предупреждающие окна бесполезны — пользователи привыкают к ним и просто игнорируют.
Принципы Джефа Раскина остаются актуальными и сегодня. Они помогают создавать удобные и человеко-ориентированные интерфейсы, где пользователю не нужно тратить лишнее время на изучение системы.
Ключевые выводы:
Следуя этим принципам, можно создавать интерфейсы, которые не просто выполняют функции, но и делают взаимодействие с цифровыми продуктами по-настоящему комфортным.
Как вы относитесь к идеям Раскина? Применяете ли их в своей работе? Оставляйте комментарии и делитесь мнением!