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

Беседка: @nocoders_chat
Ведет: @alexanderolssen
Download Telegram
А давайте еще похоливарим? Должен ли Webflow разработчик/дизайнер уметь в дизайн?
Anonymous Poll
47%
Да
18%
Нет
35%
По тонкому льду, ходишь, Саня
Какая у нас стратегия генерации лидов.

Не буду говорить, что привлечение клиентов – это боль 99% начинающих студий и фрилансеров, это мы и так все знаем.

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

Вот, что мы делаем:
1️⃣ Запускаем серию постов с редизайнами отдельных секций сайтов потенциальных клиентов.
2️⃣ Отслеживаем сигналы, такие как поиск дизайнеров в штат.
3️⃣ Коннектимся и общаемся с разными людьми из интересных нам компаний в линкед, увеличивая охваты постов релевантными людьми.
4️⃣ Уже постим разные визуальные концепты в Линкедин. Отклик хороший.

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

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

По факту все сводится к контенту. Огромному количеству контента. Если о тебе никто не слышал – тебя нет.
Я это понял еще лет 8 назад, как только начал дизайны какие-то кривые делать и публиковать их на дрибббл и фейсбук.
Производство такого количества контента – это не дешевое удовольствие, но я абсолютно уверен, что через 2-3 месяца все усилия окупятся.

---

Еще чуть выше я накидывал идей каким образом можно найти себе клиентов. Почитайте, если еще не видели.
Там я описал разные пути поиска клиентов. Не только всеми любимый Upwork.

Всем крутых выходных 👋
Какие инструменты я использую в студии и сколько этот зоопарк стоит.

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

Webflow → $126
LinkedIn → $85
Figma → $65
Slack → $50
Relume library → $48
Google Workspace → $32
ClickUp → $20
Notion → $20
ChatGPT → $20
Midjourney → $10
Unsplash → $4
Notion Calendar → Free
Loom → Free
Debugbear → Free
Apollo.io → Free
- - - - - - - - - -
Всего: около $460/месяц

———

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

Основные инструменты, которые добавляют затрат это Webflow, Figma, Slack, Google workspace, и Clickup.

Вот как-то так, ребят 🙂


Крокус 💔💔💔
Надеюсь никого из вас, вашей семьи, близких и друзей этот ужас не затронул.
Ищем Middle/Middle+ UX/UI дизайнера!

У нас тут позиция горяченькая – подходите 🔥

Ищу ответственного и думющего Middle/Middle+ UX/UI дизайнера с хорошим визуалом, пониманием как эффективно работать в фигме, умением делать задачу в срок и следовать процессу производства (таск трекеры, стендапы и тд). +100500 баллов, если умеешь верстать в Webflow, пользуешься AI-инструментами или можешь задизайнить рекламный баннер/пост.

Для начала мы займемся нашим спецпроектом “Redefined”, в рамках которого нужно будет делать редизайны и концепты сайтов из ниши в которой мы хотим стать топами. Цель проекта – заявить о себе, и показать на что способны потенциальным клиентам. Пока «притираемся» друг к другу поработаем по-проектно, а если у нас прям мэтч - то месячными контрактами.

Работа удаленная, асинхронная (но надо быть на связи 6-7 часов в день по началу, чтобы была возможность оперативно что-то решить), на полный день. По оплате обсуждаемо.

Как нанимаем:
✦ Смотрим работы, читаем твой рассказ о себе.
✦ Если чувствуем, что подходим друг другу, то напишем в Телеграм (или другую соцсеть) и зовем познакомиться по видео. Если нет - то нет, извините.
✦ Попросим сделать небольшое оплачиваемое тестовое (редизайн 1й секции)
✦ Стартуем с 1-2х недель или пары небольших проектов, и смотрим как нам работается вместе.
✦ Всем комфортно? Супер! Переходим на постоянку 🙂

📪 Откликнуться тутhttps://tally.so/r/mO46dM
✏️ Или пишите мне в ТГ@alexanderolssen (сразу ссылку на портфель и интро)

---

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

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

С нуля, без правил и ограничений.

Этот получился прям сочный и цветастый)

Особо хочется выделить крутой эффект "выпуклости" некоторых элементов.

Помните еще скевоморфизм и неоморфизм? 😅

p.s. Если что, скоро эти и другие наши концепты будут у нас на новом сайте в отдельном разделе.
Наконец-то доехала карта Mercury.

Честно говоря я и не ждал, что она придет, ибо Тайские адреса – это что-то за гранью.

Красивая, зараза. 😅
This media is not supported in your browser
VIEW IN TELEGRAM
Свеженький концепт крипто-сайта.

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

Зачем оно надо? Ответ прост - тренировка креативной мышцы. Звучит смешно, но так и есть. Не ходишь в зал – заплываешь жирком. Не ищешь новые визуальные образы, не пробуешь их применить в каких-то работах – деградируешь как дизайнер.

Заметил тенденцию, то все меньше и меньше дизайнеров хотят/умеют делать что-то красивое, необычное и новое. Почему так?

---

