Welcome to my portfolio

My name is Tatyana — I`m a front-end developer and SMM specialist.

I create sites of various complexity (HTML, JS, React js, Next js).

I work from an idea to a finished solution — design, layout, search engine optimization, and online launch.

As an SMM specialist, I help brands and experts shape their image, create content strategies, customize advertising, and promote products so they find their audience.

My goal is to create digital products that help people grow their businesses, improve their lives, and find new opportunities.

Open to new knowledge, responsible and ready to perform complex tasks.

developer photo

Projects

  • Educational space KrokuSvit

    project img

    The task is: To create from scratch the online presence of a new educational space for children in Kryvyi Rih.

    Done: Market and competitor analysis was conducted, tone of voice and brand positioning were determined. Identity was developed: logo, business cards, subscriptions. Instagram page was fully created and designed: bio, highlights structure, content plan, visual concept. Filming and editing of lessons for the page and advertising. A content strategy was created that combines expertise and an atmosphere of trust in the space. Targeted advertising was set up to recruit children to groups.

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

    Link: KrokuSvit

    Yoga Tour

    Creating a brand and SMM strategy for a transformational travel organizer

    project img

    The task is: Сreate brand positioning, build trust in the organizer herself, and promote the first tour to Portugal.

    Done: A logo was developed, a tone of voice for the brand was formed — with a focus on status and meaning. A content strategy for the blog was created: a combination of useful articles, personal texts from the organizer, and an introduction to a yoga instructor. Story series were thought out, which gradually led from the introduction to the decision to participate in the tour. Targeted advertising is set up for women interested in body practices, mindfulness, and travel.

    Result: Full occupancy of the tour without aggressive sales, increasing trust in the page, forming an active core of the audience.

    Link: juicy.trvl

  • Site Spectrum_agency

    project img

    The task is: create a site for a designer layout.

    Done: cooperation with the designer. Adaptive and schematic layout. Receiving data from the form to the customer's mail is connected.

    Technologies: HTML, SASS, JS

    Link: Spectrum Agency

  • Site of health space Shanti_Space

    project img

    The task is: create a site-business card of space for various areas of training, blogging with useful articles on the topic of health, user registration, interaction with users.

    Done: turnkey site (from design to optimization for search engines). The project was implemented using Next js. Adaptive and schematic layout. CSM is connected for the blog. Asana icons are made from the artist's drawings. User registration is done both with the help of Google and by entering personal data. For registered users, a chat is opened for communication and the ability to ask questions to the instructor. A business profile has been created to display space on Google maps.

    Technologies: Next js, NextAuth, mongoose, Prisma, MongoDB, contentful, tailwindcss, typescript, pusher, react-hook-form, GoogleAPI

    Link: shantispace.com.ua

  • Online store of balloon compositions

    project img

    The task is: develop an online store by holiday categories.

    Done: turnkey site (from design to optimization for search engines). The project was implemented using Next js. Adaptive and schematic layout. A catalog of compositions on the theme of the holiday has been implemented. On each page there is a sorting of compositions by price and a filter by feature. For the convenience of the user, a page of favorite products has been developed, with the possibility of adding to the cart. You can adjust your purchases in the shopping cart (add/subtract or delete compositions). The keyword search page has been implemented. Database development and connection. The administrator accepts orders and adjusts compositions on a separate site, which is built on React js. After processing the order by the administrator, the customer receives an email with order details (made a layout of an email).

    Technologies: frontend - Next js; backend - Node js, Express, Mongoose, Sendgrid; admin - React, Formik, Redux (redux-thunk), SASS, MUI, axios.

    Link: veselavutivka.com.ua

  • Business card site for a beauty studio

    project img

    The task is: create a business card site for a beauty studio.

    Done: turnkey site (from design to optimization for search engines). Implemented adaptive and schematic layout. The design of price lists of services has been created. A business profile has been created to display the studio on Google maps.

    Technologies: HTML, JS, SCSS, Parcel

    Link: nashastudio.com.ua

  • Site-business card of a land manager engineer

    project img

    The task is: create site-business card of a land manager engineer

    Done: turnkey site (from design to optimization for search engines). Adaptive and schematic layout. Text content of the site.

    Technologies: HTML, JS, SCSS

    Link: kadastrovyy-nomer.com.ua

  • The first page for the online store

    project img

    The task is: work according to the layout (pet-project)

    Done: Adaptive and schematic layout. According to the layout (Figma). Added mobile and tablet version.

    Technologies: HTML, JS, CSS, Swiper

    Link:: MYEL

  • App for cat lovers

    project img

    The task is: work according to the layout (pet-project)

    Done: Adaptive and schematic layout. According to the layout (Figma). Added mobile and tablet version. Multi-page application. Interaction with a third-party service.

    Technologies: React JS, Axios, React-loader-spinner, React-router-dom, Swiper, SASS

    Link:: PetsPaw