Женя Белодед ↯ Дизайн • Продукт • Управление
1.87K subscribers
340 photos
21 videos
2 files
224 links
Дизайню сложные интерфейсы в resume.co. Честно и без прикрас пишу про интерфейсы, дизайн, найм, продукт и управление.

По любым вопросам и рекламе — @balst

beladzed.com
Download Telegram
Отличная статья от Владимира Бугая про перевёрстку табличек времени работы. Там собраны все моменты, которые можно предусмотреть в такой, казалось бы, простой задаче.

🔗 Режим работы. Правила перевёрстки
🤔1
Меня тут Саша Бизиков позвал соведущим в подкаст и, кажется, получилось кайфово! Формат постарались сделать максимально ненапряжным: будто сидим втроем на кухне и общаемся про всякое разное.

🎙 Автомобилизм начинающих и опытных, часть 1

В первом выпуске обсудили автомобилизм: плюсы, минусы владения своим автомобилем, как получить права в Польше и дураки на дорогах.

По времени получилось чуть длиннее, чем ожидали, поэтому разделили на 2 части, первую уже можно найти на всех площадках.

Приятного прослушивания!

Слушать:

Apple Podcasts
cutt.ly/bizipodcast

Google Podcasts
cutt.ly/bizipodcastongoogle

Яндекс.Музыка
cutt.ly/bizipodcastonyandex

Полный список сервисов:
cutt.ly/bizipodcastfullservices
Подкасты подкастами, но я еще и дизайню всякое разное. Приложил руку к святому — ребрендингу Онлайнера.

Моя роль была помочь сделать крутой кейс и, кажется, получилось. Собрали с Женей Неверовским большой и насыщенный рассказ о работе на Бихансе.

Ставьте лайки, коментите, делитесь и рассказывайте всем, как круто или не круто получилось)

🔗 Ребрендинг экосистемы Onliner на Биханс
5
ВебФло — личное открытие года

Года три назад я слышал, что Вебфло крутой инструмент и за ним будущее, собрал на нем простенький сайт для СТО отца и как-то ничего не понял. Сразу он показался мне сложным: надо знать верстку, простые конструкции собирались дольше обычного, а в голове был вопрос зачем так страдать, если можно просто открыть редактор кода. Но сейчас я полностью поменял мнение.

У меня есть домен, который я купил еще года два назад — beladzed.com. Сейчас с главной перенаправляет в блог на Эгее, который я все грезил надеждами, что когда-нибудь начну вести.

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

Кроме недоблога у меня есть Биханс, Дрибл, социалки, которые я пытаюсь вести, но хочу это как-то централизовать. Кидаешь одну ссылку, а там понятно, что к чему и, если надо, можно пойти дальше по площадкам. Так я открыл Фигму и отрисовал дизайн. Но дизайн надо как-то превратить в сайт.

Начал с Тильды и Редимага. От Тильды отказался сходу, ибо с адаптивами там боль и страдания, а поддерживать 5 разрешений неадекватно, если сайт будет иногда обновляться по контенту. Потыкал Редимаг, там есть скейл в зависимости от ширины окна и брейкпоинты, если в какой-то момент это начинает выглядеть плохо. Плюс есть автоматическое превращение десктопа в мобилку и работа с блоками по аналогии с автолейаутами Фигмы.

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

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

И тут я вспомнил про Вебфло. Попробовал скетчово собрать там, начал погружаться и офигел насколько это мощная штука. Символы, коллекции, гриды, в итоге десктоп я собрал за один вечер. И пока собирал, разбирался с тем, что там еще такого есть и как мне это может пригодиться.

Сайт будет на вебфло, блог тоже переедет туда. Но об этом буду писать дальше, подписывайтесь, ставьте лайки)

#вебфло #портфолио
8🏆2
Первая ленточка на Бихансе ⚡️

В Студии я не только на коммерческих проектах, но и на маркетинге. А на маркетинге мы делаем кейсы, дайджесты и всякий движ.

Сейчас мы заново учимся собирать кейсы, выстраиваем процессы, пытаемся научиться собирать их не за 300+ часов. Это сложно, но первые результаты уже есть.

Вчера получили первую ленточку на кейс про Вансойл, который мы собирали с Таней Седовой. В структуре добавили мудовые видосы со стоков, которые поддерживают тему сельского хозяйства. Чтобы нормально работал автоплей, купили платный Вимео. Но браузеры сейчас работают хитрее и если заходить напрямую, то скорее всего надо будет нажимать на плей. Возможно, заботятся об эпилептиках) При этом, если погулять по Бихансу и перейти на кейс — все будет работать как задумано.

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

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

🔗 Посмотреть шо ж там за кейс такой
🎉54
Темные паттерны на сайтах объявлений в Польше

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

Заметил, что во многих объявлениях ставят рендер дома на первую фотку, чтобы показать в каком классном месте вы будете жить. Потом открываешь объявление, смотришь остальные фотки — привет ремонт из 2000. Теперь если не вижу фотки квартиры сразу, то даже не открываю.

