UXPUB 🇺🇦 Дизайн-спільнота: Valera Peuneu 🇺🇦

#4. Подборка лендингов интересных стартапов и больших компаний

Valera Peuneu 🇺🇦 — Wed, 03 Aug 2022 08:41:11 +0000

Привет, паб!

Две недели не было подборjr лендингов разных стартапов и больших компаний – исправлюсь, ссылок очень много.

Постараюсь отметить самые классные.

With Labs

Начнём с ссылки, которая содержит в себе 2 ссылки.

Хочу подсветить компанию With Labs, фаундеры которой на старте пандемии словили тренд на удалённую коммуникацию и создали компанию, которая занимается создание инструментами для коллаборации.

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

Хочется отметить интересные решения у продукта PopStage – кажется, онлайн мастер-классы с ним могут быть по настоящему увлекательными.

→ with.so

Cycle

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

У ребят получилась отличная страница для сбора лидов, пока продукт ещё в разработке. Интересный брендинг и приятные иллюстрации собираются в приятную картинку (особенно классно это работает в продуктовом эксплейнере).

П.С. У команды есть страничка на дрибле, где единственный дизайнер в стартапе шарит продуктовый прогресс компании: dribbble.com/cycleapp

→ cycle.app

Decipad

В силу своей специфики работы (я про Narrative BI), мне очень интересны любые необычные подходы к работе с данными в компаниях. И недавно нашёл ещё один интересный стартап Decipad.

Ребята делают инструмент для создания корпоративных лонгридов, с которым можно создавать отчёт и сразу же использовать реальные цифры из аналитики, используя просты запросы к базам данных.

Мне показалось это примечательным способ дать возможность коллаборации с данными для компаний.

→ decipad.com

Settle

Лендинг продукта Settle в первую очередь тут за невероятно сильную иллюстрацию и моушен к ней на первом экране. Прямо очень цельная и мощная композиция, которая заставляет мозг остановиться и прочитать, о чём тут речь.

→ settle.com

Ну и классический бонус список для ребят, которые не забывают и не боятся поддерживать силы сопротивления Украины – helpukrainewin.org или koloua.com.

order.link
supernormal.com
hootsuite.com
payloadcms.com
eduphoria.com
usenash.com
column.com
easol.com
gusto.com/wallet
sendelemental.com
getopenflow.com

Подписывайтесь на мой телеграм канал @blinklinks

#3. Подборка интересных сайтов. Работы британского дизайнера James McDonald

Valera Peuneu 🇺🇦 — Fri, 29 Jul 2022 06:56:51 +0000

Я так часто упоминаю Джеймса в подборках лэндингов, что невольно закралась мысль, а почему бы не сделать отдельную подборку его работ.

James McDonald

Этот британский дизайнер создаёт очень проработанные работы в веб дизайне и интерфейсах для таких компаний как Spendesk, Raycast, Tailwind Labs, Laravel, Incident и др.

Под проработанностью я подразумеваю внимание к мелочам: тени, отступы, и другие вещи – всё, что создаёт вайб такого современного прочтение скевоморфизма.

Хочется отметить несколько самых классных и интересных работ, которые можно положить в свою закладочки и рефборды.

Raycast

Джейм поучаствовал в последнем большом апдейте Raycast и подготовил новую сочную версию иконки для десктопного клиента приложения. В этой иконки, кажется, можно заценить весь скилл дизайнера.

→ Ссылка на обновление

Tailwind Labs

В составе команды Tailwind Джеймс собрал просто гигантское количество разного стафа: тут и темплейты, и обновление визуального стиля основного продукта – ui кита и много всего другого.

→ tailwindui.com

Iconic + ½ Pixel Club

Талант Джеймса в проработке деталей раскрывается лучше всего в дизайне различных иконок. Он работает над большим паком интерфейсных иконок, расшаривает версии коммерческих иконок, которые не ушли в продакшен + рассказывает о своём процессе иконографии.

→ iconic.app

Дальше несколько ссылочек на различные лендинги и примечательные шоты, которые хочется отметить отдельно

getsendstack.com
reflect.app
causal.app
commandbar.com
vapor.laravel.com

