Над чем мы сейчас работаем?
Сейчас в студии 11 человек: 6 технических специалистов, 4 дизайнера и Паша, занимающийся организационными вопросами.
Сегодня мы работаем над:
1. Редизайном десктопной версии сайта одного из крупнейших магазинов детских товаров.
2. Дизайном мобильного приложения для PYE Optics.
3. Дизайном и разработкой новой версии Stomweb.ru.
4. Новой инфраструктурой для files.design (наконец внедряем им docker).
5. Внутренним стартапом.
#daily
Сейчас в студии 11 человек: 6 технических специалистов, 4 дизайнера и Паша, занимающийся организационными вопросами.
Сегодня мы работаем над:
1. Редизайном десктопной версии сайта одного из крупнейших магазинов детских товаров.
2. Дизайном мобильного приложения для PYE Optics.
3. Дизайном и разработкой новой версии Stomweb.ru.
4. Новой инфраструктурой для files.design (наконец внедряем им docker).
5. Внутренним стартапом.
#daily
Как дизайнер сэкономил клиенту 200 000₽ за полчаса
Нам нужно было купить новые шрифты для клиента, у которого больше 10 млн просмотров страниц в месяц. Посмотрели на Myfonts: при таком трафике стоимость двух начертаний веб-шрифта – 230 000₽! Кроме веб-шрифтов нужны еще десктоп-версии для полиграфии. Плюс условие: нужно встроить на сайт код трекера майфонтс, чтоб отправлять им статистику о просмотрах (а это тоже не в интересах клиента).
Ян написал напрямую разработчикам шрифта. В итоге они предложили набор из двух веб-шрифтов и двух десктоп-версий тех же начертаний за 25 200₽. Такие дела )
#daily #money #fonts
Нам нужно было купить новые шрифты для клиента, у которого больше 10 млн просмотров страниц в месяц. Посмотрели на Myfonts: при таком трафике стоимость двух начертаний веб-шрифта – 230 000₽! Кроме веб-шрифтов нужны еще десктоп-версии для полиграфии. Плюс условие: нужно встроить на сайт код трекера майфонтс, чтоб отправлять им статистику о просмотрах (а это тоже не в интересах клиента).
Ян написал напрямую разработчикам шрифта. В итоге они предложили набор из двух веб-шрифтов и двух десктоп-версий тех же начертаний за 25 200₽. Такие дела )
#daily #money #fonts
Про деньги
Сегодня только 14 июня, а мы уже потратили 899 030₽. А каждый месяц тратим примерно 1 500 000₽. На что?
– 1 200 000 – зарплаты и налоги;
– 150 000 аренда;
– 80 000 – обучение (английский, книги, конференции);
– 70 000 по мелочи: чай, печеньки, бухгалтерия, корпоративы, онлайн-сервисы.
Это значит, что получать от клиентов нам нужно минимум 1,7-1,8 млн, чтобы просто стабильно существовать: поддерживать подушку безопасности, обеспечивать отпускные и прочие траты.
#money
Сегодня только 14 июня, а мы уже потратили 899 030₽. А каждый месяц тратим примерно 1 500 000₽. На что?
– 1 200 000 – зарплаты и налоги;
– 150 000 аренда;
– 80 000 – обучение (английский, книги, конференции);
– 70 000 по мелочи: чай, печеньки, бухгалтерия, корпоративы, онлайн-сервисы.
Это значит, что получать от клиентов нам нужно минимум 1,7-1,8 млн, чтобы просто стабильно существовать: поддерживать подушку безопасности, обеспечивать отпускные и прочие траты.
#money
(зашкварный слайд из реального предложения для клиента)
Когда потенциальный клиент спрашивает, что же такого мы сделаем на сайте за несколько миллионов рублей, что не сделает компания за 300 000₽.
Когда потенциальный клиент спрашивает, что же такого мы сделаем на сайте за несколько миллионов рублей, что не сделает компания за 300 000₽.
Архитектура
Сейчас любой веб-сервис, который мы запускаем, состоит минимум из 2 отдельных приложений: фронтенд-приложения с API (json, à la REST) и бэкенд-приложения. Бэкендов и фронтендов может быть больше. Например, кроме публичной части, админка может быть выполнена в виде отдельного фронтенд-приложения, общающегося с API. Некоторые тяжёлые интерфейсы API могут быть вынесены в отдельные приложения. Так что, иногда, в рамках проекта мы создаём больше 5 изолированных приложений.
#techno #architecture #development
Сейчас любой веб-сервис, который мы запускаем, состоит минимум из 2 отдельных приложений: фронтенд-приложения с API (json, à la REST) и бэкенд-приложения. Бэкендов и фронтендов может быть больше. Например, кроме публичной части, админка может быть выполнена в виде отдельного фронтенд-приложения, общающегося с API. Некоторые тяжёлые интерфейсы API могут быть вынесены в отдельные приложения. Так что, иногда, в рамках проекта мы создаём больше 5 изолированных приложений.
#techno #architecture #development
На чем пишем
🤓Осторожно! Тексты про технологии написаны для технологических задротов.
Раньше бэкенды у нас были на yii2 (php), но с прошлой осени все новые проекты пишутся на typescript под node.js. На фронтенде мы используем самый популярный фронтенд фреймворк – React. И это классно – один язык и одна инфраструктура (npm) для бека и фронта. Универсальные программисты: большинство с уклоном во фронтенд, но решить задачи на беке тоже могут все, просто не на уровне архитектуры.
То есть у нас, вроде бы, всего один основной язык и на беке, и на фронте. Но теперь, когда мы бьем приложения на небольшие части (еще не микросервисы, но до них не далеко), мы используем более широкий набор языков. Например, для быстрого прототипа я недавно за 5 минут запилил php скрипт из 5 строк вместо целого приложения на node.js, у которого только настройка окружения и деплоя займет минимум полчаса. Эксперементировали и с headless cms (Prismic, Strapi, GraphCMS). Можем использовать хоть Python или R для игр с нейросетями. Если приложение небольшое, в нем легко будет разобраться, не важно на каком оно языке.
Итого: у нас теперь один основной язык – javascript (typescript). Но используем мы больше языков: при необходимости, можем сделать микросервис на более подходящем стеке.
#techno
🤓Осторожно! Тексты про технологии написаны для технологических задротов.
Раньше бэкенды у нас были на yii2 (php), но с прошлой осени все новые проекты пишутся на typescript под node.js. На фронтенде мы используем самый популярный фронтенд фреймворк – React. И это классно – один язык и одна инфраструктура (npm) для бека и фронта. Универсальные программисты: большинство с уклоном во фронтенд, но решить задачи на беке тоже могут все, просто не на уровне архитектуры.
То есть у нас, вроде бы, всего один основной язык и на беке, и на фронте. Но теперь, когда мы бьем приложения на небольшие части (еще не микросервисы, но до них не далеко), мы используем более широкий набор языков. Например, для быстрого прототипа я недавно за 5 минут запилил php скрипт из 5 строк вместо целого приложения на node.js, у которого только настройка окружения и деплоя займет минимум полчаса. Эксперементировали и с headless cms (Prismic, Strapi, GraphCMS). Можем использовать хоть Python или R для игр с нейросетями. Если приложение небольшое, в нем легко будет разобраться, не важно на каком оно языке.
Итого: у нас теперь один основной язык – javascript (typescript). Но используем мы больше языков: при необходимости, можем сделать микросервис на более подходящем стеке.
#techno
🤓Fullstack разработчики
Как я писал выше, у нас почти все разработчики фуллстек – пишут и серверный и клиентский код. Разберу два стереотипа на этот счет.
1. C одной стороны, фуллстек разработчики – это мечта: полностью взаимозаменяемые сотрудники, на которых и загрузку планировать не нужно. Дизайн еще не готов – ок, пишем API для всего проекта, потом переключимся на фронт. Нужно внести правки в рамках поддержки текущего проекта? Любой разработчик справится, отвлекай кого удобнее.
2. С другой стороны, считается, что хорошие фуллстек разработчики большая редкость. Типа, будет тут хороший миддл-бэкендер (а в мечтах синьор-архитектор) шрифтами играть. А из верстальщиков хорошие бэкедеры редко вырастают.
Первое – вдвойне правда. Нет, у всех конечно есть свои сильные стороны, кто-то лучше напишет АПИ, кто-то всем подскажет по Редаксу или Реакт-Спрингу. Но поработать вместе с более опытным разработчиком над задачей, если требует график или свои задачи кончились, смогут все.
Почему вдвойне? Потому что заказчик от этого тоже выиграет, если решит набирать штат (это сейчас распространено, мы несколько раз помогали клиентам искать разработчиков в штат после запуска). С нашим стеком для старта внутренней разработки у заказчика достаточно будет одного разработчика.
Второе – тоже правда. Спросите бэкендеров, что они думают про javascript. У нас, когда бэкенд был на php, бэкендеры плевались от JS.
Но есть исключение: именно в связке React + Node.js вырастает гармоничный фуллстек. Он работает с одним языком и ему не приходится мириться со вторым. Реакт со всей его инфраструктурой прививает правильные навыки по структурированию кода. Там реально красивые архитектурные паттерны, кое-где нужно поломать голову, прежде чем поймешь красоту. То есть это совсем не верстальщик, а на пару ступеней выше. Ему проще врубиться в серверную разработку, особенно, если там прозрачная архитектура.
#techno #fullstack #people
Как я писал выше, у нас почти все разработчики фуллстек – пишут и серверный и клиентский код. Разберу два стереотипа на этот счет.
1. C одной стороны, фуллстек разработчики – это мечта: полностью взаимозаменяемые сотрудники, на которых и загрузку планировать не нужно. Дизайн еще не готов – ок, пишем API для всего проекта, потом переключимся на фронт. Нужно внести правки в рамках поддержки текущего проекта? Любой разработчик справится, отвлекай кого удобнее.
2. С другой стороны, считается, что хорошие фуллстек разработчики большая редкость. Типа, будет тут хороший миддл-бэкендер (а в мечтах синьор-архитектор) шрифтами играть. А из верстальщиков хорошие бэкедеры редко вырастают.
Первое – вдвойне правда. Нет, у всех конечно есть свои сильные стороны, кто-то лучше напишет АПИ, кто-то всем подскажет по Редаксу или Реакт-Спрингу. Но поработать вместе с более опытным разработчиком над задачей, если требует график или свои задачи кончились, смогут все.
Почему вдвойне? Потому что заказчик от этого тоже выиграет, если решит набирать штат (это сейчас распространено, мы несколько раз помогали клиентам искать разработчиков в штат после запуска). С нашим стеком для старта внутренней разработки у заказчика достаточно будет одного разработчика.
Второе – тоже правда. Спросите бэкендеров, что они думают про javascript. У нас, когда бэкенд был на php, бэкендеры плевались от JS.
Но есть исключение: именно в связке React + Node.js вырастает гармоничный фуллстек. Он работает с одним языком и ему не приходится мириться со вторым. Реакт со всей его инфраструктурой прививает правильные навыки по структурированию кода. Там реально красивые архитектурные паттерны, кое-где нужно поломать голову, прежде чем поймешь красоту. То есть это совсем не верстальщик, а на пару ступеней выше. Ему проще врубиться в серверную разработку, особенно, если там прозрачная архитектура.
#techno #fullstack #people
Запаренный разработчик — явление частое. Как не выгорать?
Мы организуем ивенты
Раз или два в месяц собираем свои митапы, где рассказываем доклады и общаемся. Из последних: воркшоп по CD и созданию собственных правил линтера (не спрашивайте). Это помогает быстрее учиться и освежать фокус.
Ходим на конференции и митапы
Недавно были на Holyjs, в августе пойдем на TechTrain. Конференции — отличный способ узнать о новых технологиях, познакомиться с людьми, узнать «как у них».
Просто переключаемся на другую задачу
Бывает, что текущий проект задолбал. Тогда разработчик может переключиться и быстро сделать прототип какой-нибудь интересной идеи.
#techno #programming #burnout #people
Мы организуем ивенты
Раз или два в месяц собираем свои митапы, где рассказываем доклады и общаемся. Из последних: воркшоп по CD и созданию собственных правил линтера (не спрашивайте). Это помогает быстрее учиться и освежать фокус.
Ходим на конференции и митапы
Недавно были на Holyjs, в августе пойдем на TechTrain. Конференции — отличный способ узнать о новых технологиях, познакомиться с людьми, узнать «как у них».
Просто переключаемся на другую задачу
Бывает, что текущий проект задолбал. Тогда разработчик может переключиться и быстро сделать прототип какой-нибудь интересной идеи.
#techno #programming #burnout #people
This media is not supported in your browser
VIEW IN TELEGRAM
TRA Robotics создают технологии и дизайн для умных фабрик будущего (роботы, искусственный интеллект, инжинириг, нейросети).
На видео — фрагмент концепции сайта TRA, разработанной в Breadhead. Скоро покажем больше, ждите 🤖
#design #concept #year2018
На видео — фрагмент концепции сайта TRA, разработанной в Breadhead. Скоро покажем больше, ждите 🤖
#design #concept #year2018
Реальная оценка трудозатрат по одной из весенних заявок: https://docs.google.com/spreadsheets/d/1jK5qoE3xGDuiCrOlNVwtMnmpGRjdkWkYtSpJJUWRZPI/edit?usp=sharing
#sales #price #money
#sales #price #money
Самый главный совет
Главный совет, который я могу дать другим студиям – не бояться и продавать дороже.
1. С хорошим бюджетом можно сделать круто. Не просто вау для дизайнеров, а чтобы все работало, развивалось и приносило пользу. Работающие проекты приносят удовлетворение и новых клиентов.
2. Проще продать один проект за несколько миллионов, чем 6 по 500 000. Для небольшой команды вообще отлично – продал один проект и месяц-два не переживаешь.
3. Если клиент вкладывается в разработку, меньше вероятность, что он его забросит. Скорее всего, такой клиент опытнее, не только понимает ценность качественной разработки, но так же вложится в маркетинг и продукт, и все у него получится.
Говоря "продавать дороже", я не имею в виду повышение наценки. Я имею в виду время выделенное на проект. За 200 000 рублей можно, условно, работать 15 дней и выдать результат. За 2 000 000 – 4 месяца могут работать 3-4 человека. И результат будет несоизмеримо лучше.
Если бы мне кто-то это объяснил лет 5-7 назад, было бы круто. Мы всегда боялись, что «дорого». И когда вначале продавали сайт за 60 тысяч и потом за «безумные» 200, потом 600, 1млн и дальше.
🧐UPD: Пост написал Леонид без валидации.
По просьбе Дениса официальное уточнение: сайты, которые мы продавали за 60, 200, 600, 1млн – это неодинаковые сайты. И для него такой совет не главный. Главный совет Дениса: делай от души и будет пиздато.
#sales #money
Главный совет, который я могу дать другим студиям – не бояться и продавать дороже.
1. С хорошим бюджетом можно сделать круто. Не просто вау для дизайнеров, а чтобы все работало, развивалось и приносило пользу. Работающие проекты приносят удовлетворение и новых клиентов.
2. Проще продать один проект за несколько миллионов, чем 6 по 500 000. Для небольшой команды вообще отлично – продал один проект и месяц-два не переживаешь.
3. Если клиент вкладывается в разработку, меньше вероятность, что он его забросит. Скорее всего, такой клиент опытнее, не только понимает ценность качественной разработки, но так же вложится в маркетинг и продукт, и все у него получится.
Говоря "продавать дороже", я не имею в виду повышение наценки. Я имею в виду время выделенное на проект. За 200 000 рублей можно, условно, работать 15 дней и выдать результат. За 2 000 000 – 4 месяца могут работать 3-4 человека. И результат будет несоизмеримо лучше.
Если бы мне кто-то это объяснил лет 5-7 назад, было бы круто. Мы всегда боялись, что «дорого». И когда вначале продавали сайт за 60 тысяч и потом за «безумные» 200, потом 600, 1млн и дальше.
🧐UPD: Пост написал Леонид без валидации.
По просьбе Дениса официальное уточнение: сайты, которые мы продавали за 60, 200, 600, 1млн – это неодинаковые сайты. И для него такой совет не главный. Главный совет Дениса: делай от души и будет пиздато.
#sales #money
Ребята, спасибо всем за фидбек, очень приятно, что вам интересно. Чаще всего встречались вопросы про привлечение клиентов, поэтому расскажу, как в 2010 мы начали работать с PYE (раньше Pimp Your Eyes). Это был, буквально, один из первых клиентов Breadhead.
Было лето, и мне нужны были солнцезащитные очки. Каким-то образом я наткнулся на магазин Pimp Your Eyes. Когда я пришел в их шоурум, меня поразило их дружелюбие, атмосфера – даже сейчас удивляет, зайдите. Я купил очки, мы разговорились и как-то затронули тему сайта. Как так получилось, что у таких классных ребят такой сайт (сайт был не очень, еще и на флеше)?
На следующий день я написал Коле вконтакте. Мы долго переписывались, а месяца через три это выросло в разработку интернет-магазина.
Сейчас смешно читать ту переписку, но макеты (архив на старом сайте) до сих пор выглядят неплохо. А это 2010 год.
Наверное, это был наш единственный опыт «активных продаж». Но он показывает, что если писать и предлагать конкретную помощь тем, за кого действительно болеешь, это может вырастать в крутые проекты. А если бездумно втюхивать свои услуги, это только засоряет эфир.
Любопытно, что прямо сейчас мы опять работаем с ребятами из PYE. Только теперь уже над дизайном мобильного приложения.
#sales #history
Было лето, и мне нужны были солнцезащитные очки. Каким-то образом я наткнулся на магазин Pimp Your Eyes. Когда я пришел в их шоурум, меня поразило их дружелюбие, атмосфера – даже сейчас удивляет, зайдите. Я купил очки, мы разговорились и как-то затронули тему сайта. Как так получилось, что у таких классных ребят такой сайт (сайт был не очень, еще и на флеше)?
На следующий день я написал Коле вконтакте. Мы долго переписывались, а месяца через три это выросло в разработку интернет-магазина.
Сейчас смешно читать ту переписку, но макеты (архив на старом сайте) до сих пор выглядят неплохо. А это 2010 год.
Наверное, это был наш единственный опыт «активных продаж». Но он показывает, что если писать и предлагать конкретную помощь тем, за кого действительно болеешь, это может вырастать в крутые проекты. А если бездумно втюхивать свои услуги, это только засоряет эфир.
Любопытно, что прямо сейчас мы опять работаем с ребятами из PYE. Только теперь уже над дизайном мобильного приложения.
#sales #history
Кстати, если ещё не успели посмотреть, вот занятный разговор с Иваном Васиным из «Щуки» про деньги в дизайне: https://point.bangbangeducation.ru/columns/design-business/
Как-будто Иван заплатил консультанту и пришёл за прозрением, а ты это всё бесплатно подслушиваешь. Bang Bang, спасибо.