Если объява от риэлторского агентства, то чаще всего даже звонить бесполезно. Если квартира классная по фоткам, за нормальный прайс, то они просто скажут, что неактуально. И будут втюхивать аналогичные варианты. Первое время я велся, просил прислать, но присылают какую-то дичь за те же деньги. Тут еще какой-то прикол с риелторами: они просят комиссию равную месяцу(!) проживания в квартире от владельца квартиры и, внимание, от тех, кто снимает. То есть я должен платить за то, что какой-то хрен решил работать с этими мудаками, чтобы ему было удобнее. Вижу агентство — закрываю вкладку.

Рынку тут трудно, нормальных квартир мало, а те что есть стоят как аренда дома в Беларуси. Но, кажется, мы нашли идеальную квартиру, осталось подписать документы.
👍4🔥411
Чем плох екомерс в портфолио

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

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

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

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

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

Не делайте скучные интернет-магазины, подумайте о пользователях 🙂

Примеры классных нестандартных магазинов:
1. Офисные стулья
2. Одежда
3. Бижутерия
4. Секс-штуки
5. Соус
🔥8👍2
Игорь Штанг разыгрывает три места на курс про таблицы на конкурсной основе

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

Нужно было переверстать расписание детсткого лагеря из старой советской книжки.

Все это вылилось в визуализацию данных, работой с табличными данными и бутылочкой вина в понедельник вечером. Заметка на будущее: не делать такие штуки в последний момент)

Но получилось как получилось, целых три варианта и описание процесса в блоге.
🔗 Посмотреть и почитать к чему и как я пришел
🔥51
Настройка Мака для продуктивной работы

У Вани Замесина вышла классная заметка, где много ссылок, инструкций и костылей.

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

🔗 Почитать у Вани в блоге
👍2
Апдейт личного сайта на Вебфло

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

В этом посте покажу промежуточный итог всех моих развлечений, он на домене самого Вебфло, как закончу до нужного мне результата — перенесу на beladzed.com. Там сейчас стоит перенаправление на блог.

🔗 Смотрите, что получается [WIP]


🪨 Что есть сейчас

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

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

По контенту еще далеко не финал, описания написал поздно вечерком, чтобы хоть чем-то оперировать на сайте и не вставлять совсем рыбу. Содержимое и проекты еще буду редактировать. Их, кстати, сделал с помощью Вебфло ЦМС, позже покажу как это все работает изнутри.

🚀 Чего еще хочу сделать

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

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

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

💬 Потыкайте, посмотрите как это выглядит с десктопа и мобилы, поставьте эмодзю какую или напишите комент)

#webflow #portfolio
🔥71
В Вебфло нельзя без боли и страданий настроить домен без www по умолчанию

Вчера переносил сайт с домена Вебфло на основной и промудохался с этим часа 3. Отдурил всю голову поддержке хостинга, на котором лежит сайт с блогом иии…ничего не получилось)

Если не погружаться в технические детали, то там есть сложность с NS записями и SSL сертификатами со стороны Вебфло. По итогу мой хостер развел руками, сказал, что у нас то, что хочет Вебфло нельзя сделать, делай через регистратора домена. А там тоже нельзя так сделать.

И либо переносить домен в другого регистратора, либо продолжать со всем этим разбираться и дурить голову уже доменному регистратору.

Но мне важнее сейчас, чтобы сайт хоть как-то был доступен, поэтому я пока забил и настроил перенаправление с beladzed.com на www.beladzed.com. Благо, браузеры давно научились скрывать этот мусор со строки наверху.

Впереди еще много работы: нужно сделать нормальные адаптивы, придумать куда припарковать блог, переписать тексты, разобраться с доп разделами, которые я хочу и навести красоту для шаринга.

Но уже сейчас можно посмотреть как это выглядит на
🔗 beladzed.com

#webflow #portfolio
🔥5👍2
Вебфло, про тарифы

У Вебфло хитрая система цен. На их поддомене типа beladzed.webflow.io можно хоститься бесплатно и даже использовать возможности CMS. Правда на сайте будет бирка о том, что сайт на Вебфло и есть ограничения по количеству отправленных форм — до 50 штук.

Дальше идет базовый тариф, за $18 в месяц, там уже можно убирать бирки, но нет CMS. А это слишком мощная штука, чтобы от нее отказываться. Зато, там уже можно ставить свой домен и количество отправки форм расширяется до 500.

Дальше идет тариф за $29 в мес, который мне и пришлось выбрать. Туда входит всё из тарифа выше + CMS + по формам до 1000. Дорого, но я готов платить за прикольный продукт с которым работаю.

Цены, кстати, с учетом оплаты раз в месяц. Если платить наперед за год, то получается на 20% дешевле. Я пока не на 100% уверен, что останусь с концами на Вебфло, хочу еще попробовать Фреймер.

#webflow
🔥1🕊1
Иногда бывает забавно себя погуглить, можно найти всякие статьи с моими фотками или людей с похожими фамилиями и другими жизнями 🙃

Специалист по красоте звучит как отличная строка в резюме
😁9