Подписывайтесь на мой телеграм канал @blinklinks

#2. Подборка интересных сайтов. Промо страницы Github, лендинги и стартапы

Valera Peuneu 🇺🇦 — Tue, 19 Jul 2022 10:32:25 +0000

Привет, паб!

Прошла неделя вышла очень богатой на ссылочки на различные классные лендинги.

Moss

Это продукт для креативной индустрии (по сути коллаборативная доска-мудборд) с помощью разного рода артефактор из дизайна, интернета и т.д. Над дизайном работают ребята из студии RegretsOnly, а иллюстрации от Max Guther.

→ mossworkspace.com

Github

Сегодня хотелось бы отметить россыпь классных страниц для промо отдельных продуктов гитхаба. Последними обновления страниц для Community и Copilot занимается дизайнер Nicolas Solerieu (работы которого мелькали много раз здесь в канале) – обязательно зацените его профиль, там есть классные концепты упомянутых выше страниц.

→ github.com

Increase

Очень люблю такой проработанный на уровне каждой детальки стилёк, что-то похожее чувствуется в работах Джеймса и в визуальном стиле Stripe. Над дизайном в increase работает Benjamin De Cock.

→ increase.com

Klarna Card

Лендинг нового продукта стартапа Klarna – Klarna Card, много приятных деталей, которые зацепили: например, реплецирование патерна из визуальной айдентики на фотографиях + приятно оформленные продуктовые шоты.

→ klarna.com

Arcadia

О! Это прямо очень крутейшая работа команды стартапа Arcadia над обновлением своего лендинга.

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

→ arcadia.com

Equals

Тут всё очень просто и со вкусом, команда стартапа мультиплицирует философию таблиц на весь лендинг и получается очень вдохновляюще.

Хочется отметить ещё один лендинг в похожем стиле у Rows (за авторством ребят из Focus Lab), но не такой брутальный.

→ equals.app

Подписывайтесь на мой телеграм канал @blinklinks

Nothing обновили свой сайт и представил телефон - Nothing Phone

Valera Peuneu 🇺🇦 — Mon, 18 Jul 2022 07:30:33 +0000

Этот день настал... Nothing обновили свой сайт и выкатили спецификации, фоточки и видео своего телефона Nothing Phone.

Красиво 🥰

На что хочется обратить внимание. В первую очередь, конечно, сайт – оригинальный подход к анонсу техники, больше схожий на классический дек (фотография + текст).

Во-вторых, безусловно, само устройство – команда проекта нашла отличный способ, как выделить владельцев телефона в толпе – светящиеся светодиоды на обратной стороне, которые реагируют на происходящие ивенты.

Как вам девайс? Купили бы себе на замену iPhone или Google Pixel?)

#2. Подборка сайтов портфолио дизайнеров. Норвежская студия, портфолио Nick Randle и украинский дизайнер

Valera Peuneu 🇺🇦 — Tue, 31 May 2022 07:47:56 +0000

Привет, UXPUB!

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

Uppercase

Норвежская студия, которая специализируется на дизайне для компаний на ранней стадии. Достаточно просто портфолио, в котором собраны прекрасные работы

Самые интересные кейсы: работа для стартапа Propely (мне понравились иллюстрации и приятный вордмарк), айдентики для CargoValue и Lovisenberg Diaconal University.

→ uppercase.no

Nick Randle

Минималистичный портфель визуального дизайнера Nick Randle из Сан-Фрациско.

Я захотел отметить эту ссылочку как пример того, как можно наполнить портфолио концептами, при этом не имею реального опыта (только несколько интернатур). Оцените обязательно: Did You Feel It?, New Manhattan, Caper‍ и What Do You See?‍.

→ nickrandle.com

Arsen Kolyba

Портфолио украинского дизайнера Арсена Колыбы, которая создаётся много интересных визуальных штук для дизайнеров, которые можно зачекать в его магазине thePenTool.

→ arsenkolyba.com

"Люди тянутся к чистому продукту" – Q&A с Сашей Агаповым (арт-директором в Airbnb)