Пы.сы. Мы все еще ищем крутого дизайнера. Ай-да к нам - если хочешь делать крутые визуалы.

Описание, кого ищу - выше, форма для отклика туц.
Как понять, что нужна студия и как организовать процессы внутри на первое время?

Где-то пол года назад болтали с Ваней (Ivan the Machine) за студийку. Ваня позадавал мне разных вопросиков интересных, и я подумал, что вам тоже будет часть полезна или интересна.

Так вот, первый вопрос звучал как заголовок этого поста: Как понять, что нужна студия и как организовать процессы внутри на первое время?

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

Если пока нет ни имени, ни постоянных лидов, ни понимания где их брать – то хз зачем оно вам надо 🙂

Про идеальные процессы на старте забудьте, ибо все будете делать вы сами до поры до времени.
Нужен таск-трекер, чат, какая-нить CRM на ноушене, ну и таблица с финансами. По сути - всё.

Дальше будете передавать ответственность на других людей, тогда уже нужны будут процессы, дейлики там, апдейты, демо, какие-нить SOP.

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

Изи-пизи.

---

А вообще студийка - это, конечно ни разу не мир розовых пони XD. Я вот в дизайн уже и не лажу вообще.
Завоевать внимание потенциальных клиентов через демонстрацию скилов. Проект redefined.

В рамках контент-стратегии, мы начали работать над серией редизайнов финтех сайтов под названием "redefined".

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

Честь быть первым достается Tradovate.
Мы заметили, что их сайту "не помешало бы немного дизайнерской любви", поэтому быстренько накидали визуальный концепт для раздела фич.
Подтянули типографику, добавили немного современной 3D-графики, упростили иконки и использовали бенто? сетку.

Стало свежее. Мне вот оч нравится когда идет микс графики: 3д + Картинка + вектор. Не все в одном, есессно.

Как вам?

---

Все посты можно будет найти по тегу #redefined
Планирую выпускать по шотику каждый вторник и четверг.
Посмотрим, на сколько меня хватит 😬
Короче, про high-converting landing pages

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

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

✧ Визуал страницы и ее структура (UX),
✧ Ценностное предложение,
✧ Призыв к действию,
✧ Производительность
✧ Текстовки
✧ Доверие к бренду
✧ Релевантный трафик
✧ Поддержка
и еще пара пунктов я думаю наберется

Наш гуру влияет в лучшем случае на 2-3 пункта (визуал, производительносить, и текстовки может быть).
Остальное вне его юрисдикции в 99% случаев.

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

🫳🎤
А вот и второй шот из #redefined серии.

На этот раз взяли секцию "About" с сайта компании Exante, которая на наш взгляд визуально шумновата.

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

Мелочь - а фишечка)
Какой же офигенный Webflow сайт

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

Тут нам и микровзаимодействия, аудио, хаверы, мягкий скролл, интерактивные 3D, космический визуал, эффекты подгрузки картинок и еще всякие мелочки по самому дизайну.

Мое почтение автору. Браво!

https://www.neoculturalcouture.com/
Третий шот из #redefined серии.

На этот раз взяли хиро секцию с сайта компании Windsor Brokers.

Переработали менюшку, вытащили из бургера ссылки, причесали лого, разбили хиро на 2 секции - в одной УТПшка, награды и рейтинги, в другой части - все промо предложения.

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

----

Отправлял концепт этим ребятам (там еще пара секций с главной страницы), но они даж фигму не открыли, редиски 💔
Roboforex. Четвертый шот из #redefined серии

Тут тоже переработали менюшку немного. Хз чего так любят 2х уровневое меню пихать куда нужно и не нужно 😅.

Еще убрали пестроту эту, которая создается белым, синим, темным и снова белым блоками.

Сделали все на темном, и бахнули 3D на фон. Стало чище и современней, без ненужных шумов.

пс. Концепт изначально сделал в качестве теста наш потенциально будущий дизайнер — Никита, а дотянул концепт артдир Ден.

Идея с лейаутом и 3д именно Никиты.
Как удобно вести финансовый учёт.

Продолжая серию постов про обсуждение студии с Ваней (Ivan the Machine), я хочу поделиться тем, ка я веду финансы у нас в Div Block Studio.

Если коротко, то ведите финансы как и где вам удобно :)

Я долго искал инструмент, и в итоге остановился на гугл-таблицах. Просто и функционально. Да, не идеально, но на текущем уровне самое то.

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

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

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

Ах да,

Совет 1: Платите себе зарплату.

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

---

Кстати, можете забрать себе шаблон нашей таблички, если нужно.
Rive app. Альтернатива Lottie для анимаций и интерактивных компонентов Webflow.

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

Работает по принципу фреймовой анимации, как в AE. Так что тем, кому в AE было тепло и лампово Rive зайдет.
Интерфейс достаточно понятный (ну на первый взгляд).

Кто-то уже пользовался? Как опыт?


https://rive.app/
Какой у вас креативный тип?

у Adobe, оказывается есть тест, который по ответам покажет ваш кративный стиль.
Занятно, и сделано красиво.

У меня Thinker, а у вас?

Пройти туц 👉 https://mycreativetype.com/