Саша не кодит
2.25K subscribers
193 photos
9 videos
227 links
Канал про Webflow, ноукод движ и внутрянку развития студии Div Block Studio.
Новости | Инструменты | Мысли | How-to's и много чего еще.

Беседка: @nocoders_chat
Ведет: @alexanderolssen
Download Telegram
Подборочка сайтов на Webflow. Часть 17.

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

Сайты хоть все и простенькие, но найти интересные моменты все же можно.

p.s. Кто нашел багу на главной одной из этих сайтов? Кидайте скрин в комменты)

Для следующей подборки постараюсь найти вам что-то из Awwwards 🌝.


Список:

https://www.whalesync.com/
https://instantly.ai
https://www.getguru.com/
https://www.onfolk.com/
https://aiseo.ai/
Апдейт статьи про 5 альтернатив Гугло-аналитики

Всем приветы 👋. Я добавил один интересный инструмент в свою статью на VC – приходите почитать!

Речь пойдет про платформу аналитики и оптимизации конверсии для сайтов и приложений — UX Rocket.

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

Почитать более подробно про фичи, которые меня зацепили →

https://vc.ru/services/740068-pyat-alternativ-google-analytics-dlya-prostogo-i-ponyatnogo-trekinga-iventov-i-veb-analitiki

Посмотреть сам инструмент → uxrocket.ru

-

Реклама. ООО «Эксайт Кит», ИНН 7722348819
Erid:2Vtzqumqbcg
Кейс Default на бэхе

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

Из фишечек использовали Query params, чтобы когда c главной по ссылке Case studies (он сейчас скрыт, но энивей) клацаешь, то тебя перекидывает на страницу блога с уже установленным фильтром). Еще неможно полюбились с Table of Contents, чтоб он четко работал. А, ну и сделали ловушку для всяких авто-спамеров, чтоб не слали всякую х... на почту ребятам.

Наташа собирала проект, а Тома - кейс. Девчата молодцы, я считаю 😎

Лойсы и комменты кидать посмотреть кейс сюды 👉 https://www.behance.net/gallery/187521055/Default-Webflow-development
Если сайт не видели, то вот 👉 https://www.default.com/

---
p.s. Том, не кидайся помидорами, за то что я убрал секцию с отзывом CEO, я так и не вытащил его 😆
Потом добавим ну или нет.
Как вы себя чувствуете под конец года?

Я вот на двоечку/троечку 😅

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

Это крайний пост в этом году, ибо 31-го надо проводить с семьей/друзьями, а чатики подождут.

Расписывать итоги года на 3 крайне сомнительная затея, но все же отмечу несколько самых ярких моментов:

✦ Не полетел кукухой. В начале года тревожка сильно так ударила по голове. После сокращения были 4 месяца страха и ужаса.
✦ Запустил студию. Получилось собрать отличную команду, с которой будем давать жару в след году (еще и расширяться будем).
✦ Продал первую рекламу на канале.
✦ Купил билеты в Тай всей семье. Давно мечтал это сделать. Отца вообще 2 года не видел😅

Наташа, Катя, Тома – вы невероятные. Еще ни один раз это скажу, но я счастлив, что вы со мной. Вы - моя опора и вы все звездочки ⭐️.

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

Обнял 🫶

---

Как у вас год? Какие планы на следующий? Как отмечать планируете?
Первая рабочая неделя 2024-го

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

Не знаю, как вам, но мне что-то прям тяжко вкатываться в 2024) Неделя в Бангкоке, конечно, подрасслабила. Даже посты было лениво писать, не говоря уже о планах на год 😅

Но, ничего, контент-план составлен, цели поставлены, уголь в топку паровоза вкинут. 🔥

Трогаемся! (не умом, конечно же)

---

А вы как сегодня себя чувствуете? Как отметили?
Го в комменты обсуждать.

п.с. Всем продуктивной недели и контрактов)
Тренды дизайна 2024 от Webflow

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

Вот и наш любимый Webflow выложил свое видение трендов на 2024:

🖼️ Более плотная и насыщенная графика.
Тут имеется ввиду больше цветов, использование текстур, какие-то микро-детальки. Мне кажется, сайт [Lemlist](https://www.lemlist.com/personalization) является хорошим наглядным примером. Соглашусь, тренд.

🤖 Дизайны, сгенерированные через AI
Думаю, тут все очевидно. Миджорни, Runway AI, Stable Diffusion и другие инструменты генеративного дизайна будут прогрессировать и внедряться в процесс дизайна. Определенно тренд.

🕰️ Скевоморфизм
Скево — очень специфический стиль, который якобы мимикрирует под объекты реального мира. Вот, например, приложение iBooks на iPad бородатых годов, где книжки стоят на полочке. В принципе стиль интересный. Главное уметь его хорошо подать). Тренд ли — не знаю.

🐌 Параллакс-скролл
Думаю, многие знают про эффект параллакса (одна картинка двигается быстрее другой, создавая эффект “глубины”). Хороший прием для каких-нибудь промо-сайтов и портфолио. Как глобальный тренд года – сомневаюсь.

〽️Кинетическая типографика
Этим термином называется текстовая анимация, которая призвана привлечь к себе внимание пользователя. Пример не найду, но представьте variable шрифт и на сайте заголовок по наведению может менять толщину, например, создавая динамику. Прям тренд - не демаю, но как отличный прием для промо/портфолио сайтов - 100% да.

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