Valera Peuneu 🇺🇦 — Mon, 30 May 2022 07:25:54 +0000

Саша Агапов, один из создателей последнего классного обновления в Airbnb, залетел в бездарные комментарии «Бездарных ссылок» и очень круто ответил на мои вопросы и гипотезы. А Лёша отредачил наше общение в мини-интервью.

Разбираем дизайн обновленного мобильного приложения Airbnb

Valera Peuneu 🇺🇦 ・ May 13 ・ 1 мин читать

#ux #update #discuss

У любой компании есть список ценностей, условий, по которым они решают, стоит ли делать фичи: забота о юзерах, прозрачность решений и прочее. Как вы формулируете свои ценности?

У Airbnb главная ценность в плане продукта, особенно цифрового — это дизайн. Не шучу, то есть все от СЕО до охранников топят за хороший дизайн. На этом много всего стоит, тут возведена в ранг заповеди цитата Чарльза Имса “The details are not the details, they make the design”.

Еще огромный упор сделан на найме новых хостов / хозяев. Но главный путь к тому, чтобы сдавать свою хату на Airbnb — это, обычно, опыт использования приложения в качестве гостя. Так что главная цель — новые хосты.

Ну, и мантра “Everybody can belong anywhere” тоже не просто так — большой упор на вдохновление людей. Категории, которые запустили, как раз про это. Много усилий на гуманизацию и «приземление» продукта, чтобы всё было по-человечески сказано и сделано (Яндекс в этом плане обожаю, копирайтеры там от бога); жмём аксессибилити, масса работы уходит на грамотный дизайн для людей с ограниченными возможностями.

Как построен процесс валидации фич и их последующей реализации? У вас есть кастдев и юзер тесты?

Все фичи начинаются с брифа, а бриф приходит уже нашпигованный информацией. Кастдев есть, фидбек читают и слушают, твиттер Брайана Чески — супер-инструмент, рекомендую посмотреть, он реально там сидит часами.

Процесс довольно отшлифованный уже — стратеги находят инсайт или проблему, продуктовики оборачивают это в некое решение, маркетологи смотрят, как это можно подать и какой вес этому придать в общей структуре компании и продукта. А дальше дизайнеры роют рылом землю и придумывают как это будет выглядеть и работать.

В теории так, на практике — как везде: хаос и паника, масса изменений по ходу дела, вой, сопли, слёзы, но в итоге красота и все довольные по домам расходятся.

Фокус-групп нет — это рак головы. До всего можно додуматься самим, если хорошенько подумать. Юзер тестинг не делаем, дотошно прототипируем (Principle и Origami) и валидируем всё через миллиард презентаций в Figma на каждом слое компании, каждую неделю на работу смотрит Брайан и лично утверждает и/или даёт качественный фидбек.

Работа не лёгкая, но и без сюрпризов — мы же не рак тут лечим.

Какую задачу выполняют продакт менеджеры или эта роль распределена?

Продакты обычно и переваривают инсайт или проблему в фичу. Я крепенько все упростил для красного словца, так сказать, но команд тут очень много и продакт менеджмент это мега-супер-важный отсек.

Платформа гигантская и продумать так, чтобы всё работало, по-простому выполняло четкие задачи, было лаконично, со всем дружило, не конфликтовало и не мешалось друг другу — та еще работёнка. Продакты работают супер тесно с дизайном и дизайн-системой. Многие из них — бывшие дизайнеры и шарят в нашей работе, что порой очень помогает, если честно.

Многие компании решают вопрос выпуском фич: скорее в релиз, протестим, а потом доделаем. Выпустить обновлённый поиск и табы можно было гораздо раньше, это бы уже повлияло на ваши доходы. Но Airbnb решил придержать эту фичу и довести её до великолепного качества. Как вы пришли к этому?

Когда компания такого размера (посмотри на фильтр по языкам — там от Суахили до Македонского), нельзя играть в стартап и выпускать сырые фичи — слишком дорого обойдётся, плюс бренд очень ценный и обсираться ну никак нельзя. Категории существовали и раньше, просто они были спрятаны под фильтры, а сейчас заменили домашнюю страницу. Так что продукт не прямо революционный даже изнутри.

