Вторая ступень — это работа в режиме постоянных дедлайнов. На ней тренируется принцип Бюро «„Сделать“ значит сдать». Каждый понедельник прилетает новое задание. На него дают две недели: сначала делаешь с нуля, потом дорабатываешь по комментариям. Задания идут внахлёст, поэтому параллельно всегда работаешь над двумя. Работы оценивают как в реальном проекте, без скидок на обучение.
О принципе «„Сделать“ значит сдать»
Я попала в экспериментальный поток. Расскажу, как проходило обучение и как у меня получилось закончить ступень на первом месте.
Фидбэк
Раньше обратную связь давали текстом в школьном кабинете. По понедельникам студенты открывали результаты, видели комментарий от арт-директора и шли править. В нашем потоке по каждой итерации проходили вебинары с преподавателями в Зуме.
Как правило, арт-директор проверял работы тех, кто приходил. Если не пришёл, фидбэка давали в другом формате: комментарием по-старинке, голосовым в чате или отдельным видео-разбором. В общем чате можно было напрямую тегнуть преподавателя и попросить фидбэк — так было, например, с Артёмом Горбуновым. Однажды ещё Таня Мисютина зашла накануне дедлайна и выделила время, чтобы ответить на наши вопросы по заданию в Табло.
С прошлых потоков остались телеграм-чаты, где можно было попросить помощи по отдельным дисциплинам: по вёрстке у Миши Нозика, по HTML/CSS у Игоря Петрова, по дипломным идеям у Николая Товеровского. Они помогали нам докрутить работу перед сдачей. Логично, что тот, кто просил фидбэк, получал балл выше.
Вебинары были длинные. Первые недели я честно слушала разборы до конца, потом всё чаще включала их фоном пока занималась своими делами. Я не пропускала встречи и всегда просила прокомментировать свою работу (кроме пары недель в конце ступени, когда это было неудобно по времени). Так я получала наиболее развёрнутый фидбэк. Бирман, например, открывал работу и вслух проговаривал поток мыслей: что смущает, как докрутить, почему ставит такую-то оценку по такому-то критерию. В голосовых всё было сильно короче — общее впечатление без подробностей и без объяснений, почему именно такие баллы.
Подготовка
Школа Бюро выпустила достаточно людей, чтобы можно было подсмотреть, как они решали задания и какие комментарии получали. Далеко ходить не нужно: у преподавателей есть телеграм-каналы, где они разбирают работы. Можно листать историю и подсматривать удачные решения. Например, у Максим Ильяхов есть целый плейлист с работами учеников, да и в блоге он регулярно пишет о типовых ошибках.
Если покопаться, материалов набирается много: разборы, советы, лекции, литература, личные блоги преподавателей. Вводные меняются, задания могут отличаться, но почти всегда можно найти что-то, что поможет сделать работу лучше.
Большую часть заданий я делала в Фигме. Перед началом обучения завела файлик и разбила его по заданиям — под каждое своя страница. На них собирала советы, ссылки и лекции — всё, что могло помочь сделать работу сильнее. Так к началу недели у меня всегда было на что опереться.
Принципы вёрстки
Это была единственная неделя, когда задание было одно. За счёт чата ощущалась почти уютно: сразу включаешься, показываешь арт-директору промежуточные варианты, докручиваешь, мучаешь макет. Сил после январских было много, поэтому я без остановки двигала пиксели и сходила с ума по выравниваниям, внутренним и внешним отступам, цветокоррекции.
Задание состояло в том, чтобы сделать блок-визитку о себе. Вообще, поняла, что когда пытаешься навести дизайн-дизайныч в макете, получается хрень. Когда с любовью относишься к типографике, аккуратно подбираешь расстояния и сверху посыпаешь капелькой бунта — рождается кайф.
У меня не было портретов самой себя. Селфачи ставить не хотелось, так как понимала, что от фотки в такой страничке зависит многое: настроение, контраст, выбор цвета и шрифта. Достала свой фуджик, встала напротив белой стены и нащёлкала себя. После цветокора получилось поймать минималистично-ностальгичное настроение — его и взяла за основу.
На белом фоне подружить всё настроенчески получалось лучше. Но не получалось зарифмовать мобильную версию с десктопом: черный текст залезал на черный кусочек футболки и сливался с ним. Цветным заголовок делать не хотелось — настроение улетучивалось мгновенно. С минимальными потерями из этой проблемы я выкрутилась инверсией.
Переговоры с клиентом. Понимание задачи
Самое обсуждаемое и самое эмоциональное задание на ступени. На первой неделе мы готовились к переговорам и общались с клиентом, на второй — писали понимание задачи по итогам разговора. Клиентом был Геннадий — Илья Синельников в солнечных очках, руководитель отдела продаж, который хотел понять, сколько стоит разработка сайта.
Оценку на первой неделе ставили только за документ с подготовкой. Я запуталась в формулировке и сначала поняла повестку как вступительную часть разговора. Оказалось, что её нужно было разложить по пунктам. В итоге эти пункты у меня в тексте всё-таки были, поэтому балл за это не снизили.
Снизили за миссию. Я написала её слишком расплывчато — больше думала про мир клиента и про то, можем ли мы вообще ему помочь. Сейчас понимаю, что такая формулировка на переговорах бесполезна: она не помогает держать фокус и не работает как ориентир. Что-то вроде «помочь Геннадию найти эффективный способ повысить продажи» было бы куда полезнее.
Миссия, повестка, вопросы
На второй неделе по плану нужно было писать понимание задачи. Но мы провалили переговоры и ничего не узнали, поэтому писали письмо Геннадию, чтобы извиниться и попытаться спасти деловые отношения.
Боже, сколько раз я переписывала этот гугль-док. За два часа до сдачи открыла его — и поняла, что, блин, не то. Я уже была за*бана после сдачи Ильяхова, но всё равно переписала ещё раз — через боль, слёзы и сильное желание просто пойти поспать наконец.
Это того стоило: Илья Синельников похвалил письмо.
Мой «секрет» был простым: я перечитала Кэмпа в нужных местах и снова прошлась по советам с первой ступени. Искала похожие ситуации и буквально собирала письмо из ответов, которые Илья давал в советах.
Мое увожение письмо Геннадию
Информационный текст для сайта
Первое задание, на котором я поймала перегруз. Нужно было притвориться бизнесом и выпустить текст после какого-то кризиса. Я выбрала «Великую санитарную панику».
Самым сложным оказался фактчекинг и попытка упаковать сложные процессы в понятные слова. Иллюстрации, коллажи и фактоиды здесь так же важны, как и текст.
Максим Ильяхов в таких заданиях сначала смотрит на крупные элементы и оценивает, складывается ли из них внятная и убедительная история. И только потом выборочно читает текст.
Самое главное правило для этого задания — второе правило пропаганды:
Мы не опровергаем чужую дичь. Мы придумываем и проталкиваем свою дичь.
Полная страница
Вёрстка сложного документа
Вводные: длиннющий договор Билайна с ошибками, сплошным текстом в гугль-доке
Задача: сверстать красиво, классно, полезно
Эмоция: бл*******
Шучу :-)
Для меня это было задание-кайф. Такой же медитативный кайф, как от антистресс-раскрасок и других усидчивых занятий. ОКРшник во мне ликовал, когда я расставляла всё по линеечкам и собирала текст в аккуратные блоки.
Тут еще проверяют вашу любовь к типографике и русскому языку. Я постаралась: набрала аббревиатуры разреженной капителью, оформила формулы и расставила тонкие пробелы, где надо.
Николай рекомендует для этого задания вдохновиться книгами Мильчина и Петра Коломнина.
Чтобы легче ориентироваться в договоре, я добавила расшифровку «на человеческом» — для нормальных людей. Подсмотрела это в договоре Бюро Горбунова.
Чтобы найти ошибки, нужно вычитать весь текст. Это, конечно, капец. Тренировка усидчивости уровня 100. Сначала я прошлась по нему сама, потом ещё раз, и ещё — и каждый раз находила, что можно исправить.
В какой-то момент скормила текст нейронке. Она неплохо подсветила орфографию, правописание и косяки в последовательности. Но Николай Товеровский оказался сильнее и нашёл места, которые ни я, ни умный компуктер не заметили.
Опасное место здесь — сдвиги, которыми я обозначила вложенность. Их стоит аккуратно подобрать, чтобы одновременно колонка текста не была слишком узкой и вложенность явно считывалась. У меня получилось удержать баланс, поэтому Николай одобрил такой ход.
Полный документ
Проектирование сайта
До начала второй ступени нам скинули в чат видео с условием задания как затравку. Поэтому к этой неделе я уже собрала лучшие решения интернет-магазинов, которые решали бы задачу из задания. Под условия задания хорошо подходил проект Бирмана «Дом Тома», поэтому большую часть своих решенией я стырила подцепила оттуда.
Нам достался интернет магазин лопат. Всех лопат. Даже детских. Для пиццы тоже. Я пошла от пользовательского запроса и разделила их на функциональные категории: для чего и для кого. Любая лопата решает задачу: выкорчевать пень, раскопать машину из-под снега, поиграть в песочнице. Моя задача как проектировщика была в том, чтобы сориентировать покупателя и помочь ему ту самую лопату найти.
Большое меню с категориями показывает, что лопаты есть ВСЕ. А поиск помогает сразу перейти к своему запросу.
Чтобы лопаты было удобнее сравнивать, я поставила их в анфас и профиль. Так получилось показать различия в высоте, изгибе черенка, ширине рабочей части. Под заголовком категории ставила человекоориентированные слайдеры или табы сверху — по конкретной задаче. Снизу предложила тэги тех запросов, которые чаще всего ищут в этой категории.
Для тех лопат, в которых вид сбоку особого значения не имеет, отрисовала немного другие раскладки, чтобы не терять внимание покупателя.
В первой итерации Бирману не понравилось, что у меня солянка их подач. Зато по эстетике получила пятёрку и «зашибись».
На вторую итерацию я оставила два формата, которые чередовала между собой — товары и категории. Для перебивочек добавляла карточки-акции, чтобы заинтересовать сервисом магазина как бы между делом — о доставке, сертификатах, подарочной упаковке. А обложку сделала «баннерной» — микс коллекции и товаров.
А так, Бирман достаточно высоко оценил работу, и сказал, что такое уже можно нести заказчику и обсуждать детали.
Обе итерации задания
Продающая страница
Продающая страница — достаточно простое задание, сам Ильяхов об этом говорит. Разборов прошлых потоков много, поэтому понять, что от тебя хотят и как получить хороший балл, было несложно. Главной морокой было заставить нейросеть сгенерировать изображение так, как я хочу. А так — сидишь, кайфуешь, придумываешь сценарии в голове. Вот я представляла, что я молодая мамочка, а мой ребёнок носится по кухне и стреляет пюрешками во всё подряд.
Полное задание
Вёрстка многоэтажной веб‑страницы
Верстала страницу меховых шапок. К сожалению, не смогла посвятить этому заданию больше времени и любви. Как бы мне этого не хотелось, но пришлось флексить :-( Зато какие клёвые макеты приносили мои сокурсники! Было ощущение, что каждый оторвался и вложил в задание частичку себя. Я прям сидела и любовалась.
Кажется, что я хакнула это задание тем, что подобрала модненько-дерзкие фоточки в примерно одном стиле. По условиям шапки должны быть на мужчинах, женщинах и детях, а найденная мной коллекция была исключительно женской. Чтобы добиться однородности, я брала исходные фотографии и через чат ГПТ дотягивала из них мужские и детские образы. Генерации часто выглядят неестественно и уродско, поэтому кучу времени тратила на то, чтобы выжать из нейросетки то, что нужно.
На второй итерации щепоточку любви добавить получилось: доработала перебивки и футер с иголочкой. Я понимала, что иголочке не с чем подружиться в макете. Спросила об этом в чатике у Миши, но ответа не получила. Подумала, что ладно, поставлю, так как в своей голове у меня была концепция сайта в которой я вижу такие украшалки. В итоге получила справедливое замечание об этом на разборе. Пообщала себе довести этот макет до ума. (Пока не довела, когда сделаю — добавлю).
Вся страница
ХТМЛ‑вёрстка многоэтажной веб‑страницы
На первой ступени это единственная дисциплина без видео-лекций. Мне было тяжело читать длинные тексты лекции и врубаться в то, с чем я не знакома. Шло тяжко. Дополнительная литература была на сторонних сайтах, особой мотивации читать её не было. Сдавала задания я просто потому что «надо».
Ко второй ступени я бы всё это спокойно забыла, если бы не занималась сама. Я знала что код уже ждёт меня в работе и на второй ступени, так что подтягивала знания самостоятельно. Еще на первой ступени скачала Mimo, прошла первую главу, заскучала и бросила. Вернулась к привычному — разбираться через ютуб.
Верстали мы частичку задания Нозика: шапку, доминирующий блок и подвал. Первую итерацию сдала в кодепене. Игорь дал небольшие правки, но всё равно поставил пятерку. Он предложил на следующей итерации опубликовать сайт на хостинге. Я так и сделала :-)
Сайт на хостинге
Главный вызов задания — быстро разобраться в чём-то незнакомом. Главный кайф — разобраться. Я поймала почти детский восторг, когда поняла, как грамотно сверстать обложку. В одном из советов Артём Горбунов говорил, что лучший способ не выгореть — научиться чему-то новому. Здесь это сработало ровно так.
У меня пропал барьер перед тем, чтобы писать код самой. И не только у меня: кто-то из однокурсников вдогонку даже записался на курс по дизайну кодом Жени Арутюнова.
Если у задания и правда была миссия заинтересовать кодом, то, по-моему, оно с ней отлично справляется.
Выбор темы диплома
Всю дорогу понимаешь, что впереди диплом: нужен свой проект, желательно небольшой и такой, из которого можно сделать сайдхасл. Николай Товеровский ведёт чат, где помогает докручивать идеи. Это факультатив, но чем больше обратной связи от преподов Бюро получишь, тем лучше.
Каюсь, в чат не писала. Но активно пользовалась его содержимым: читала разборы ребят прошлых потоков, слушала записи вебинаров, однажды сходила на встречу сайдхаслеров. В целом следила за проектом «Сайдхасл» Товеровского — он как раз про то, как запускать что-то своё и получать дополнительные денежки в кармашек.
Помогло ли это с заданием? Нет. Рыдала ли я накануне? Да.
Щас расскажу.
Неоднозначное задание. В кабинете всё подробно расписано, дополнительных материалов много, но из потока в поток именно оно у многих самое провальное. Я ставлю на то, что нас к нему недостаточно подготовили: не было базы, чтобы решить задачу так, как её видит Артём Горбунов. Понимание пришло только после вебинара с разбором работ, где он читает ПЗ и вслух проговаривает свои мысли. До этого я не до конца понимала, что от меня требуется.
Я могу ошибаться, но у меня сложилось ощущение, что Горбунов не читает док дальше полезного действия. А если и читает, то не считает остальные разделы такими же значимыми. Для меня это было неочевидно, и я вкладывалась в каждый раздел примерно одинаково.
Во время разбора я уже поняла, что провалила задание. Эта оценка могла стоить мне первого места и, соответственно, бесплатного обучения на третьей ступени. Но дело даже не в этом. Я, блин, конкурентная. Мне хотелось доказать себе, что я могу. До обучения первое место казалось мне недостижимым, а тут — почти в руках и начинает выскальзывать.
За несколько часов до публикации оценки я дала себе проплакаться, чтобы встретить её уже собранной. Так и получилось: дождалась полуночи, увидела свой балл и спокойно легла спать. 2,83.
Мое неудачное ПЗ
Что расстроило ещё — на следующей неделе ПЗ не дорабатываешь, а сразу переключаешься на анонс. Я уже была эмоционально вымотана и делала его на пофиг. Отложила до среды и добила в четверг.
Да, чтобы успешнее выполнить анонс, ПЗ всё же нужно доработать. Честно, я этого делать напрямую в гугль-доке не стала, но замечания Артёма держала в голове и отразила их в анонсе.
Я делала «от души», как чувствовала. Тема у меня была немного маргинальная, поэтому хотелось дерзости в подаче — решила сделать картинками. Времени было мало, поэтому за референс взяла стиль ребят из Эникрафта. Телеграм не даёт писать простыню, если прикрепляешь много картинок. Я решила, что мне это даже на руку — и написала коротко по делу. Я знала, для кого пишу и какой эффект хочу получить. В канале Горбунова подсмотрела мысли о том, чем заинтересовать руководителя и редактора. Учла комментарии Артёма и отразила их в анонсе.
Я просто отпустила задание. Делала не «на оценку», а в кайф. Думала: ну поставит Горбунов двойку — хотя бы не вымучивала.
В итоге — четыре. Это как вообще!!!
Анонс «Коли сам»
Для меня это задание остаётся загадкой. Да, я стала лучше понимать, что является работоспособной системой. Но опять же — про FIRE я узнала в день, когда открылось задание. Если бы я знала это до поступления на вторую ступень, мне бы это очень помогло.
Наверное, урок, который я могу вынести отсюда — копать дальше школьной программы. Я могла бы сделать собственный ресерч, могла попрость помощи в чате Товеровского, даже постучаться за фидбэком к Горбунову. Короче, использовать все способы чтобы достичь цели. Поняла, что щупалец целеустремлённости тоже нужно растить.
Интерфейс мобильного приложения
Задание старое, его разборы есть на канале Бирмана и в старом тг «Бирман смотрит». Было несложно понять, что нужно сделать — и просто сделать. Сейчас понимаю, что могла бы подумать лучше и придумать что-то интереснее стандартного приложения, которое «просто решает задачу». Сделать не гуд, а экселлент. Жалею.
При проверке Илья Бирман почти не читает подписи к макетам. Я как раз вынесла туда часть логики приложения. Не знаю, повлияло бы это на впечатление или нет, но пояснения просто пропустили. Поэтому здесь к месту будет его совет:
Если хотите, чтобы текст прочитали, ставьте его над макетом, а не под.
Особо много писать не хочу, просто покажу.
Визуализация сложных данных
ААААААА. Задание по визуализации — это паника. Перед ним я знала, что будет как-то так:
Я не ошиблась.
Не стеснялась и пользовалась чатом-ГПТ как своей правой рукой. Все ребята на потоке делали так же. Он неплохо знает Табло: подсказывает формулы, варианты графиков, как что лучше показать. Джемини или дипсик тут вообще слушать не стоит. Я пробовала — это фейл.
Визуализацию строила по алгоритму Δλ. Реальность данных нам выложили прямо в задании, частицу выявила, вынесла на плоскость — и понеслось. Крутила-вертела сделки и построила из них домики с подъездами из типовых квартир.
Использовала чат-ГПТ как правую руку — так делали почти все на потоке. Он неплохо знает Табло: подсказывает формулы, варианты графиков, как что-либо на них отразить. Джемини и дипсик даже слушать не стоит. Я пробовала — это фейл.
Чтобы оценить эффективность менеджеров, собрала график со средней продолжительности сделки. Он не понравился Тане — неудобно сравнивать, когда приходится переключаться между менеджерами.
Динамику продаж показала линейным графиком с переключателями: по количеству продаж и денег и по критериям.
Визуализация в Табло
Что я получила
Мощнейший пинок под зад и мотивация на жизнь вперёд. Мне безумно понравилось учиться на второй ступени. Это было тяжело, но я прям чувствовала, как дизайнерские мышцы во мне становятся крупнее. Появилась уверенность в том, что можно всё, и что я смогу (раз уж до первого места добралась-то) — а это дорогого стоит.
← Первая ступень
