Казалось бы, как криповая голова с мозгами может быть связана с технологичным брендом? А вот может. В статье рассказывается о доверии между исполнителем и заказчиком и разработке полного образа бренда: маскота, шрифтового логотипа и лендинга. Спойлер: все довольны результатом.
Веб-дизайн *
Дизайн спасет мир
Новости
Может ли быть уязвимость в дизайне, контенте и CSS и разбор такой уязвимости(?) на Госуслугах
Кажется, что уязвимость - штука техническая, но на Госуслугах есть интересная комбинация уязвимостей (ну или, скажем, черт, особенностей) в сфере CSS, дизайна, юзабилити, которые мошенники используют в социальной инженерии.
Узнал я про это из вот этого ролика на ютубе. Смотрел фоном, не ожидая чего-то интересного, но в момент, когда я услышал, как жертва атаки видит телефон мошенника на официальном сайте Госуслуг, с правильным адресом, с валидным сертификатом я не поверил своим ушам и понял, что это уже интересно... А за открытие уязвимости мы должны благодарить неизвестного мошенника, "сотрудника клиентской службы сотового оператора" или "службы безопасности сбербанка", ну вы понимаете.
Трудности перевода: как научиться понимать то, что нарисовал дизайнер
Чтобы понимать, что нарисовал дизайнер, нужно проникнуться его мышлением, принципами и правилами, которые он применяет при создании макетов. Только тогда мы сможем правильно интерпретировать его дизайн и избежать простых ошибок, которые при разработке фронтенда забирают огромное количество времени.
Если у вас только один фронтенд, все еще не так плохо. Однако, когда их количество достигает 10, микроошибки в компонентах могут отнимать до 200-300 человеко-часов в год. С учетом современных зарплат, это значительная сумма. А помимо фронтенда у нас также есть бекенд, девопс и тестирование, что также требует значительных затрат. Давайте вместе разберемся, как можно справиться с этой проблемой.
Как наложить макет на вёрстку через PerfectPixel
Привет! Меня зовут Сергей Криворучко, я работаю наставником на курсе «Фронтенд-разработчик» в Практикуме. Иногда у студентов возникают сложности с PerfectPixel — расширением Chrome, совмещающим макет из Figma с вёрсткой в браузере.
В этом материале я расскажу, как корректно экспортировать макет, установить PerfectPixel, управлять расширением и находить элементы страницы, которые стоит поправить на вёрстке. Для примера взял макет, с которым работают студенты на курсе.
Истории
Про локацию в профиле
У меня многолетний опыт удаленной работы из разных локаций мира от привычных фрилансерских островов Юго-Восточной Азии до мировых столиц вроде Лондона. В этой заметке я хочу рассказать о своих наблюдениях. И показать, насколько сильно локация влияет на возможности в go global!
1️⃣ У всех людей, включая потенциальных работодателей, клиентов или кастомеров, есть "географические" стереотипы и предрассудки. Прежде всего о стоимости услуг или зарплате.
Например если американский клиент видит фрилансера из Лондона, то не ожидает низкой цены услуг. И просто находясь в Лондоне, автоматически фильтруются все мелкие чеки.
Более того, люди могут делать выводы и о квалификации специалиста: очевидно, что среднестатистический продакт из СФ скорее всего квалифицированнее севильского. Поэтому локация может быть в неотором смысле маркером экспертности, что безусловно влияет на глобальную востребованность.
То есть переезжая куда-то, мы закладываем некоторые ожидания для наших будущих контрагентов. Да, возможно это несправедливо, но так уж устроен мир.
2️⃣ Или например на второй год странствий немало талантливых дизайн-агентств мск/спб планирует переезд в Барселону. Про быт нет вопросов: считаю этот город лучшим в мире для жизни.
Но делать свое агентство барселонским - это значит:
а/ Задать невысокие ожидания по чеку: для американского бизнеса что Барселона, что Верона, что Лиссабона - примерно одно и то же. Читай: "в Европе закажем подешевле". А чеки побольше будут уходить тем, кто переехал в Лондон, Нью-Йорк, Долину или хотя бы в Дублин.
Почему типичные дизайн-подходы оказались неприменимы к интерфейсу для производств
После того как я впервые съездила на завод, стало понятно, почему в дизайнеров кидаются тапками.
Мы работали на ярких прикольных аймаках, проектируя интерфейсы MES-систем в соответствии с трендами. А потом своими глазами увидели, в какой ад для сотрудников производства это превратилось.
В разработке интерфейсов для металлургии оказалось намного больше нюансов и специфики, чем мы предполагали.
Как я создал электронную проходную по Qr-кодам
Будучи являясь студентом, нам предложили поучаствовать в одной программе. В данной программе нам преподавали курсы из различных областей, как бизнеса, так и программирования. Вот некоторые из них: «Основы.NET и знакомство с платформой разработки веб‑приложений», «Азы программирования на основе 1С», «HTML и CSS», «Навыки работы с системой управления версиями Git», «Javascript».
По прохождению всех курсов, мы должны были показать, чему мы научились, поэтому нам заранее предложили направления и соответствующие им проекты, которые мы по завершению одного учебного года должны были защитить.
Главный принцип разработки интерфейсов
Если вы достаточной древний, то на личном опыте знакомы с технологической энтропией: железо становится мощнее, но софт деградирует. Photoshop тормозит, а ТВ тупит даже при переключении каналов. Портится не только код, но и интерфейсы.
С энтропией кода бороться тяжело. С интерфейсами вопрос решить проще, если проектировать их по правильным принципам.
Как правильно смотреть и использовать конкурентов на пользу продукту: 5 неочевидных практик
Анализ конкурентов — это когда мы оглядываемся вокруг и смотрим, с кем мы делим рынок, чем они на нас похожи, что делают. Мы ищем удачные решения у конкурентов, подрезаем рабочие практики, анализируем успехи и ошибки.
К концу статьи вы узнаете:
1. Почему копировать — не лучшая затея;
2. Что делать, если конкурентов нет;
3. На что смотреть в чужих продуктах;
4. Зачем рассказывать пользователям о сильном конкуренте;
5. Как не стать унылой копией конкурентов.
В потоке лендингов: путь к автоматизации
У нас полно лендингов и бизнес просит еще! Но каждый новый лендинг нужно проводить по процессу. Хочется автоматизации - нужен конструктор! Я неоднократно читал статьи на Хабре про самописные решения – 5 лет, и все в лучшем виде, но для нас это "too much". Мы уложились менее чем за год с "Bitrix". До этого серьезно прошерстили рынок на предмет типовых решений, а также отбросили вариант решения с нуля. Расскажу о процессе выбора и что мы в итоге получили.
Как дизайнеры воруют и почему это нормально
Долго думал писать или не писать эту статью, ведь скорее всего святые моралисты закидают меня помидорами. Но давайте будем реалистами, 70% дизайна продукта это применение бест практис от других продуктов, смежных или нет - пофиг.
Можно ли получить из нейронки рабочий дизайн интерфейса?
Десять месяцев назад я завёл отдельный телеграм-канал и начал публиковать результаты своих экспериментов с нейросетями.
И вспыхнет пламя! Приглашаем UX/UI-дизайнеров на баттл с призом 100 000 рублей для победителей
Уже покорили все известные вам конкурсы или только хотите влиться в тусовку? Заходите на огонёк: в ноябре 2023 года устроим испытание вашему креативу и навыкам работы с Figma на Pyrobattle 2023.
Ближайшие события
Чем отличается работа продуктового дизайнера в стартапе и большой корпорации
В постоянно меняющемся IT выбор между работой в стартапе и в крупной технологической компании — это решение, над которым сталкиваются многие профессионалы, в том числе дизайнеры продуктов. Каждый путь представляет собой уникальный опыт, проблемы и возможности, поэтому крайне важно понять различия, прежде чем делать выбор. Как продуктовому дизайнеру мне посчастливилось работать и в тех, и в других. В этой статье я расскажу вам о разных аспектах работы в разных видах компаний.
Почему я почти никогда не начинаю проектирование (или дизайн) сайта с главной страницы
По той же причине, по которой не начинаю писать книгу с придумывания обложки, статью с заголовка, создавать курс с введения и рассказа об авторе, рисовать портрет человека с глаз.
Главная страница сайта — это вишенка на торте. Я буду точно знать, из чего она состоит и как работает после того, как будут спроектированы все остальные разделы.
Почему 80% курсов не сделают из вас дизайнера
На дворе 2023 и казалось бы, про IT профессии трубят из каждого утюга, но реальный процент людей который туда попадает печально низок.
Чем отличается синтетическое событие клика от обычного в javascript фреймворках?
Сегодня, стало более ли менее стандартом использование синтетических событий в современных js фреймворках, нежели обычный addEventListener. Но, как же работают эти события? В данной статье, я постараюсь на примере Cample.js версии 3.2.0-beta.1 рассказать об этом.
Создание мультиязычного вебсайта: для Китая и других регионов
В этом обзоре я делюсь собственным опытом разработки многоязычных веб-сайтов на английском, китайском, русском и немецком языках.
Мы будем говорить про языковые версии сайта, которые действительно будут работать в соответствующих регионах, а не сделаны автоматическим переводчиком «на всякий случай».
В этом обзоре я буду приводить пример создания моего собственного сайта, поскольку он имеет 4 языковые версии, отредактированные вручную. Также я расскажу и о своем опыте работы с другими бизнес-сайтами.
Я буду рассказывать с позиции заказчика сайта, поскольку в таких проектах являюсь именно заказчиком, а никак не программистом, верстальщиком или дизайнером. По своей основной профессии я занимаюсь бизнес-консалтингом, мировой экономикой и финансами.
Оценка стоимости дизайна сайтов для дизайнеров-фрилансеров
Сегодня расскажу про один мой проект. Я его делал для себя и по фану. Идея простая — сделать простой и удобный сервис оценки. Причём входная информация должна быть минимальная, а оценка максимально близкая.
На старте дизайнеру-фрилансеру от клиента часто приходит очень расплывчатый запрос. Что-то типа "Дизайн для сайта стоматологии" или "Лендинг про пластиковые окна".
Лучше всего, конечно, сразу задавать вопросы и всячески прояснять ситуацию. Но бывают случаи, когда достаточно дать просто примерную оценку.
Новички же, как правило, не знают как себя оценить и разрываются между желанием заработать и не потерять клиента.
Dezarmus как раз призван решить эти две ситуации. Причём с минимальной входной информацией.
Пять причин почему нужно участвовать в диджитал конкурсах и отраслевых рейтингах + чек-лист для подготовки кейса
В этом материале вы узнаете, зачем веб-студии участвовать в конкурсах сайтов и приложений, а также рейтингах веб-студий и агентств. Какие ошибки мы совершали при формировании кейсов и карточки компании и к чему пришли сейчас.
Всем привет, я — Саша Комбаров, руководитель в веб-студии. В начале 2022 года мы обстоятельно подошли к участию в конкурсах сайтов и приложений, а также отраслевых рейтингах: составили таблицу с российскими и зарубежными конкурсами и рейтингами, выбрали кейсы, назначили ответственных... Спойлер — все пошло не по плану :)