<?xml version="1.0" encoding="utf-8" ?><feed xmlns="http://www.w3.org/2005/Atom" xmlns:tt="http://teletype.in/" xmlns:opensearch="http://a9.com/-/spec/opensearch/1.1/"><title>@sparksyk</title><author><name>@sparksyk</name></author><id>https://teletype.in/atom/sparksyk</id><link rel="self" type="application/atom+xml" href="https://teletype.in/atom/sparksyk?offset=0"></link><link rel="alternate" type="text/html" href="https://teletype.in/@sparksyk?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=sparksyk"></link><link rel="next" type="application/rss+xml" href="https://teletype.in/atom/sparksyk?offset=10"></link><link rel="search" type="application/opensearchdescription+xml" title="Teletype" href="https://teletype.in/opensearch.xml"></link><updated>2026-07-27T09:53:40.173Z</updated><entry><id>sparksyk:mqA36H_Gs</id><link rel="alternate" type="text/html" href="https://teletype.in/@sparksyk/mqA36H_Gs?utm_source=teletype&amp;utm_medium=feed_atom&amp;utm_campaign=sparksyk"></link><title>LANDIGN PAGE ПО КУХНЯМ НА ЗАКАЗ. КЕЙС, ПРОЦЕСС РАБОТЫ, ДИЗАЙН.</title><published>2021-01-18T19:35:08.829Z</published><updated>2021-03-02T07:12:05.511Z</updated><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://teletype.in/files/49/cf/49cfa60d-271d-4daf-8df9-354b1757a9f1.png"></media:thumbnail><summary type="html">&lt;img src=&quot;https://teletype.in/files/1b/cd/1bcd6ded-4001-41c9-aea0-4c8e4f920779.png&quot;&gt;Когда я занимался спамом, некоторые сообщения остались и только в декабре привели клиента:</summary><content type="html">
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/1b/cd/1bcd6ded-4001-41c9-aea0-4c8e4f920779.png&quot; width=&quot;1280&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Когда я занимался спамом, некоторые сообщения остались и только в декабре привели клиента:&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/05/1f/051f65af-299f-4523-b323-3c2c44081b0c.png&quot; width=&quot;490&quot; /&gt;
  &lt;/figure&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/f8/04/f804cbbd-0c61-4367-99c6-d3a6b936ca2d.png&quot; width=&quot;489&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;По телефону мы обговорили все детали, и ему было предложено протестировать меня по визуалу.&lt;/p&gt;
  &lt;p&gt;За эту цену заказчик получает ТЗ для своего проекта, подготовленную площадку trello для работы с подрядчиками и дизайн главного экрана, чтобы проверить по стилю.&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/04/37/04373338-d26c-405e-a464-7ab41cc94006.png&quot; width=&quot;549&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Бюджет был озвучен и мы начали работу.&lt;/p&gt;
  &lt;p&gt;Заказчика всё устроило, но изначально я настоял на тестировании, чтобы он был на 100% уверен, что являюсь именно тем подрядчиком, который нужен.&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/cf/56/cf5643ac-5be5-4373-a8a3-5a33ac4a356a.png&quot; width=&quot;807&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Начали мы с составления ТЗ ведь без ТЗ результат ХЗ.&lt;/p&gt;
  &lt;p&gt;Когда готовы тексты, то все становится проще. Я взял свой шаблон документа и просто внес все данные в него.&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/53/cf/53cf9fd6-e312-40c6-8c54-1484ca97c754.png&quot; width=&quot;632&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;После подготовки ТЗ я подготовил trello:&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/a9/03/a90303a5-9b45-4705-8485-78546d9b05cf.png&quot; width=&quot;807&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;И уже после trello я предоставил заказчику все сроки:&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/cc/d8/ccd810a3-ab22-4f5a-81f1-47f9a942fff4.png&quot; width=&quot;575&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Сроки устроили, и мы договорились начать работу 30 декабря, как и планировали.&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/1c/32/1c320135-3e59-47ad-b11a-c6ba4314c696.png&quot; width=&quot;480&quot; /&gt;
  &lt;/figure&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/40/86/40869618-8351-4c96-ba78-2452994ad57b.png&quot; width=&quot;807&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Начинается всё с подбора референсов и ассоциаций. Очень понравилась работа с Андреем, так как он сразу же все референсы мне предоставил, а ассоциации должны быть: «Уют, комфорт и безопасность».&lt;/p&gt;
  &lt;p&gt;Первый вариант, который я предоставил:&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/ce/59/ce592e21-7e27-4188-bb38-f09e091dcceb.png&quot; width=&quot;807&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Этот вариант хороший, но нужно приглядываться к текстам. Пробуем в темном варианте.&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/9d/bd/9dbd3964-61f8-41bf-b557-cd227bf23541.png&quot; width=&quot;807&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Читается все хорошо, но по ассоциациям что-то не то…&lt;/p&gt;
  &lt;p&gt;Но заказчику понравилось. Он только попросил сделать форму красивее и изменить фон.&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/45/70/4570ff5b-39c5-4932-926c-e337d0eada12.png&quot; width=&quot;807&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;По ассоциациям не нравился, поэтому думал часа два, как это изменить… Пришла одна идея.&lt;/p&gt;
  &lt;p&gt;Я добавил внизу небольшой оттенок желтого, который напоминает солнечные лучи. Это хорошо передает уют + тексты читаются без напряжения.&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/d6/d3/d6d396c5-f1a6-483b-b9a3-8ceecf09d449.png&quot; width=&quot;807&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Заказчик все утвердил, и мы начали работу.&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/c9/8b/c98bed58-f12a-46c0-a83f-8bb1cf11254d.png&quot; width=&quot;494&quot; /&gt;
  &lt;/figure&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/8b/8f/8b8f58d9-f6cd-4d9f-a621-87b1a81b85ed.png&quot; width=&quot;807&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Перед работой подготавливаю небольшую карту по ЦА на основе всей аналитики, что есть у заказчика.&lt;/p&gt;
  &lt;p&gt;В этот раз её не было, и я использовал тот анализ, что есть у меня.&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/82/87/8287b81a-2260-4afd-92df-69954af0135d.png&quot; width=&quot;496&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Дальше я подготовил карту по триггерам для дизайна:&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/b8/9e/b89e63bd-8236-4bb9-819c-298bca64fbd1.png&quot; width=&quot;541&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;И пока готовил это, мне пришла одна идея, которую можно легко реализовать.&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/b4/38/b438e8d1-a6d1-4de9-8024-850e66dfde37.png&quot; width=&quot;447&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Только после этого анализа приступил к дизайну сайта.&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/3c/0f/3c0f65d3-f954-4920-a2dd-941cb9ccd8cf.png&quot; width=&quot;807&quot; /&gt;
  &lt;/figure&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/1b/e6/1be65aa6-7c74-4160-8774-99ea0599610f.png&quot; width=&quot;807&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;На главном экране было сказано сделать упор на форму, и я выделил её, как мог.&lt;/p&gt;
  &lt;p&gt;Сделал картинку кухни, чтобы привлечь внимание, а также желтую кнопку с той же целью.&lt;/p&gt;
  &lt;p&gt;Шрифты с засечками придают статус на всем сайте, а дизайн передает уют.&lt;/p&gt;
  &lt;p&gt;И, как я говорил, снизу сделал желтый оттенок для эффекта «Лучей солнца». Именно он передает комфорт на данном экране.&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/54/99/54997833-2ba4-46e0-a5cd-47934707da96.png&quot; width=&quot;706&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Дальше на втором экране идёт квиз. Тут всё стандартно.&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/63/e8/63e8bf86-86d9-43bb-9344-303408755358.png&quot; width=&quot;722&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Блок «Наши преимущества» сделал в виде «плюсиков». При наведении на них будет выскакивать определенный текст.&lt;/p&gt;
  &lt;p&gt;Почему не в виде иконок, как на всех сайтах?&lt;/p&gt;
  &lt;ol&gt;
    &lt;li&gt;У заказчика прибавляются преимущества, чтобы он смог самостоятельно в течении 15 минут добавить новый текст и не прибегать к помощи подрядчиков.&lt;/li&gt;
    &lt;li&gt;Нечасто встретишь такое решение, и это заинтересует ЦА. ( Всё покажет аналитика )&lt;/li&gt;
    &lt;li&gt;Можно выделить любую кухню и во время a/b-тестирования протестировать некоторые фото.&lt;/li&gt;
  &lt;/ol&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/78/34/78347b10-676b-4d53-885f-b82bae4fb0d9.png&quot; width=&quot;715&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;В данном блоке(он стандартный) показываются работы из каталога. Разделены они по стилям.&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/58/9a/589a91b9-aec4-4b78-814b-ac09dd09e42c.png&quot; width=&quot;574&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Блок нужен для показания процессов работы. Тут достаточно просто сделать удобный ui/ux.&lt;/p&gt;
  &lt;p&gt;Есть видео и название стиля - этого достаточно, чтобы пользователю было удобнее всего.&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/69/0d/690dc737-3758-48a8-8aa1-46ddba4ecebb.png&quot; width=&quot;566&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Я бы добавил еще ссылки на людей, но такой возможности нет.&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/41/3d/413dd851-db17-449f-9ca4-dc97a4e8088e.png&quot; width=&quot;575&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Дальше блок «Бесплатный замерщик». Это финальный вариант, но у меня была другая идея, о которой вы узнаете ниже)&lt;/p&gt;
  &lt;p&gt;Две иконки, чтобы завладеть вниманием+ максимально короткий текст.&lt;/p&gt;
  &lt;p&gt;И надпись «Это вас ни к чему не обязывает», чтобы человек не боялся оставить свой телефон.&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/cd/e3/cde36606-2b72-43de-8f50-cc60f493beb7.png&quot; width=&quot;576&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;И последний блок у нас «Контакты». Он идет стандартный.&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/8a/5d/8a5d67ee-a9a5-4b8b-b53f-f9f547ed6ed9.png&quot; width=&quot;807&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Изначально для блока «Бесплатный замер» было такое ТЗ и задача от заказчика, чтобы был человек, который приезжает на замер.&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/61/53/61534058-f3a9-4e80-ac0b-52758d7c76d1.png&quot; width=&quot;723&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Я сделал по-другому и подобрал чувака, который ассоциируется с дизайнером.&lt;/p&gt;
  &lt;p&gt;И вот что получилось:&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/6f/14/6f14afa3-cf03-49a3-95be-c17252828d3e.png&quot; width=&quot;719&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Заказчик понял мою идею, но ему не понравилось. Мы сменили текст, чтобы можно было поставить замерщика.&lt;/p&gt;
  &lt;p&gt;Всё это было сделано.&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/06/ff/06ff112b-36ea-4934-8285-0d40d25d0578.png&quot; width=&quot;717&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Получаем обратную связь:&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/ce/a8/cea8cc9f-2ee3-4724-843b-574a5674fc2a.png&quot; width=&quot;595&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Поставили замерщика и финальный вариант был такой:&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/49/70/4970c80b-e985-4d25-a016-edf8d3e35ef7.png&quot; width=&quot;573&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Дальше после верстки были еще пару правок, но все сделал максимально быстро.&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/a5/68/a568f70d-82e7-4685-8f79-b1d5599149b7.png&quot; width=&quot;512&quot; /&gt;
  &lt;/figure&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/62/75/6275cba2-4e28-4d5f-95f1-9ff34673855c.png&quot; width=&quot;807&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Перед версткой на тильде я подготовил макет по своему чек-листу и мы стали двигаться дальше.&lt;/p&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/05/74/057470ca-cb3b-40c4-908c-f808b49c1a36.png&quot; width=&quot;540&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Дальше я все сверстал на тильде и сейчас сайт на этапе «Тестирования»&lt;/p&gt;
  &lt;p&gt;&lt;strong&gt;Как оно проходит:&lt;/strong&gt;&lt;/p&gt;
  &lt;ol&gt;
    &lt;li&gt;Первую неделю смотрю каждый день яндекс-метрику, исправляю все баги и недочеты.&lt;/li&gt;
    &lt;li&gt;Вторую неделю начинаем тестирование и проверяем все гипотезы, чтобы увеличить конверсию, делаем это на протяжении недели.&lt;/li&gt;
    &lt;li&gt;В конце пишу все пожелания для улучшения сайта в виде аудита и отправляю заказчику, а потом закрываю проект.&lt;/li&gt;
  &lt;/ol&gt;
  &lt;figure class=&quot;m_original&quot;&gt;
    &lt;img src=&quot;https://teletype.in/files/26/e1/26e150c0-9136-4e1d-9c48-d6acd8b5fb8a.png&quot; width=&quot;807&quot; /&gt;
  &lt;/figure&gt;
  &lt;p&gt;Сейчас я ищу людей, кто занимается кухнями под заказ и готов прислушиваться ко мне как к эксперту. Я готов выложиться на все 500% и сделать тебе лютейший результат.&lt;/p&gt;
  &lt;p&gt;У меня есть гипотезы, которые нужно проверить и я жду проект, который поможет мне реализовать свой потенциал.&lt;/p&gt;
  &lt;p&gt;&lt;strong&gt;Кто не сможет поработать со мной:&lt;/strong&gt;&lt;/p&gt;
  &lt;ol&gt;
    &lt;li&gt;Если ты занимаешься кухнями в городе Уфа. Именно в этом городе работает данный LP и я не хочу конкурировать сам с собой&lt;/li&gt;
    &lt;li&gt;Если ты неадекватный заказчик&lt;/li&gt;
    &lt;li&gt;Если ты хочешь продающий сайт за 5000 рублей&lt;/li&gt;
  &lt;/ol&gt;
  &lt;p&gt;Сейчас мой средний чек 15.000 рублей и с каждым проектом он будет повышаться.&lt;/p&gt;
  &lt;p&gt;Так же готов рассмотреть другие ниши. В общем пиши мне сюда — &lt;a href=&quot;https://www.instagram.com/andreysparksy/&quot; target=&quot;_blank&quot;&gt;https://www.instagram.com/andreysparksy/&lt;/a&gt;&lt;/p&gt;
  &lt;h2&gt;А сейчас, если ты дочитал этот кейс до конца, то у меня для тебя предложение. Ты пишешь в комментарии честный отзыв по кейсу, а я тебе скину в личку просто невъебенные ништяки для работы:&lt;/h2&gt;
  &lt;ol&gt;
    &lt;li&gt;Шаблон ТЗ для работы с заказчикам и подрядчиками + шаблон договора.&lt;/li&gt;
    &lt;li&gt;Ссылку на trello для примера работы&lt;/li&gt;
    &lt;li&gt;Чек-лист по подготовке дизайна к верстке&lt;/li&gt;
    &lt;li&gt;Файл с триггерами для дизайна&lt;/li&gt;
    &lt;li&gt;Набор статьей по ui/ux&lt;/li&gt;
  &lt;/ol&gt;

</content></entry></feed>