Pavliukova | Web Developer Portfolio

Type: online store.

Commercial project for a condom subscription service.
Task: launch an advertising campaign on Google Ads.

At the initial stage, the website was boring, slow to load, and not optimized for SEO.
As a result, the website was completely redesigned, switched to a custom theme to improve performance, optimized for SEO, and then an advertising campaign.

Stack:

CMS WordPress
Custom theme
Woocommerce and Stripe
Bilingual website: English and German
GDPR privacy policy
SEO optimization
Google Analytics & Search Console
Google Ads

Go to website

Type: corporate website.

Commercial project for a window construction company.
Task: create a website from scratch.

Teamwork with a project manager, designer, and me as a developer. Lots of discussions — lots of design changes :)
I enjoy making user interfaces more user-friendly.

Stack:

CMS Bitrix
Full project from zero
Developed by UI-kit
HTML, CSS, JavaScript
Complex adaptive elements
Slider Swiper

Go to website

Type: corporate website.

Commercial project for a manufacturer of frame houses and baths.
Task: Make changes to the existing website.

Throughout the work, new pages and individual blocks were developed and integrated.

Stack:

CMS Bitrix
Reuse of components
Implementation of Yandex maps

Go to website

Type: corporate website.

Commercial project for a cosmetology clinic.
Task: add new blocks, update service descriptions.

Tilda and a lot of Zero blocks :) I used not only zero blocks, but also combined standard blocks with an HTML block for unique styles or JS code.

Stack:

Tilda
Zero Block
T123. HTML-code
Animation

Go to website

Type: corporate website.

Commercial project for the sale of houses in a cottage village.
Task: to fill the website with content without the involvement of a designer.

I tried my hand at being a designer, technical consultant, and, of course, developer.

Stack:

CMS WordPress
WPBakery Page Builder
Redesign without designer
Contact Form 7
WP Slick Slider
Visual Composer
Correction of the customer's photo

Go to website

Type: landing page.

The project- test assignment for Yandex.
Task: create a website without libraries, only native NTML, CSS, and JS.

Custom slider for mobile and grid for desktop. Full pixel perfect project. Css mix-blend-mode style.
It wasn't easy, but it was interesting.

Stack:

native HTML, CSS, JavaScript
HTML BEM
HTML Marquee loop
Pixel perfect design
CSS Mix-blend-mode
JS Slider without constructor
JS Grid to Slider in mobile

Go to website

Type: business card website.

Project created for educational purposes to improve my web development skills. The design was based on freely available online resources.

Stack:

HTML add Map
CSS Grid and Backdrop-filter
JS Object and Array
JS Swiper, Swiper loop, Swiper Breakpoints
JS setInterval, clearInterval
No mobile adaptive

Go to website

Type: landing page.

Project created for educational purposes to improve my web development skills. The design was based on freely available online resources.

Stack:

HTML Mobile Navbar
HTML add Video content
CSS Position; Transform: Translate
JS Swiper
JS Sticky Navbar

Go to website

Type: landing page.

Project built on Webflow platform.
It’s a copy of a real website I recreated just to practice my layout and design skills.
One of my first projects, I realized that I wanted to work in website development.

Stack:

Webflow
Unique page preloading
CSS animation
Mobile adaptive

Go to website