Welcome to my portfolio

Мене звати Тетяна — я frontend-розробник і SMM-фахівець.

Пишу кодом, створюю сайти різної складності (HTML, JS, React js, Next js).

Працюю від ідеї до готового рішення — дизайну, верстки, оптимізації для пошукових систем і запуску в онлайн.

Як SMM-фахівець, я допомагаю брендам і експертам формувати імідж, створюю контент-стратегії, налаштовую рекламу та просуваю продукти, щоб вони знаходили свою аудиторію.

Моя мета — створювати цифрові продукти, які допомагають людям розвивати свій бізнес, покращувати життя та знаходити нові можливості.

Відкрита до нових знань, відповідальна та готова до реалізації складних завдання.

developer photo

Проєкти

  • Освітній простір "KrokuSvit"

    фото проекту Krokusvit

    Поставлена задача: Створити з нуля онлайн-присутність нового освітнього простору для дітей у Кривому Розі.

    Виконано: Проведено аналіз ринку та конкурентів, визначино tone of voice і позиціонування бренду. Розроблено айдентику: логотип, візитівки, абонементи. Повністю створена та оформлена Instagram-сторінка: біо, структуру highlights, контент-план, візуальна концепція. Зйомка та монтаж уроків для сторінки та реклами. Створено контент-стратегію, що поєднує експертність і атмосферу довіри до простору. Налаштована таргетована реклама для набору дітей у групи.

    Результат: Створено впізнавану сторінку, яка викликає довіру і працює як повноцінний інструмент просування. Контент показує не лише навчання, а й філософію центру — розвиток через гру, інтерес і повагу до дитини.

    Посилання: Krokusvit

  • Йога-Тур

    Створення бренду та SMM-стратегії для організатора трансформаційних подорожей

    фото проекту Juicy.trvl

    Поставлена задача: Створити позиціонування бренду, побудувати довіру до самої організаторки і просунити перший тур до Португалії.

    Виконано: Розроблено логотип, сформовано tone of voice бренду — з фокусом на стан і сенси. Створено контент-стратегію блогу: поєднання корисних статей, особистих текстів організаторки та знайомства з йога-інструктором. Продумано сторіз-серіали, які поступово вели від знайомства до рішення взяти участь у турі. Налаштовано таргетовану рекламу на жінок, що цікавляться тілесними практиками, усвідомленістю, подорожами.

    Результат: Повна заповненність туру без агресивних продажів, підвищення довіри до сторінки, формування активного ядра аудиторії.

    Посилання: juicy.trvl

  • Сайт Spectrum_agency

    фото проекту Spectrum_agency

    Поставлена задача: створити сайт за макетом дизайнера.

    Виконано: співпраця з дизайнером. Адаптативна та сематична верстка. Підключено отримання даних з форми на пошту замовника.

    Технології: HTML, SASS, JS

    Посилання: Spectrum Agency

  • Сайт простору здоров’я Shanti_Space

    фото проекту Shanti_Space

    Поставлена задача: створити сайт-візитку простору за різними напрямами тренувань, ведення блогу з корисними статтями на тему здоров'я, реєстрація користувачів, взаємодія з користувачами.

    Виконано: cайт під ключ (від дизайну до оптимізації для пошукових систем). Проект реалізовано за допомогою Next js. Адаптативна та симатична верстка. Для блогу підключено CSM. Іконки-асани зроблені з малюнків художниці. Реєстрація користувачів здійнюється як за допомогою Google так і внесенням своїх даних. Для зареєстрованих користувачів відкривається чат для спілкування та змога задати питання інструктору. Створено бізнес профіль для відображення простору на картах Google.

    Технології: Next js, NextAuth, mongoose, Prisma, MongoDB, contentful, tailwindcss, typescript, pusher, react-hook-form, GoogleAPI

    Посилання: shantispace.com.ua

  • Інтернет-магазин композицій із повітряних кульок

    фото проекту Весела Витіка

    Поставлена задача: розробити інтернет магазин по категоріям свята.

    Виконано: cайт під ключ (від дизайну до оптимізації для пошукових систем). Проект реалізовано за допомогою Next js. Адаптативна та симатична верстка. Реалізовано каталог композицій по тематиці свята. На кожній сторінці є сортування композицій за ціною та фільтрування за ознакою. Для зручності користувача розроблено сторінку улюблених товарів, з можливістю додавання у кошик. В кошику товарів можна регулювати свої покупки (додавати/віднімати або видаляти композиції). Реалізовано сторінку пошуку за ключовими словами. Розробка та підключення бази даних. Адміністратор приймає замовлення та коригує композиції на окремому сайті, який створений на React js. Після оброблення замовлення адміністратором замовнику надходить email з деталями замовлення (верстання електроного листа).

    Технології: frontend - Next js; backend - Node js, Express, Mongoose, Sendgrid; admin - React, Formik, Redux (redux-thunk), SASS, MUI, axios.

    Посилання: veselavutivka.com.ua

  • Сайт-візитка для студії краси

    фото проекту NashaStudio

    Поставлена задача: створити сайт-візитку для студії краси.

    Виконано: cайт під ключ (від дизайну до оптимізації для пошукових систем). Реалізована адаптативна та симатична верстка. Створено дизайн прайс-листів послуг. Створено бізнес профіль для відображення студії на картах Google.

    Технології: HTML, JS, SCSS, Parcel

    Посилання: nashastudio.com.ua

  • Сайт-візитка інженера землевпорядника

    фото проекту для інженера-землевпорядника

    Поставлена задача: створити сайт-візитку інженера-землевпорядника.

    Виконано: cайт під ключ (від дизайну до оптимізації для пошукових систем). Адаптативна та симатична верстка. Текстове наповнення сайту.

    Технології: HTML, JS, SCSS

    Посилання: kadastrovyy-nomer.com.ua

  • Перша сторінка для інтернет-магазину

    фото проекту

    Поставлена задача: верстання за макетом (pet-project)

    Виконано: Адаптативна та симатична верстка. Верстання за макетом (Figma). Додано мобільну та планшетну версію.

    Технології: HTML, JS, CSS, Swiper

    Посилання: MYEL

  • Додаток для котолюбителів

    фото проекту

    Поставлена задача: верстання за макетом (pet-project)

    Виконано: Адаптативна та симатична верстка. Верстання за макетом (Figma). Додано мобільну та планшетну версію. Багатосторінковий додаток. Взаємодія зі стороннім сервісом.

    Технології: React JS, Axios, React-loader-spinner, React-router-dom, Swiper, SASS

    Посилання: PetsPaw