Саша Олсен 💎

🎄Всех с Новым, человеки!

Пускай 2025й будет для тебя годом позитивных прорывов, открытий, новых вершин и достижений.

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

Всех обнял и ушел на каникулы до понедельника.

Наконец-то есть время побатонить.

Ну и как говорят мудрейшие:

'упал-вставай, встал-упай, упай - чокопай'

----

Этот Новый Год я в Ижевске, поэтому ловите кринжовую фоточку с прошлогоднего новогоднего пати в Бангкоке)

🎄 Напоминалка: Не забудьте своих поздравить зарубежных клиентов с Рождеством

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

И приятно сделал, и английский потренировал XD

🎶 Открыл для себя на выходных нейросетку Suno для генерации аудио, и хочу сказать - это прям хорошо.

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

Загенерил себе для рабочего состояния пару минимал техно треков. Кайфую)

В общем, рекомендасьен!

Вот сайтец.

Продолжаем нашу затею с редизайнами. 🫰

Скоро пошарю было/стало.

А еще чуть позже скажу сработала затея или нет)

p.s. Made by Никита 🤘🏻

Сделал тут первый рилсик о том, как AI не заменит дизайнеров/разрабов, и понял что у 10Web шансы-то есть 😁

Урок от Webflow и Figma о том, как больше зарабатывать: просто апай цены раз в год.

Изи пизи.

Вот наш расклад (было/будет)
Figma: $60/mo → $80/mo (extra $240/yr)
Webflow: $84/mo → $87/mo (extra $36/yr)

🤩 Relume Style Guide builder

Relume прислали мне инвайт в их новую фичу - Style Guide Builder.

Говорят, что с ней очень быстро и удобно можно собирать разные вариации стилей для сайтов.

Если работает как должно, то играться со шрифтами и цветами будет еще веселее 😅

На выходных покручу-поверчу и вам все расскажу.

Можете в вейтлист пока податься, если есть желание) https://www.relume.io/ai-style-guide-builder

п.с. там страничка оч интересно собрана.

дивблоку сегодня 2 года! 🎉

Как же быстро прошло это время - невероятно.

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

Ох, аж мурашки по коже от воспоминаний.

Именно тогда я подумал (по большей части матом): "ну и хрен с тобой. Я свою студию сделаю."

Было сложно, но супруга всегда поддерживала. Даже тогда, когда у нас все запасы финансовые подошли к концу.

Но да ладно, не хочу этот трешак вспоминать.

К счастью вот уже 2 года мы вполне успешно работаем, с неба звезд не хватаем, но и жаловаться мне не на что:

Есть отличная команда, с которой мы много всего прошли, и которой я многим обязан. Целью на след год поставил свозить всех в Дубайс на недельку-другую :)

Написал - зафиксировал!

Есть суперские клиенты, которые ценят, и с некоторыми мы с самого зарождения студии работаем.

Есть рост на 25% YoY по выручке, есть понимание чего я хочу вообще с студией делать. И нет, это не раздуться до 20 человек и сотен миллионов оборота, хотя было бы круто😅).

В общем, есть все.

Спасибо всем и каждому, кто мне помогал советами и с кем меня столкнула судьба. Пускай у вас жизнь будет в кайф всегда 🙏 .

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

😆 Когда первые разы записываешь сам себя

🚀 Запустили сайт нашему клиенту-солопренеру.

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

Из интересненького:

→ 95% секций сделаны на Relume (библиотека компонентов для Webflow)
→ Сделали UI кит в фигме и компоненты в Webflow.
→ Настроили интеграцию c Fillout
→ Пописали немного кода через ChatGPT, чтобы интеграция не выглядела как 5я нога у собаки.
→ Пописали немного кода через ChatGPT, чтобы в навигации хавер работал как нам надо.
→ 0 звонков. На коммуникацию клиент тратит меньше получаса (серьезно) в неделю.

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

Самое интересное начнется когда на сайт пойдет трафик (скорей всего уже после нг)

Сейчас уже собрали 2й сайт, и вышло все в полторы недели.

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

пысы. если чет не пашет, то это не мы налажали, а ждем ссылок/контента от клиента)

Кста, музычку на фон сгенерил в suno(dot)com

Простой → время концептов 😅

Иногда так получается, что загрузки не много, поэтому мы пилим концепты.

Они прекрасно работают в соцсетках как часть контент-стратегии.