Все фичи рождаются в виде весьма подробного брифа с кучей ресёрча и стратегии, задачи ясны и понятны, хотя часто меняются в ходе работы, но так везде происходит, мне кажется. Уровень дизайнеров весьма не кислый и можно довериться, что будет сделано как надо.

Идей для новых фич очень много и их все сразу не сделать, но мы стараемся планировать наперёд. Это даёт время всё сделать по-человечески и потестить внутри. Например, остаток этой недели все отдыхают, а с понедельника уже начнём работать над тем, что выйдет в зимнем релизе в ноябре.

СЕО слегка фанатик и реально интересуется, что нужно людям. Вот пример: рандомный человек попросил возможность проверить скорость вайфая до того, как ты забронируешь дом; Браян сказал: «идея ништяк, сейчас сделаем». В ноябре прошлого года выкатили мерялку вайфай скорости прямо в приложении.

Пруфы:

Brian Chesky

@bchesky

@pitdesi We will work on this. Thx for suggestion, Sheel

20:56 PM - 29 Dec 2020

Brian Chesky

@bchesky

Verified Wifi:

Yes, finally... We’ve made it really easy for Hosts to verify their wifi speed. Now, when you book an Airbnb, you can be sure it has good wifi.

16:30 PM - 09 Nov 2021

Если коротко, то планируем кучу времени и сильно стараемся.

У меня есть гипотеза о том, что вы делаете ставку на номадов и считаете эту аудиторию приоритетной.

Про номадов ты в яблочко. Люди стали бронировать жилье на долгое время ещё до ковида, а во время пандемии вообще с катушек слетели и стали жить, где попало, месяцами. Как в сквотах — полный кайф.

Огромная ставка на это и функционал стал сам напрашиваться. Порой знаешь, хочется в Эритрею на месяцок, а свободны квартиры только на неделю-две. Почему бы не помочь людям склеить два букинга в один? Нам не сложно, а людям приятно (ну, и $$$ удваиваются тоже).

Я уверен, будем дальше щемить в том же направлении, особенно учитывая, что вся компания официально перешла на “work from anywhere” и офис как бы не нужен больше. У нас в команде народ работает хер пойми откуда и постоянно перемещается — никаких проблем.

Есть какое-то количество B2C продуктов (они мелькали в канале), качество проработки фич которых — есть их продуктовый дифференциатор. Что отличает вас и эти компании от других подобных? Почему у того же Booking не выходит делать такое качество?

Airbnb — гигантская корпорация, какими бы шустренькими и стартаперскими они не казались. То есть денег — жопой жуй. А это значит, что можно нанимать лучших стратегов, лучших программистов, лучших аниматоров и так далее.

Я не знаю, может это не афишировалось, но у нас главный по дизайну — Хироки Асаи. Он работал в Apple 16 лет и ответственен за минималистичные коробочки: белый цвет везде, вылизанный гоафический дизайн и все в этом духе. Безумно крутой мужик, мелькает в Figma с нами периодически и сам смотрит работу, если есть время (или наоборот нет времени на звонок). Комментарии оставляет или рисует какой-нибудь скетч простой, то есть не просто говорящая голова. Это происходит редко, и как будто тигра на сафари увидеть — все прячутся сразу.

Главный по продакт дизайну — тоже ветеран из Apple. Команда маркетинга и коммуникации вся оттуда же. У СЕО нездоровая любовь к Стиву Джобсу и компании: он тупо нанял всех, кого смог / хотел оттуда, и теперь тут дримтим. Требования к качеству стали соответствующие. Так что я бы винил талант людей и меткий хайринг.

А Booking — лузеры просто и руки у них из жопы растут. Зайди к ним на главную и скажи сколько минут продержишься, пока глаза не закровоточат от этой помойки. На дворе 2022 год, а там как золотарь в говне копаться надо.

У кого-то получается, а у кого-то нет, причин этому миллион, но конкретно про дизайн — смотри ответ на первый вопрос.

Качество проработки фич влияет на деньги? Как вы это меряете и как оправдываете затраты на это качество?

