YanaBn | Design With Love

Решила наконец-то взять себя в руки и пошла с ковриком в парк, чтобы, испытывая чувство легкого кринжа, сделать 5 упражнений на мышцы кора. Кринж перед прохожими: 5/5 Гордость собой: 5/5 Зрителей: 0/100 :( Убитых комаров: 100/100000

А вы шо думали? Хуйню не советуем *это про студию вокала*

Пару слов о разработке сайта для студии вокала Если вкратце описать весь запрос, то он был таким: нужно сделать сайт без агрессивных продаж для уютной студии вокала, куда ходят (миллениалы) не только чтобы научиться петь, но и, чтобы раскрепоститься, провести время не думая о заботах, обрести поддерживающее комьюнити. Студия называется «плейлист» и ребята часто устраивают тематические отчётные концерты, посвященные хэллоуину или фильму/сериалу. На созвоне я поняла, что ребята хотят продвигать сайт дальше, и тут я недолго думая вспомнила о Тане @tanya_tsybina — она крутой сео-специалист и сразу порекомендовала её. Почему сразу, а не после завершения проекта? Потому что структура и текст сайта очень сильно связаны с продвижением и лучше сразу эти моменты проработать с грамотным спецом. Этот момент я обычно проговариваю на созвоне, но никогда не давлю и никого не заставляю. В общем! После запроса и после анализа самой студии, конкурентов и ЦА я уже примерно понимала какой вайб нужен сайту. А после того как Герман (заказчик) прислал свою версию мудборда, я поняла, что попала в точку! Оставалось только обсудить пару деталек и делать дизайн. 🥰 Итого: Прекрасный заказчик и атмосферная студия вокала + суперский сео-специалист @tanya_tsybina + я (дизайн+верстка) + код плейлиста с подгрузкой яндекс музыки от заказчика (тут я просто в шоке что мы это реализовали!!!) = чудесный сайт https://studioplaylist.ru Я была в таком восторге от самой студии, что мне самой захотелось записаться и как жалко, что они не в СПБ! 🐱 Этот то случай, когда я завидую, тем, кто живет в Москве и может прийти к ребятам и почувствовать эту атмосферу на себе!

🎤 Кейс: как продвигать студию вокала в Москве Продвинуть по запросу «студия вокала в Москве» небольшой лендинг — задача крайне сложная. Совсем другая история «студия вокала Плейлист у метро Новослободская». Это уже геозависимый запрос с понятным намерением пользователя. Тем более заказчик поступил абсолютно правильно: обратился к SEO-специалисту ещё на этапе подготовки текста. Это всегда эффективнее, чем потом переделывать готовый сайт. Что мы сделали: 🟣собрали семантическое ядро; 🟣органично встроили ключевые запросы в тексты и заголовки; 🟣прописали Title, Description и Keywords; 🟣внедрили микроразметку Website, LocalBusiness и FAQ; 🟣настроили llms.txt и llms-full.txt для взаимодействия с ИИ-поиском; 🟣подключили сервисы аналитики и настроили цели в Яндекс Метрике; 🟣проработали всю техническую часть. Стратегия продвижения строится не только вокруг классического SEO. Основной акцент на личном бренде, геолокации, а также присутствии в нейровыдаче (ChatGPT, Алиса, Gemini и др.) Над дизайном работала Яной @yanabrkn, и сайт получился супер милым! Чего только стоит поющий котик 😗 🎶 И, конечно, огромное спасибо заказчику Герману за такой душевный отзыв и за комфортнейшее сотрудничество 🙂🌟 Когда все на одной волне, и результат получается крутым ✨ Хотите так же — с продуманной стратегией и разметкой под нейросети? Пишите, обсудим ваш проект. Или записывайтесь на курс по SEO продвижению 👍 #seo #seo_обучение #seo_кейсы #seo_ai

Завтра пост и ссылка на сайт!

маленький спойлер того какой сайт у меня сейчас в разработке 😻

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

Я так умиляюсь с этой анимации!!! Сгенерировала поющего котика для сайта студии вокала и теперь он поёт при наведении на кнопки 🥰

Весь июнь я провела либо на больничном (дважды), либо за работой. Сейчас на завершающих этапах два очень крутых сайта. И хочу поделиться первым из них: редизайн интернет-магазина для художницы Маши Янковской. Сайт реализован той самой резиновой вёрсткой по виндоу контейнеру. Можно заметить как изменяется вид сайта, если увеличивать или уменьшать окно браузера. Это сделано для того, чтобы элементы не казались огромными при масштабировании экрана. И, как оказалось, такая вёрстка безумно удобна для адаптации. Можете сами потестировать, и если что найдёте, то присылайте в комменты, буду править! 🥰 Обязательно зацените сетку в каталоге — это стандартный блок! Как же я с ним намучилась... https://mashayankovskaya.store/

Я устала постоянно где-то искать эти коды, поэтому сохраняю их тут, чтобы и вы не искали! 1️⃣ КОД ДЛЯ БОЛЬШОГО БЕЙДЖИКА В СОЦ СЕТЯХ <meta name="twitter:card" content="summary_large_image"/> 2️⃣ КОД ЧТОБЫ ФОРМЫ В МОБИЛКЕ НЕ ЗУМИЛИСЬ ПРИ ВВОДЕ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover, user-scalable=no, shrink-to-fit=no" /> Эти два кода кладём в "настройки сайта" → "вставка кода" → "редактировать код" 3️⃣ ИНВЕРСИЯ ЦВЕТОВ В МЕНЮ <style> .uc-diff-header { mix-blend-mode: difference; position: fixed; z-index: 9999; } </style>

Я тут решила отключить все свои правила в голове и просто дизайнить! И мне так нравится то что получается! Сетка тут оч интересная нарисовывается, да, часть заголовка в главном блоке не идёт по направляющей со второй строчкой второго заголовка, и что? Спрашиваю я сама себя Да, в одном заголовке я использую два разных шрифта и два разных цвета, и что? Там еще и кегль разный! но оно специально чтобы визуально одинаково выглядело 🤭 Да, у меня в одном блоке 4 абсолютно разных стилей текста, может быть даже и 5, я не считала, и что? Короче, мне безумно нравится эта стилистика, некий фем-панк-y2k, где я могу не следовать правилам, а просто делать как нравится! ☺️ Вы только представьте как классно будет это выглядеть на сайте в купе с анимацией 😭

У меня тут случается очень интересный опыт! ☺️ У меня есть ученица, которую я несколько лет обучала математике и готовила к сдаче ОГЭ (мы сдали успешно!). А сейчас я её менторю по дизайну, рассказываю всё, что делаю сама и даю практические домашки ☺️ Ручки чешутся уже перейти к этапу дизайна, чтобы вам показать результат, но пока мы на коммерческом предложении, а далее договор, анализ, текст, прототип.... В общем, ожидается что-то интересное! 🥰

Это, конечно, полный треш. В Минске мы пробыли два дня, вернулись в Коломну и уже вечером 25 мая были дома в СПБ. Но мне пришлось отложить практически всю работу на неделю! Во вт я слегла с высокой температурой, в пт темпа была уже около 37,5 и она все еще есть! Вместе с тем дикий кашель, отек горла (мне трудно разговаривать), ну и насморк. В общем, я долго откладывала этот момент, но видимо все-таки придется топать к врачу 😟 Ребятушки, не болейте, желаю вам крепкого здоровья!

Пережив задержку рейса, чувство беспомощности на протяжении полутора часов без интернета при прилете с невозможностью вызвать такси или посмотреть как добраться на общественном транспорте, замёрзнув под дождём — я в Минске! Пытаюсь сделать вид, что у меня не опухшее лицо после вчерашних слёз 🤡 Идём смотреть город 😀

Вы не угадаете где я…