Например этот концепт, который сделал Никита для абстрактного AI-сервиса, мы заюзаем раза 3-4 в разных форматах, и будет что показать потенциальным заказчикам)

📹 Видеоконтент на подходе!

Решил-таки взять Sony zv e-10 + sigma 16 f1.4 для видосиков.
Остался микрофон и всякие мелочи.

Что ж, попробуем влиться в видеоблохинг. 😅

👀 А где найти дизайнера на обложки постов?

Фивер какой-нить? Или через чаты дизайнерские, Dprofile искать?

В идеале, будет здорово если посоветуете человечка :)

Продолжаю шарить кусочки криптопроекта.

С этим получилась интересная история в линкеде.

Один чувак сказал что лучше бы шаги сделали таким же стилем как и заголовок блока.
Что скажете, товарищи дизайн-эксперты и не эксперты?

Какой вариант симпатичней: Правый или левый?

----

ЗЫ. Люблю телегу. Постишь-постишь, а аудитория все меньше и меньше)
За полтора месяца минус 200 почти 😆

🤔 Посты на грани. Ок или не ок?

Задался сегодня вопросом, вот я люблю посты с мемчиками, шуточками, всякими оборотами хитрыми, а как на это потенциальные кленты реагируют? 😆

Вот в этом посте обложка моего поста на линкеде про fractional teams. Она прям "на грани", но под смысл поста подходит идеально!

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

Эмоций тут может быть множество. От "вау, смело", "лол, прикольно" до "что за дебил такое постит", "эээ, отписка".

А с другой стороны все равно стремно, что люди подумают 😅, хоть я и понимаю, что этот пост увидит ну человек 600-700 а потом забудут (а может и запомнять)

Вы что думаете? Ок ли такое или уже за гранью этикета онлайн-поведения?

🤖 Разработали одному YC стартапу прикольную фичу.

Ребята пилят AI звонилку, которая скоро может появиться в большом кол-ве колл центров. Если еще не появилась.

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

Что мы, собственно, провернули:
→ Написали код, который чекает с какого устройства зашел пользователь
→ Добавили кусок, который отвечает за обработку определенных UTM из урла
→ Еще кусок добавили, который показывает всплывашку со звонилкой когда первые пункты сработали.

Был бы фреймер - фиг бы такое провернули.

А на Webflow + ChatGPT вообще изи. Спустя несколько попыток и матов, Катя заставила GPT выдать рабочий код.

Его просто скопипастили в Webflow, подкрутили нужные ID элементов и вуаля!

Кайф.

---

Пысы. Чет стало много постов, где я ребят наших упоминаю). Над бы с ними подкастики сделать 🤔

🚀Еще один проект уехал в верстку. Но с сюрпризом.

Дизайн собрали, к верстке подготовили, теперь и в Webflow переносить можно.

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

И, как же хорошо, когда все пользуются одним и тем же фреймворком.

Минимум ошибок, минимум снижения эффективности.
Кайфы

Наташа, Катя респект и уважение ❤️

🎨 Использование цветов в дизайне: ДЖУН vs ПРО дизайнер.

Все мы проходим эти стадии...

Даже Сеньоры-помидоры нет-нет, да и пользуются джуновскими техниками.

p.s. Извиняюсь, на перевод картинки усидчивости не хватило. Но там база.

No-code разработка для дизайнеров

Чтобы регулярно получать стабильный доход, современному дизайнеру нужно иметь смежные навыки. Один из таких как раз Webflow-разработка.

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

В студии большинство наших проектов именно на Webflow. И все это зарубежные заказчики. Поэтому хочу порекомендовать вам
бесплатный курс по Webflow от Pixel Perfect 😇

Менторы — действующие разработчики с большим опытом. С их бесплатным курсом вы пройдете путь от первого сайта до работы с реальными заказчиками.

Пысы. Забрать курс —  https://t.me/pxp_reg_bot?start=olsen

#партнерскийпост

💪🏻 Прокаченные фильтрЫ для SaaS стартапа.

Очень люблю, когда прилетают задачки чуть сложнее чем лендосик собрать)

Тут вот стартап, с которым давно работаем, попросил сделать раздел с шаблонами и фильтрацией по этим шаблонам.

Ден за пару дней накидал вариантов страницы по дизайну, ну и Наташка за 3 дня это все дело собрала.

Технически ничего хитрого: CMS-ка да атрибуты финсвит.

Изипизи лемон сквизи.

Если есть вопросики по реализации - пишите в комменты, Наташа ответит 🙃

