Портфолио и кейсы фрилансеров по вёрстке сайтов

Задача: предложить варианты логотипа для интернет-магазина мебели «Мебель Перемен» (ассортимент — модульные кухни эконом-сегмента). Формат по требованию заказчика — 634×174 px, палитра сайта: тёмно-синий и красный. Решение: сделал знак-тайл вместо абстрактных фигур. 1) Синий тайл с монограммой «М» и красной «ручкой» — читается как дверца шкафа и одновременно работает как иконка приложения. 2) Тайл из двух модулей: «М» на синем, «П» на красном (монограмма МП). 3) Типографический вариант с красной вертикальной полосой-акцентом. Текст набран в одну строку — компактнее двухстрочных вариантов и лучше читается в мелком размере. Дополнительно сделана квадратная версия 174×174 для фавикона и аватара в соцсетях. Результат: три взаимозаменяемых варианта, презентация и квадратная иконка. По запросу — вектор (SVG/EPS) и версии на светлом и тёмном фоне.

Лендинг услуг уборки «Слой» из 6 блоков: предложение, услуги, порядок работы, примеры расчётов, ответы на вопросы и форма заявки. Страница адаптируется под телефон и компьютер. Форма проверяет обязательные поля, показывает ошибки и подтверждает сохранение заявки в локальном журнале. Посетитель видит услуги, условия и следующий шаг на одной странице. Подготовлены исходники и инструкция запуска.

Five Leaf Pet — интернет-магазин витаминов и биологических добавок для собак на WordPress. Сайт собран на современной теме WordPress без конструкторов страниц — всё редактируется через стандартный редактор Gutenberg. Это значит, что заказчик может сам менять тексты, картинки и структуру страниц без программиста. Полноценный магазин на WooCommerce: каталог товаров с категориями, карточки товаров, корзина и мини-корзина в шапке, оформление заказа и приём оплаты. Отдельно — блог с рецептами и статьями, где записи можно фильтровать по тегам. Помимо стандартных возможностей WordPress, реализовано: ✓ Кастомные блоки для редактора — чтобы каждая карточка товара могла иметь уникальный контент, который заказчик заполняет сам. ✓ Переключение отображения товаров (сетка/список) — на JavaScript. ✓ Формы подписки на рассылку, подключённые к CRM-системе: email-адреса собираются в группы. ✓ Стилизация всех блоков WordPress и WooCommerce под макет — через CSS. ✓ Адаптив под мобильные, планшеты и десктоп. ✓ Перенос сайта с локального сервера на хостинг — полный цикл, от экспорта базы до настройки домена. Стек: WordPress (FSE), Gutenberg, WooCommerce, PHP, MySQL, JavaScript, CSS3, HTML5, Figma, MAMP, FileZilla.

Дизайн шаблона можно изменить по желанию заказчика.

Данный шаблон можно переделать под любое направление по желанию заказчика. Работа над оформлением сайта, размещение на хостинге, покупка домена - 5000р. В дальнейшем оплата хостинга и домена - 3000р в год

Цель проекта — создать сайт, который не просто перечисляет услуги, а продаёт философию: «Мы не перепродаём — мы создаём». Дизайн должен был подчеркнуть технологичность производства, креативную свободу и уверенность в качестве, формируя доверие у клиентов, которые ценят не только сроки, но и уникальность результата.

Сайт о городе Орел. Полностью адаптивный сайт с админ-панелью, через которую можно создавать, редактировать, удалять разделы, тексты, изображения и seo-тэги на сайте. Бэкенд - PHP8, MySQL Фронтенд - html, css, js

Многостраничный e-commerce сервис по аренде винтажной одежды (second-goods), реализованный в минималистичном стиле. Реализованы главная страница с каруселью товаров и Grid-галереей, каталог товаров (6 позиций, цены в рупиях Rp, сроки и локации доставки) и карточка товара с функционалом бронирования по датам. Сайт разработан на Wordpress без использования тяжелых конструкторов (Elementor, Divi), что гарантирует максимальную скорость загрузки и чистый код. Техническая часть и возможности админки: • Фреймворк Carbon Fields: Архитектура и весь контент главной страницы полностью интегрированы через кастомные PHP-контейнеры Carbon Fields. Менеджер может гибко управлять баннерами, карточками и текстами из админки WordPress без правки кода . • Логика аренды и бронирования: В карточке товара настроена форма заказа с выбором дат начала и возврата аренды (Rental / Return Date) . Все данные проходят валидацию PHP и фиксируются в базе данных для управления заказами в реальном времени. • Фронтенд и Интерактив: Семантичная верстка на HTML5/CSS3 (Flexbox/Grid). Переключение миниатюр в галерее товара, слайдер рекомендаций и меню-бургер написаны вручную на чистом JavaScript (Vanilla JS). • 100% Адаптивность: Проект протестирован на кроссбраузерность и идеально отображается на любых смартфонах и планшетах.

ONYXbot — страница чат-интерфейса для платформы общения с нейросетями. Задача - поправить уже имеющуюся вёрстку по готовому техническому заданию. Реализовано: ✓ Переверстка страницы с нуля ✓ Новая семантическая структура, скрытые заголовки для доступности и SEO ✓ Mикроразметка Schema.org. ✓ Стили разбиты по БЭМ-блокам на отдельные SCSS-файлы — для удобства дальнейшей поддержки. ✓ Адаптив под мобильные, планшеты и десктоп. ✓ Карусель чатов пользователя (Swiper) с адаптивным поведением. ✓ Кастомный select для выбора модели нейросети . ✓ Анимированная отправка сообщений. ✓ Анимированный ответ бота с эффектом посимвольной «печати». ✓ Функционал кнопки копирования и повтора для каждого сообщения — и пользователя, и бота. ✓ Отправка по Enter без Shift, перенос строки — Shift+Enter. ✓ Кастомные стилизованные скроллбары в стиле тёмного интерфейса. Стек: HTML5, CSS3 (Sass, БЭМ, Flexbox), JavaScript (ES6), Swiper.js, Git. Все задачи ТЗ выполнены + переверстка страницы заново с новой структурой и функциональностью сверх ТЗ.

Приложение для заявок, путевых листов, маршрутов и табеля рабочего времени. Фронтенд — React и Vite, сервер — Express, данные хранятся в MongoDB.