🔠 Типографическая эволюция
Честно говоря, я хз что под этим понимает Webflow. Для меня это просто более креативная работа с типографикой, например более смелые комбинации, ритмы, игра с размерами заголовков и параграфов, эксперименты с толщиной, цветом, наклоном и тд. По факту этот тренд из года в год в топе, ибо типографика — база. Однозначно тренд и в 2024м.

✦✦✦

Тренды не плохие, но по факту мы все это видели уже несколько раз (ну, кто давно в дизайне). Я удивлен, что нету 3D, например. Хотя совсем недавно Webflow анонсировал громко интеграцию со Spline.

Я бы назвал AI графику и видео основными драйверами дизайна в 2024м, а следом за ним скорей всего микро-фишки, вроде паттернов, микроанимаций и микровзаимодействий.

---

Что думаете? Норм тренды Webflow отобрал?

Тренд от Webflow 👉 https://webflow.com/blog/web-design-trends-2024
Как мы заколлабились со студией Feely на дизайн финтех-проекта.

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

... И вот не следующее утро вижу забуканый звонок на 9 вечера (О да, тайская таймзона, ванлав ❤️) от чувака с обычным именем Абдул из Нью Йорка.

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

Митинг прошел прекрасно, клиенту все понравилось, но так как мы не пилим брендинг, я решил предложить ему отличный варик. Этим вариантом стала коллаборация нас, Div Block Studio и Feely.

Feely тоже пилят на Webflow (ага, конкуренты. Типа 😅), но еще и брендинг делают знатный.

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

Если разрешит заказчик освещать все в соцсетках - поделюсь процессами, если нет - то финальным результатом)

Ах да, нашли они меня в линкеде через пост, который кто-то из его нетворка лайкнул. Так что Линкед - пашет.
А у нас тут новости: наконец-то взяли Арт-Директора🎉🔥

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

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

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

А еще он играет на укулеле и пишет электронщину на цифровом синте от elektron.
Workspace – место, где можно искать заказы на рынок РФ.

Начал смотреть видосы с качали Cedro, чтобы подцепить полезной инфы для себя, раз не взяли и в одном видосе с Максом Десятых услышал про сервис Workspace, где некоторые ребята берут заказы (вроде ro-jo и Дима из Цедры как раз положительно отзывались о нем).

Так вот, там действительно есть интересные варианты. Я не вникал как оно работает, но судя по всему там тендерная система.

---

Вот тут сразу с фильтром по дизайну, брендингу и разработке сайтов

---

Кто-то работал уже через Workspace? Как платформа вообще?
Гайд от Flowout о том, как масштабировать студию.

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

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

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


Гайд на английском →
https://www.flowout.com/webflow-guides/scale-digital-agency
Дизайн-концепты для BaaS платформы.

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

И тогда мы с Денисом решили бахнуть им пару концептов в качестве пресейла, дабы показать скилы сразу и потенциально увеличить шансы на партнерство. Сделали 3 штуки и... Ну пока короче в стадии заморозки у них проект 🤣. Приоритеты сменились, ну вы понимаете.

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

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

Угадаете, какой им зашел больше?
Как Агима работает со своей рентабельностью.

Наткнулся в фб на интересную статью, в которой раскрыты моменты о том как поддерживать стабильную прибыль на уровне 20% от оборота.

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

Агима – Супер пример эффективной компании в агентском бизнесе. Я их фанат со времен знакомства с Гришей Коченовым (❤️🙏)

https://habr.com/ru/companies/agima/articles/785770/
Еще один финтеховый концептик с пресейла.

Сделали посовременнее, поработав над типографикой, цветами и расположением элементов.

Картинки не прорабатывали, т.к. тогда бы потратили сильно много ресурсов. А так общая картина понятна, видна разница и ценность для клиентов.

Потратили всего где-то 3 или 4 часа, запомнились потенциальному клиенту, и сделали контента для соцсетей (его можно по разному переиспользовать).

Если смотреть по цифрам, то в моменте мы в минусе на $150, т.к. проект не стартует и хз стартанет ли.

Но потенциальный выхлоп даже с концепта может быть 2k, 3k, 5k, и даже $50k.
Цифры любят точность. Или наша табличка для фин. учета.

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

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

Совет: Если вы основатель студии, то советую себе платить ЗП. А все что остается - деньги компании, которые тратить надо на маркетинг, людей и тд.

Совет 2: Старайтесь держать маржинальность в районе 30%, тогда будет достаточно финансов для развития.

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

---

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

Мало ли кому понадобится)

Скопировать табличку Google Sheet
Рабочий сетап в Apple Vision это что-то за гранью!

Я еще 8 лет назад, на своей первой работе в афтере прототип такой штуки собрал.
Очень хочется попробовать поработать в таком вот девайсе. Чувствую, что будет не очень удобно)

Пора уже уходить в дизайн и проектирование софта под MX experiences?

Вот видосик с сетапом: https://www.youtube.com/watch?v=BV9Xy6L_rlM

А вот мой старый концептик: https://dribbble.com/shots/3882118-AR-Experiment-1
Ленд под платный трафик для Healthtech стартапа Tuli.

На прошлой недельке собрали микролендос под платный трафик ребятам.

Важно было собрать что-то простое, но с вайбом бренда.

Чтобы все было чики-пуки – созвонились с Арт-директором со стороны Tuli и прошлись по настроению (ваааайбу🤌) компании, по элементам и деталькам, чтобы ленд получился не оторваный от нового стиля.

Над проектом с нашей стороны были:


Я как коммуникатор.
Денчик – артдирил
Тома – задизайнила и собрала все это дело.

Этот дизайн не взяли (не спрашивайте почему😅). Просто мне он нравится больше остальных

Сейчас готовимся к еще одному ленду.