---

Пысы. Есть вероятность, что мы скоро будем расширяться, так что если вы в ищете где реализоваться в качестве Webflow-разраба, кидайте в меня свой портфель @alexanderolssen

Вот как-то так шарим разные гайды клиентам.

Не люблю ни коллы ни видосы записывать.

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

На видосике гайд для команды маркетинга о том, как добавить контент в CMS Webflow :)

А вы больше видео или текстом любите шарить инфу по проекту клиентам?

⚡️ Один из концептиков для крипто-ребят.

Давно хотел попробовать что-то собрать в ныне трендовом narrow стиле. Ну эт когда контейнер не на всю ширину сайта , а узкий :)

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

Микро-обзор анонсов Webflow на Webflow Conf 2024 ⚡️

→ Webflow Analyze и Webflow Optimize
Новые инструменты для аналитики и оптимизации конверсий прямо в интерфейсе Webflow. Теперь отслеживать действия пользователей и проводить тесты станет проще.

→ AI Assistant
Куда же без нашего любимого искусственного интеллекта. Обещают, что скоро можно будет собирать сайты по текстовым командам. AI также прокачают для работы в CMS, так что ждём ещё больше сгенерённых постов.

→ Webflow + GSAP = ❤️
Да, Webflow купили GreenSock, создателей легендарной библиотеки для крутых анимаций. Ждём более мощных встроенных анимаций в Webflow.

→ Развитие Design System
Webflow уже давно понял, что создавать новую библиотеку компонентов для каждого сайта – ну такое, особенно если у компании куча проектов. Поэтому и запилили свою Design System (вроде анонс был в прошлом году). Сейчас добавили Component Style Variants – можно будет использовать разные стили для одного компонента. Должно быть очень удобно.

→ CMS
Расширили API для разработчиков и добавили возможность публиковать отдельные страницы CMS без необходимости перезаливать весь сайт. Это реально спасение, особенно когда нужно добавить новую страницу или пост без публикации всего проекта.

→ Localization
Под локализацией Webflow подразумевает набор инструментов для создания мультиязычных сайтов. Тут и AI, и ручная адаптация текстов, картинок и стилей под разные языки. Теперь добавлять новые стили можно на всех планах, а на Advanced плане поддержка выросла до 10 языков. Каеф.

→ Формы
Теперь у форм появилась какая-никакая защита от ботов, помимо капчи. Это реально полезно, потому что спам через формы – головная боль многих пользователей.

→ Page Building
Долгожданная фича: маркетологи теперь могут сами собирать новые страницы из блоков, подготовленных разработчиками и дизайнерами.

--

Мне больше всего интересно, что они с GSAP придумают (особенно, будут ли драть допом денег за него 😅).

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

🤔Pika.art: генерация прикольных видосов

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

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

Игрался уже кто из вас с pika.art?

⚡️ Relume: от идеи до готового сайта, пока варится кофе

Неделю назад я пообещал Ярославу рассказать о том, как мы в студии используем Relume в процессе проектирования, дизайна и разработки сайтов.

Сказано — сделано!

Я знаю, среди вас много Webflow экспертов и дизайнеров, которые пользуются Relume, но если вдруг вы не знаете что такое [Relume](https://www.relume.io/components) – то это огромная библиотека готовых компонентов (и не только) для Webflow и Figma. В ней есть хедеры, футеры, FAQ секции, формы, и все-все-все что часто используется в современных сайтах.

Сама библиотека, кстати, насчитывает под тысячу компонентов, и каждый месяц добавляется еще с десяток новых.

Так вот, наш сценарий использования Relume выглядит так:

1️⃣ Собрали готовыми блоками вайерфрейм страницы (чаще всего 2-3 вариации)

2️⃣ Выбрали (сами, либо с клиентом) желаемый вариант

3️⃣ Натянули “шкурку”, т.е. стилизовали блоки под бренд клиента (шрифты, цвета, графику, итд)

4️⃣ Сделали UI Kit в Webflow (важно для простоты поддержки и развития сайта. В UI ките задаются стили текста, кнопок, полей ввода, а так же цвета, тенюшки и другие мелочи)

5️⃣ Перенесли дизайн в Webflow, используя Relume блоки.

---

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

Единственным нюансом я бы назвал иногда слишком глубокую вложенность блоков внутри Webflow-компонента. Это обусловлено тем, что все блоки Relum-а сделаны по фреймворку Client First.

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

Долгие годы мне удавалось избегать "Игры со шрифтами". Но все когда-то случается 😅

пы.сы. ребят, если что - no offence, просто прикольно :)

