Смена метода управления проектами

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

У меня есть четрые своих продукта:

  • Remake.space — готовая тема для оформления геткурса
  • Getscript.ru — магазин скриптов для GetCourse
  • Nuance-freelance.ru — клубешник с полезной инфой для фрилансеров
  • Этот сайт портфолио

По каждому есть много разносторонних задач

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

Смена метода управления проектами 1
Часть задач по проекту Remake

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

Еще есть активные проекты и там тоже много сервисных задач.

Все это приводит к тому, что я как специалист и лидер команды даю сбой

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

Сейчас это выглядит так:

Смена метода управления проектами 2

Как я планировал сделать

Я думаю «Ага, давай я найму менеджера, он будет заниматься клиентскими проектами, а я закопаюсь в продукты». Но я попал в странную петлю.

  1. Я устал от того, что много клиентов, проектов и задач
  2. Давай найму менеджера, чтобы он общался с клиентами и вел проекты
  3. Блин, но я не хочу чтобы там не было меня. Я хочу делать крутой сервис для клиентов. Это качает мою репутацию.
  4. Так, я это никому не доверю, надо найти человека
  5. Я устал от того, что много клиентов, проектов, задач и еще есть работники.

И так по кругу. Я планировал строить такую модель.

Смена метода управления проектами 3
Схема взаимоотношения по моему плану

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

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

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

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

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

Это если бы президент страны чинил машину скорой помощи в маленькой деревне: «На общее дело влияет же, да?». Да, но не там силы тратятся.

Поэтому я принял решение изменить стратегию.

Как хочу сделать

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

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

Смена метода управления проектами 4
Как хочу сдедать

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

План такой:

  1. Найти менеджера, который шарит за разработку сайтов
  2. Свести его с ассистентом. Чтобы обкатать работу только их двоих.
  3. Обкатать систему задач, у нас это Юджайл.
  4. Если они срабатываются и работают эффективно
  5. Добавляем дизайнера
  6. Потом верстальщика

Если вы знаете такого менеджера — пишите в телегу @daniilpostnov

Изменение отступов на мобильной версии блоков Тильда

Стандартные блоки на Тильде дают править отступы сверху и снизу только в комьютерной версии. На других разрешениях это изменить нельзя.

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

Наглядно, но сайт из 10 блоков легким движением копирования превращается в сайт на 30 блоков. Если нужно поменять текст — нужно будет менять в 3 блоках сразу.

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

Проблема

Сегодня сел дорабатывать сайт по Нюансам Фриланса и столкнулся с этой же задачей. У меня страница с уроками. По структуре два повторяющихся блока: заголовок + видео.

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

Изменение отступов на мобильной версии блоков Тильда 5

На ПК отступы окей, но на мобильном воообще мрак

Изменение отступов на мобильной версии блоков Тильда 6

Решение

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

  1. Одинаковость типов блоков
  2. Одинаковые отступы

Это поможет подхватить нужные классы кодом и поменять в них отступы.

Открываем консоль и ищем стили

Консоль открывается везде по разному, зависит от системы и браузера. Нам нужно что-то похожее на это:

Изменение отступов на мобильной версии блоков Тильда 7

Слева у нас страница, посередине html-код, справа стили. Нам надо найти блоки наших элементов с проблемными отступами и посмотреть что у них общего.

Изменение отступов на мобильной версии блоков Тильда 8

Я посмотрел, нашел общее у моих элементов:

  • У заголовков отступ сверху
  • У видео оступ снизу

Ищем стили в правой части

За отступы снизу и сверху отвечают стили padding и margin. Отличаются тем, что если у блока есть например фон, то padding будет увеличивать этот фон, расширяя блок изнутри. А margin не будет расширять блок, он словно отталкивается от остальных.

  • margin-top — внешний сверху
  • margin-bottom — внешний снизу
  • padding-top — внутренний сверху
  • padding-bottom — внутренний снизу

Пошел искать их у элементов.

Изменение отступов на мобильной версии блоков Тильда 9
  1. У блока видео нашел стиль с отступом снизу.
  2. Ниже увидел, что есть такой класс, который назначает такой же стиль.
  3. В html увидел класс, который стоит у каждого видео.

Когда определили общий класс, к которому можно прицепиться — можно писать код.

Пишем код

В тильде внизу на странице создаю блок T123

Изменение отступов на мобильной версии блоков Тильда 10

Открываю и начинаю писать первое — определение разрешения. Что тут меняется, так это max-width и 480px. Все стили внутри этого участка будут срабатывать только при разрешении экрана меньше 480px. То есть на телефонах.

<style>
    @media only screen and (max-width: 480px) {
        
    }
</style>

Дальше мне нужно взять класс, который я нашел в прошлом шаге — t-rec_pb90 и написать для него другой отступ. Сейчас он 90px, а мне надо 40px.

<style>
    @media only screen and (max-width: 480px) {
        .t-rec_pb_90 {
           padding-bottom: 40px;
        }
    }
</style>

Но такой код не сработает, потому что стили Тильды сильные, они перешибут наши. Подмога — свойство! important. Оно как супермен с молотком Тора. Добавляем в конце.

Было padding-bottom: 40px;
Стало padding-bottom: 40px! important;

<style>
    @media only screen and (max-width: 480px) {
        .t-rec_pb_90 {
           padding-bottom: 40px !important;
        }
    }
</style>

Мне нужно было убрать отступы сверху у заголовков и снизу у видео. Поэтому надо было прописать для нескольких классов.

Изменение отступов на мобильной версии блоков Тильда 11

Результат

Изменение отступов на мобильной версии блоков Тильда 12

Нет дублирования кучи заголовков для всех разрешений.

Изменение отступов на мобильной версии блоков Тильда 13

На мобильном стили применились, отступы уменьшились.

Изменение отступов на мобильной версии блоков Тильда 14

Мы перебили нашими стилями стили Тильды.

Осторожно

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

Я обновлю статью позже и расскажу о другом способе.