Деньги считают, но если честно, то не очень тщательно. Агентства нанимаем только на маркетинговые штуки (например, Buck на анимацию или Oddfellows на иллюстрацию). Всё остальное сами и внутри, так что бюджетов «под проекты» как таковых особо не составишь, все на зарплате плюс пул фрилансеров (я фрилансер, если что, но уже очень давно с Airbnb, не хочу на постоянную идти).

Опять же, дизайн в Airbnb очень важен, поэтому денег не жалеют и стараются нанимать и удерживать людей. Это всё окупается с лихвой — вроде как за первый квартал полтора миллиарда свободного кеша заработали как с куста, хотя это самый дохлый сезон, все по домам сидят. Но я не финансист, так что точно не смогу про деньги прямо ответить.

Но концептуально это как два разных пути почти. Booking лепит мусорные баннеры на каждый листинг, попапы, плашечки, «кУпИ сЕйЧаС!!!» и так далее. И они тоже деньги лопатой гребут, там всем заправляют оголтелые маркетологи и продакт менеджеры без души. А Airbnb вкладывается в дизайн и не боится отказываться от всей этой маркетологической приблуды, хотя и доказано, что она работает неплохо. Но мы как бы не хотим выглядеть как свалка в огне, и намеренно отказываемся от этого.

В итоге люди тянутся к чистому продукту, бренд сразу становится премиальнее, ты не чувствуешь, будто тебе цыгане на базаре впаривают что-то. Вся жизнь — череда компромиссов. Booking жертвует человеческим дизайном в пользу быстрой прибыли и сидит в визуальной жопе, а Airbnb последовательно держит и повышает дизайнерскую планку, рассчитывая на долгосрочный результат. И это работает.

Вся жизнь — череда компромиссов. Booking жертвует человеческим дизайном в пользу быстрой прибыли и сидит в визуальной жопе, а Airbnb последовательно держит и повышает дизайнерскую планку, рассчитывая на долгосрочный результат. И это работает.

Ссылка на портфолио Саши: sashaagapov.com

П.С. Спасибо Лёше за редактуру

Подписывайтесь на мой телеграм канал @blinklinks

#1. Подборка интересных сайтов. SaaS продукты, лендинги стартапов и бонус

Valera Peuneu 🇺🇦 — Thu, 19 May 2022 09:43:16 +0000

Я подготовил для вас 25 свежих и не очень ссылок на свежие работы любимых дизайнеров, интересных продуктов, и замечательных студий, за которыми слежу 👇

Juni

Очень простой лендинг saas продукта, но с некоторым количеством интересных деталей, которые освежают эту работу: необычные формы кнопок, нестандартный скрол + приятный подход к простым иллюстрациям.

Работа отчасти выглядит не очень цельной, но, мне кажется, это вопрос времени, когда ребята подсоберут все решения, чтобы они работали единым фронтом.

→ juni.co

Modern Treasury

Лендинг уже взрослого стартапа с простым и понятным визуальным стилем. Зашла идея заглавной простой иллюстрации, которая отображается какую-то динамику финансов + продуктовые шоты.

→ moderntreasury.com

Circa5000

Стильная работа от ребят из Ragged Edge для компании Circa5000 – обязательно зацените полный кейс на сайте студии.

Мне зашли: страница о продукте, страница о процессе инвестирования с circa5000 и просто огненная страница с статистикой активов, в которые юзеры инвестируют с компанией.

→ circa5000.com

Ironclad

Люблю откладывать про запас сайты больших компаний, которые всё ещё стараются мимикрировать в публичных компаниях под стартапы. Так и тут: модный стиль в духе времени с интересными иллюстрациями.

→ ironcladapp.com

Superlist

Когда вырасту, хочу делать такие сайты для продуктов: живые, простые, красивые, рассказывающие историю так, что она захватывает.

→ superlist.com

Meter

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

Мне понравился визуальный стиль с проработкой деталей в стиле James McDonald.

→ meter.com

Arigatobank

Впервые в подборках лендингов у нас ссылочка из самой Японии. Какой-то свежий японский необанк, зацепили очень ламповые и приятные фотографии с интерфейсами.