На недельку до второго 🌴

Короче говоря. Случилась непредвиденная ситуация (в условиях санкций иногда над доказывать некоторые штуки) и благодаря этой неприятной ситуации я приятно укатил на 2 недели в тай собрать кое-какие бумажки 🙃

Что сказать, современные проблемы требуют современных решений.

🔥 Новая фича у Framer: CMS Collection References.

Теперь в Framer можно использовать элементы из одной CMS коллекции в другой.

Очень удобно для тегов статьи, авторов, и тп.

Глассморфичненько!

Еще вот иконок сделали клевых для одного крипто-проекта.

Кто помнит глассморфизм?)

Смотрите, какую штуку чел в Твиттере сделал с помощью Cursor.

Если что, Cursor – это редактор кода с AI на борту 🙂

---

Ссылочка тут 👍

Забацали парочку концептов для клиента.

Угадаете, какой вариант он выбрал?

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

Постят водянистые AI-заметки, истории о том, как они стали крутыми спецами, как сделать какую-то банальную штуку, и все в таком роде.

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

Одна псевдоэкспертная болтология из разряда: чатгпт, сделай список постов на неделю по Webflow 😅.

Эт как так?

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

Короч надо разложить будет эти темы, а то пригорело 😅

Пысы. добавил фоточку нашего проекта в процессе готовки. На след неделе пошарю коцепты поближе :)

Промо-ролик для программы лояльности в тг.

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

Для первого ролика вполне ок, как мне кажется.

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

Ролики, мы, конечно не делаем, но если надо миниапку – пишите.

Пысы. Корги = +100500 к мимимишности роликов 🥹

Первый RTL сайтец 🔥

Все ждал, когда ж выпадет шанс сделать сайт "справа-на-лево".

Дождался.

Простенькая страничка вебинара, ничего Авардсового, просто немножко JS, чтобы счетчик правильно отображался в зависимости от часового пояса, сгенерированая миджорни картинка и (руль в бардачке) зеркальная верстка.

Катя, молодца! С первым арабским сайтом тебя 😅

Счетчик по нулям, ибо вебинар уже прошел)

Теперь хочется чего-то Японского 🇯🇵

Классика Линкедина

Приятно, когда кто-то незнакомый пишет тебе утром и интересуется как у тебя дела.

Доброй души люди 🫶

Агентская жызень...

Июнь, Июль, Август – ноль клиентов

Сентябрь – 6 лидов, 2 подписки + 1 разовый проект (пока не стартанули)

И все это за 1 неделю 😀

Один AI-стартап из YC на Webflow саппорт, другой - соло-предприниматель с 12-ю сайтами на дизайн всех своих проектов и саппорт.

Такие дела.

----

Если интересно откуда пришли, то все просто - сарафан и LinkedIn.

Делал как-то давно прототип для участия в контесте прототипов от UXpin и даже занял Best Designer of the Week нараду. 😅

Тогда оч хотелось победить, а для этого надо было придумать что-то прям "Вааааау".
А я тогда где-то прочитал про игрушку или эксперимент (не помню уже) в котором за 5 попыток над было угадать число, и подумал "О, а вот это идея!".

Суть игрушки была в том, что надо просто угадать число от 0 до 100 за 5 шагов, где после каждого шага была индикация условно горячо/холодно, чтобы можно было понять в какую сторону двигаться.

Прототип был очень успешен, а вот сам UXPin – нет 😅

Если интересно поиграть - вот тут ссылка на прототип.

Посмотрим, угадает ли кто число)

Генерация видео через Runway ML для дизайн-концептов.

Поигрались с Runway для генерации видео и сделали вот такой вот концпетик для гипотетического стартапа по AI менеджменту судов.

А почему бы и нет?)

Начали тестировать нашу мини-апку на пользователях🛠️

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

Так вот, мы уже тестируем ее на реальных юзерах!

Тут поподробнее, если интересно 👉 https://t.me/telegaminiapps

Люблю всякие микро-взаимодействия и пасхалки на сайты добавлять 🙃

Кстати это видео по какой-то неведомой причине завирусилось в твиттере, да настолько, что только с него пришло 150+ подписчиков + другие дизайнеры на свои сайты начали похожую штуку ставить)

Спасибо @JohnTheMachine за помощь в реализации 🙏