Хочу отложить эту ссылку как пример неплохой работы с фотографиями на сайте (хотя, конечно, ничто не может переплюнуть Rekki в этом плане).

→ arigatobank.com

Coherence

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

Лендинг у продукта просто великолепный, идеальный расставленные акценты + прекрасная простая анимация интерфейсов делают свою работу на 10/10.

→ withcoherence.com

Convo

Один из самых приятных референсов прошлых пары недель – лендинг (да и брендинг в целом) для сервиса Convo от ребят из студии Outloud.

→ convo.app

Kosmik

Простой и минималистичный лендинг приложения Kosmik – апп для визуальных заметок.

Просто и интересный визуальный стиль, откладываю этот реф, чтобы были идеи, как сделать простую страничку для сбора емэйлов увлекательной.

→ kosmik.app

бонус

15 ссылок на интересные и свежие решения на лендингах разных стартапов и больших компаний:

folk.app
sellx.com
twingate.com
kargo.studiovoila.com
limna.ai
ortto.com
getharvest.com
experiencewelcome.com
qatalog.com
iorama.studio
zenly.com
klutch.app
zapier.com
journal.do
renote.so

Подписывайтесь на мой телеграм канал @blinklinks

Разбираем дизайн обновленного мобильного приложения Airbnb

Valera Peuneu 🇺🇦 — Fri, 13 May 2022 08:26:14 +0000

Хочу остановиться на обновлении Airbnb Summer 2022. Это восхитительно сочетание продуктовых идей и великолепного визуального дизайна создаёт просто невероятный вайб при использовании приложения (хотя это можно конечно списать отчасти на отличную презентацию, просмотренную перед этим).

Обновление Airbnb

Новое обновление от Aribnb добавляет ряд фич, которые помогут находить жильё для людей, которые планируют жить в одном месте дольше 2 недели.

Начать хотелось бы с дизайна самого анонса, в приложении это реализовано очень органично, добавили интересную плашку внизу экрана по тапу на которую открывается приятно свёрстанный лендос.

Классный дизайн обновлённого поиска. Всё построено на приципах liquid interface как и в прошлой версии: всё тянется, тапается – отчего интерфейсы чувствуется максимально естественным в использовании.

Если помните, была статья от инженерной команды инстаграм про принципы создания такого ui (если вы вспомните у airbnb такую же стать, потому что мне казалось что она была, скиньте плез в комменты).

Понравилась интересная новая продуктая фича Split Stays – Airbnb подберёт и дасть возможность букать одновременно жильё на всю поездку.

Согласитесь, переключение между составными частями поездки выглядит великолепно, принципы жидкого (кек) интерфейса работают тут просто восхитительно.

Как вам обновление Airbnb?

Подписывайтесь на мой телеграм канал @blinklinks

#1. Подборка сайтов портфолио дизайнеров

Valera Peuneu 🇺🇦 — Thu, 12 May 2022 12:43:53 +0000

Начнём с дизайнерских портфолио, которые попали в мою большую коллекцию сайтов дизайнеров и студий.

Abdo Mohamed

Портфолио египетского дизайнера. Сложно отметить какой-то конкретный кейс, мне скорее хотелось отметить достаточно качественные работы для этого региона.

→ abdomohamed.com

I D — C

Два крутейших дизайнера Gustav Nordebrink и Niklas Rosén, которые уже мелькал в канале со своим сочным работами для Google, Norgram, Kurppa Hsok и других, запустил свою собственную студию ID-C.

→ id-c.se

Fabiano Souza

Сайт дизайнера в спотифай, который работает над созданием немузыкальным опытом в приложении: подкасты, clubhouse, книги и прочие штуки.

→ fabiano.work

Nicola Felasquez Felaco

Портфолио Nicola – итальянского дизайнера, который работает в спотифай над множеством концептуальных фич, которые только сейчас добираются до прода (обновление главной страницы, свой clubhouse и пр.).

П.С. Всегда респектую дизам, которые добавляют к себе на сайт раздел с экспериментами.

→ felasquez.haus

Подписывайтесь на мой телеграм канал @blinklinks