Привет, Я
Denny
Frontend - разработчик
Графический дизайнер
Cоздаю продуманные интерфейсы — от идеи до реализации
Работы портфолио
Категория: Приложения
Currency Converter – Конвертер валют онлайн v1.4.1
Категория: Приложения
Генератор паролей
Категория: Дизайн
Прайс - листы для парикмахерских салонов: Елена и Вера
Категория: Дизайн
Расписание уроков для учеников 1-11 классов
Категория: Приложения
Калькулятор стоимости ремонта
Категория: Дизайн
Дизайн визитных карточек
Категория: Лэндинги
Archee
Категория: Сайты-визитки
Dream On Wheels
Категория: Лэндинги
Oxygen
Категория: Лэндинги
Alivio
Категория: Лэндинги
Thrivetalk Landing Page
Обо мне
Кто я
Я — Frontend-разработчик и графический дизайнер. Создаю удобные, стильные и продуманные сайты, превращая идеи в понятные и эффективные цифровые решения.Специализируюсь на разработке современных лендингов, а также создаю визитные карточки под ключ — от разработки дизайна до готового печатного продукта.
Использую HTML, SCSS, JavaScript и методологию БЭМ, чтобы создавать чистый, структурированный и поддерживаемый код. В работе применяю Gulp для автоматизации процессов, а также Figma, Adobe Illustrator и Photoshop для проработки интерфейсов и визуальной части проекта.
Как графический дизайнер, уделяю особое внимание композиции, типографике и визуальной иерархии. Разрабатываю дизайн не просто как «картинку», а как инструмент коммуникации, который помогает клиентам выглядеть профессионально и вызывать доверие.
Для меня важно, чтобы проект был не только технически надёжным, но и производил сильное визуальное впечатление. Поэтому я внимательно прорабатываю детали — от семантики и аккуратной верстки до продуманной анимации, удобной навигации и целостного визуального стиля.
Модальное окно резюме
Изменить шрифт
Резюме
Опыт
Разработка визитных карточек под ключ
Графический дизайнер
Разрабатываю и визуально прорабатываю дизайн визитных карточек, создавая полностью готовые к использованию физические экземпляры и контролируя их качество, чтобы они выглядели профессионально и стильно. Создаю уникальные и продуманные решения, отражающие индивидуальность бренда и пожелания клиента. Каждый дизайн разрабатываю с учётом эстетики, функциональности и запоминаемости, чтобы карточка выделялась и производила впечатление.
Фриланс
Frontend-разработчик / Фрилансер
Разрабатываю и дорабатываю сайты — современные лендинги. Создаю адаптивные интерфейсы, настраиваю интерактивные элементы и оптимизирую производительность для быстрой и стабильной работы. Работаю с современными технологиями: HTML, SCSS и JavaScript. Открыт к новым проектам и готов воплощать идеи в качественные и продуманные веб-решения.
Самообразование, проектная практика
Frontend-разработчик
После университета я начал активно осваивать веб-разработку. Первым шагом стал 3-недельный марафон по вёрстке сайтов от HTML Academy, где я сверстал свой первый проект и понял, что хочу двигаться в этой сфере.
Чтобы развиваться дальше, я проходил интенсивы и марафоны, изучал современные технологии и практиковался в создании проектов для портфолио.
За это время я:
- Cверстал и адаптировал сайты под разные устройства
- Освоил современные инструменты фронтенд-разработки
- Применял новые подходы на практике, пополняя портфолио реальными проектами
Сегодня я уверенно создаю современные сайты и продолжаю расширять свои навыки в веб-разработке.
Биржа копирайтинга ETXT
Копирайтер
Опыт, сформировавший аналитическое мышление и системный подход к работе с информацией. Основные задачи:
- Создание текстов на темы IT и технологий с упором на точность и структуру
- Исследование и проверка достоверных источников данных
- Проектирование логики и структуры материалов по аналогии с технической документацией
- Контроль качества и уникальности контента
- Самостоятельная организация задач и взаимодействие с клиентами
- Ссылка на отзывы
Салон связи ООО «Сеть Связной»
Менеджер по продажам
Во время работы я приобрёл ценный опыт взаимодействия с людьми и решения нестандартных задач. Мои основные обязанности включали:
- Консультирование клиентов и подбор оптимальных решений под их потребности
- Продажу смартфонов, техники и сопутствующих услуг
- Работа с кассой и оформление финансовых продуктов (кредитные карты, рассрочки)
- Подключение новых абонентов к операторам связи (МТС, Теле2, Мегафон, Билайн, Yota)
- Ведение отчётности и подготовку средств к инкассации
Ключевые навыки:
Коммуникабельность, умение работать с клиентами и понимать их потребности, внимательность к деталям, ответственность и способность быстро обучаться новым процессам — качества, которые я сейчас применяю в IT-сфере.
Репетитор английского языка
Во время обучения в университете я занимался частным преподаванием английского языка для школьников 2–7 классов.
Основные задачи:
- Объяснение учебного материала в доступной форме
- Помощь в выполнении домашних заданий
- Разработка дополнительных упражнений для закрепления знаний
- Поддержка интереса к изучению языка и повышение успеваемости
Блогер, автор сообщества «Ключ к мечте» (VK)
Я являюсь автором сообщества "Ключ к мечте". Публикую мотивационные посты. Это моё хобби. Ссылка на сообщество.
О себе
Я — Frontend-разработчик и графический дизайнер, специализирующийся на создании продуманных цифровых решений с акцентом на качество, эстетику и результат. Проектирую и разрабатываю веб-интерфейсы, где каждая деталь работает на пользовательский опыт и бизнес-задачи. Мои проекты сочетают современную визуальную подачу, удобство взаимодействия и техническую стабильность.
Имею уверенный опыт в создании лендингов и комплексных интерфейсов. В работе использую актуальные технологии и подходы, постоянно совершенствую навыки и выстраиваю процессы так, чтобы каждый проект приносил измеримую ценность.
Дополнительно занимаюсь графическим дизайном и адаптирую цифровые концепции для печатных носителей. Разрабатываю визитные карточки под ключ — от идеи и дизайна до полностью готового печатного продукта. Клиент получает не просто макет, а завершённое решение, готовое к использованию.
Связь со мной
Образование
Студент
Факультет математики и информатики, Россия, САФУ им. М. В. Ломоносова
Во время учебы я получил прочную базу в математике и информатике, развил аналитическое мышление и навыки решения сложных задач. Уже тогда я начал проявлять интерес к веб-технологиям и экспериментировать с ними, что стало первым шагом к будущей карьере Frontend-разработчика.
- Освоил фундаментальные знания в математике и информатике, развив аналитическое мышление и умение решать комплексные задачи
- Параллельно начал изучать веб-технологии: HTML, CSS, базовый JavaScript, что стало первым шагом к будущей карьере web-разработчика
- Разработал вместе с наставником web-приложение для расчетов в системах массового обслуживания, применив теоретические знания на практике и освоив навыки работы с данными и интерфейсами
- Полученный опыт показал важность упорства и практических экспериментов в обучении — навыки, которые активно применяю в текущих проектах портфолио
Средняя Киземская Школа, Россия
Ученик
За годы обучения сформировал навыки, которые стали основой моей работы в IT:
- Концентрация и внимание к деталям
- Умение ясно излагать мысли
- Навык публичных выступлений
- Готовность учиться на ошибках
- Самоорганизация и управление временем
Эти качества помогают мне создавать аккуратные, продуманные и устойчивые веб-решения.
Навыки
Мои приложения
Разработка приложения «Password Generator – Генератор паролей»
Разработал приложение "Генератор паролей", с помощью которого можно создать пароль со сверхзащитой: до 15 символов + специальные знаки. Функционал приложения:
- Выбор длины пароля: 8, 12 или 15 символов
- Опция добавления специальных символов для усиления пароля
- Генерация набора из 7 различных паролей с анимацией появления (для ПК и экранов шириной ≥993px)
- Копирование пароля в буфер обмена через удобную иконку
- Многоразовая генерация нового набора паролей по нажатию кнопки «Сгенерировать»
- Функция сброса параметров для выбора новых настроек длины и специальных символов
- Интерфейс интуитивно понятен и удобен для пользователя, плавное визуальное отображение элементов
- Добавлено переключение языка между русской и английской версиями интерфейса для удобства пользователей
- 📱 Приложение для Android доступно в
RuStore - Ссылка на браузерную версию
Технологии:
- HTML5
- SCSS
- JavaScript
- Gulp
Разработка проекта "Переключение языков - подробный гайд"
Представляю проект по реализации системы переключения языков (русский/английский) для небольших сайтов и лендингов без сторонних библиотек. Проект акцентирует внимание на простоте, гибкости и чистоте решения. Я самостоятельно спроектировал и реализовал весь визуальный интерфейс. Система легко интегрируется в существующие сайты и демонстрирует эффективный подход к созданию многоязычного интерфейса, облегчая поддержку и масштабирование. Ключевые преимущества проекта:
- Лёгкая интеграция – можно быстро подключить к любому сайту без изменения существующей структуры
- Поддержка нескольких языков – легко добавлять новые языки и переводить элементы страницы
- Гибкость – корректно работает с повторяющимися элементами, placeholder’ами и атрибутами title
- Чистый код – решение на чистом JavaScript, без внешних зависимостей
- Улучшение пользовательского опыта – позволяет пользователю быстро переключаться между языками, что повышает доступность контента
- Масштабируемость – подходит как для небольших лендингов, так и для страниц с большим количеством элементов
Технологии:
- HTML5
- SCSS
- JavaScript
- Gulp
Разработка приложения «Currency Converter – Конвертер валют онлайн»
После интенсива от онлайн-школы Web-cademy доработал приложение «Конвертер валют», полностью переработав дизайн и расширив функционал:
- Смена темы приложения – 2 цветовые схемы: светлая и тёмная
- Смена языка интерфейса – русский и английский
- Двусторонняя конвертация валют – динамическое обновление иконок и текста
- Ежедневное обновление курсов валют – актуальная информация для пользователя
- Удобный ввод суммы – возможность менять значение с помощью колесика мыши
- Приложение доступно в RuStore
- Ссылка на браузерную версию
Технологии:
- HTML5
- CSS3
- JavaScript
Навык слепой печати на клавиатуре
За два месяца регулярных тренировок на онлайн-тренажёрах я освоил слепую печать. Скорость — около 160 символов в минуту в русской и английской раскладках. Этот навык помогает быстрее и эффективнее работать над сайтами и проектами.
Ведение ежедневника
С октября 2021 года регулярно веду ежедневник — привычка, которая помогает мне планировать день, анализировать результаты и двигаться к целям осознанно.
Окончание университета
САФУ, факультет математики и информатики, Россия
Учёба в университете помогла мне укрепить логическое мышление и любовь к технологиям. Диплом защитил на «отлично».
Окончание школы
Кизема, Россия
Закончил школу на «хорошо» и «отлично», сделав первые шаги к будущей профессии.
Изменить шрифт
Связаться со мной:
Изменить шрифт
Thrivetalk Landing Page
Thrivetalk — адаптивный лендинг, созданный в учебных целях для отработки верстки по методологии Desktop First и реализации интерактивных элементов навигации.
- При уменьшении ширины окна браузера появляется бургер-иконка, открывающая мобильное меню с затемняющим overlay, блокирующим прокрутку страницы
- Мобильное меню можно закрыть, нажав на крестик или кликнув вне области меню (при этом клики внутри меню не закрывают его)
- При изменении размеров окна в большую сторону мобильное меню автоматически закрывается, уступая место стандартной навигации — это обеспечивает корректное отображение при смене ориентации экрана
- Сайт защищен от переполнения контентом: при добавлении или изменении текста и изображений верстка сохраняет целостность и адаптивность
При работе над проектом были использованы следующие технологии, инструменты и плагины:
- Flexible Box Layout Module
- Редактор кода Sumlime Text 3
- Плагины Sublime Text 3: Emmet, LiveReload, AutoFileName и другие
- Сайт адаптирован под все размеры экрана. Для этого использовались медиа-запросы и Flexible Box Layout Module
- Адаптивная верстка выполнена с подходом Desktop First, что позволило обеспечить стабильную работу и комфортное взаимодействие с контентом на любых экранах
- JavaScript
- СSS3 / HTML5
Изменить шрифт
Калькулятор стоимости ремонта
Интерактивный калькулятор позволяет пользователю рассчитать примерную стоимость ремонта квартиры в зависимости от выбранных параметров. Проект реализован на чистом JavaScript с упором на динамическое обновление данных и удобство взаимодействия с интерфейсом.
Выбор площади квартиры с помощью ползунка, стрелок или ручного ввода. Базовая стоимость — 6000 рублей за 1 м².
- Автоматический пересчёт стоимости в реальном времени при изменении любого параметра.
- Учёт типа ремонта: косметический — без надбавки, капитальный — +30% к стоимости, под ключ — +50% к стоимости.
- Учёт типа дома: новострой — без изменений, вторичка — +10% к стоимости.
- Возможность добавить дополнительные опции: натяжные потолки — +900 ₽ за каждый м², покраска стен — +10% к стоимости, тёплый пол — +10% к стоимости.
- Выбор количества комнат: эконом-вариант (С) — -20% к стоимости, 1–2 комнаты — без изменений, 3–5 комнат — +5% к стоимости.
Работая над данным проектом, были использованы следующие инструменты, технологии:
- Редактор кода: Visual Studio Code
- JavaScript
- Css / HTML
Основная логика калькулятора написана на JavaScript без использования сторонних библиотек. Особое внимание уделено плавности обновления значений и интерактивности — пользователь сразу видит, как изменяются результаты при выборе разных параметров. Проект демонстрирует работу с DOM, обработку событий, динамические расчёты и основы построения удобного интерфейса.
Изменить шрифт
Password Generator – Генератор паролей v1.2
Создавайте надёжные и уникальные пароли за несколько секунд. Простой и удобный генератор паролей работает полностью офлайн, не требует подключения к интернету и помогает защитить ваши аккаунты от использования простых и легко угадываемых комбинаций.
Возможности:
- Генерация надёжных и уникальных паролей
- Настройка длины пароля
- Использование букв, цифр и специальных символов
- Быстрое создание нового пароля одним нажатием
- Полностью офлайн — интернет не требуется
- Простой и минималистичный интерфейс
- Оптимизировано для смартфонов и планшетов
- Доступны 2 языка интерфейса: русский и английский
При работе над проектом были использованы следующие технологии, инструменты и плагины:
- Flexible Box Layout Module
- Visual Studio Code
- Сайт адаптирован под все размеры экрана. Для этого использовались медиа-запросы и Flexible Box Layout Module
- Адаптивная верстка выполнена с подходом Desktop First, что позволило обеспечить стабильную работу и комфортное взаимодействие с контентом на любых экранах
- JavaScript
- SCSS / HTML5
- Gulp
- Gulp
- Приложение доступно в RuStore
- Ссылка на браузерную версию
Изменить шрифт
Oxygen
Проект был создан в учебных целях для практики методологии БЭМ и углубления навыков работы с CSS и JavaScript. Каркас страницы был подготовлен под руководством наставника, а всё оформление и функционал реализованы мной самостоятельно.
- При наведении на элементы навигации появляется плавное подчеркивание. Через JavaScript реализовано поведение, при котором активным остается только нужный пункт меню.
- Логотип интерактивен: при наведении или клике меняется цвет заголовков главного экрана
- При прокрутке страницы навигационное меню фиксируется сверху, меняет цвет фона и получает мягкую тень для лучшей читаемости
- Заголовки второго уровня анимированы с плавным подчеркиванием, которое корректно отображается даже при переносах текста
- Реализована адаптивная верстка. На любых экранах контент отображается корректно
- Когда экран устройства достигает определенной ширины, происходит замена меню навигации главного экрана на меню - бургер (для этого используется JavaScript)
- Меню-бургер открывает полноэкранное навигационное окно с плавной анимацией. При выборе пункта меню или клике на крестик окно аккуратно закрывается, а страница мягко прокручивается к нужному разделу
- Блок портфолио перестраивается из сетки в слайдер (slick slider) с возможностью переключения свайпом
- В блоке видео реализовано воспроизведение ролика с добавлением элементов управления
- Дополнительный адаптивный слайдер создан вручную на JavaScript: на мобильных устройствах переключение происходит по точкам, а на планшетах и компьютерах — по стрелкам
- В разделе Pricing реализовано интерактивное выделение активного тарифа с плавным переключением карточек
Работая над данным проектом, были использованы следующие инструменты, технологии:
- Редактор кода: Visual Studio Code
- JavaScript
- CSS3 / HTML5
- Slider Slick
- Flex-box Layout
- Grid Layout
- Svg-спрайты
- BEM-naming
Изменить шрифт
Olivia
Olivia — стильный адаптивный лэндинг, созданный для практики работы с современными веб-технологиями и интерактивными элементами интерфейса. Проект сочетает лаконичный дизайн и плавную анимацию, делая взаимодействие с сайтом лёгким и приятным.
- При прокрутке страницы вниз меню остаётся закреплённым в верхней части экрана и получает лёгкую тень, добавляя глубину и удобство навигации
- На мобильных устройствах меню трансформируется в бургер с модальным окном, которое плавно открывается и закрывается при клике
- В секции с видео при нажатии на «Play» ролик запускается, кнопка меняется на «Pause», а при наведении курсора появляется лёгкое затемнение
- Реализована плавная прокрутка по странице для комфортного пользовательского опыта
Работая над данным проектом, были использованы следующие инструменты, технологии:
- Редактор кода: Visual Studio Code
- JavaScript
- CSS3 / HTML5
- Flex-box Layout
- Css Grid Layout
- Сайт полностью адаптирован под разные устройства — от смартфонов до ноутбуков, обеспечивая стабильную работу и комфортное взаимодействие с контентом
Изменить шрифт
Archee Project
Archee — учебный проект, созданный в рамках 5-недельного марафона по вёрстке от CodeQuest. Главная цель участия — практика и отработка современных подходов в web-разработке, а также развитие навыков работы с Gulp, SCSS и методологией БЭМ (BEM-naming).
Во время марафона проходили онлайн-встречи, где участники вместе с наставником разбирали блоки кода, обсуждали решения и вносили улучшения. После каждого этапа в проект добавлялись правки, позволяющие сделать вёрстку чище и удобнее для дальнейшей поддержки. Так я получил ценный практический опыт и лучше освоил современные инструменты, применяемые при создании адаптивных сайтов.
В проекте реализован компонентный подход — SCSS-код разбит на отдельные файлы-блоки, что упрощает навигацию, модификацию и поддержку. Также применяются миксины, которые помогают писать код короче и эффективнее.
Дополнительно в проекте реализованы переключение языков интерфейса (RU / EN) и смена темы оформления (светлая / тёмная). Эти функции были добавлены для улучшения пользовательского опыта и демонстрации навыков работы с JavaScript при управлении состоянием интерфейса.
Работая над данным проектом, были использованы следующие инструменты, технологии и плагины:
- Препроцессор SCSS
- Менеджер проектов gulp
- Git & GitHub
- Плагин Chrome Pixel Perfect
- Слайдер Swiper.js
- Favicon
- Редактор кода Visual Studio Code
- Плагины Visual Studio Code: Emmet, Live Server, Path AutoComplete, AutoClose Tag и др.
- Flexible Box Layout Module
- CSS / HTML / JavaScript
- Адаптивная вёрстка под смартфоны, планшеты и ноутбуки
Изменить шрифт
Dream On Wheels
Проект был создан в учебных целях для закрепления навыков работы с Gulp и препроцессором LESS.
Изначально сайт имел простую структуру, а компиляция LESS выполнялась через WinLess. Позже проект был полностью переработан: добавлен сборщик Gulp, оптимизирована структура и внедрены современные инструменты.
Использованные технологии:
- Редактор кода: Visual Studio Code
- LESS / HTML
- Gulp / Webpack
- Flex Box Layout Module
- Используется SVG-спрайт, чтобы обеспечить лучшую скорость загрузки сайта, отправляя меньше запросов на сервер
- Полностью адаптивная верстка: корректное отображение на смартфонах, планшетах и ноутбуках
- Обновлённый дизайн: сайт стал ярким, динамичным и визуально живым
- Весь контент (включая тексты) создан самостоятельно
Работая с gulp были использованы следующие плагины:
- gulp-svg-sprite - плагин для работы с svg-спрайтами
- gulp-plumber - плагин для обработки ошибок
- gulp-sourcemaps - плагин для навигации в коде в режиме разработки
- gulp-imagemin - плагин для минификации изображений
- gulp-babel- плагин для перевода JavaScript-скриптов в код, который станет поддерживаться устаревшими браузерами, тем самым повышая кроссбраузерность
- gulp-strips-comments - плагин для удаления лишних комментариев, использовался в задаче при подключении сторонних библиотек и в отдельной задаче, подключающей JQuery
- gulp-uglify - плагин, помогающий минифицировать JavaScript-код
- gulp-less - плагин для компиляции LESS в CSS
- webpack, webpack-stream - npm-пакеты для работы с webpack в gulp, были включены в проект для использования модулей в JavaScript
Работа над проектом помогла отточить навыки фронтенд-разработки, автоматизации и оптимизации кода. Результатом стал современный, адаптивный и легкий сайт, отражающий мой стиль и внимание к деталям.
Изменить шрифт
Дизайн визитных карточек
Каждая компания стремится быть узнаваемой и запоминающейся. Визитные карточки — это первое впечатление, которое остаётся в руках партнёров и клиентов. Я разработал современный, минималистичный дизайн визиток, отражающий стиль и характер бренда. Проект был создан в Adobe Photoshop в учебных целях, но с упором на реалистичный коммерческий подход и внимание к деталям.
Визитка имеет две стороны: лицевая сторона — логотип компании, имя сотрудника, должность, контакты и адрес офиса; оборотная сторона — акцент на логотип и фирменные цвета бренда, создающие запоминающееся визуальное впечатление.
Работая над данным проектом, были использованы следующие инструменты, технологии и плагины:
- Adobe Photoshop
Этот проект помог мне отточить навыки композиции, типографики и работы с фирменным стилем, а также вдохновил на создание целой серии корпоративных дизайнов.
Изменить шрифт
Прайс-листы для парикмахерских салонов: Елена и Вера
В рамках данного проекта был разработан дизайн и выполнена печать прайс-листов для двух парикмахерских салонов — "Елена" и "Вера". Основной задачей стало создание эстетически привлекательного и удобного для восприятия макета, отражающего стиль и индивидуальность каждого салона.
Я разработал современный и аккуратный дизайн с продуманной типографикой и логичной структурой, что обеспечивает лёгкость навигации по перечню услуг. Особое внимание было уделено выбору материалов: прайс-листы были напечатаны на мелованной глянцевой бумаге, что придало им презентабельный внешний вид, повысило износостойкость и подчеркнуло яркость цветов.
Результат: стилисты парикмахерских салонов получили стильные и практичные прайс-листы, способствующие улучшению имиджа и удобству ознакомления с услугами.
Работая над данным проектом, были использованы следующие инструменты, технологии и плагины:
- Adobe Illustrator
- Принтер Epson L3256
Этот проект позволил мне применить навыки графического дизайна и печати, а также создать эффективные маркетинговые материалы для салонов красоты.
Изменить шрифт
Расписание уроков для учеников 1-11 классов
В рамках данного проекта было разработано и изготовлено расписание уроков для учащихся 1-11 классов. Основной задачей стало создание не только функционального, но и эстетически привлекательного печатного продукта.
Я разработал уникальный дизайн с использованием художественного арт-рисунка в качестве фонового изображения, который придаёт расписанию индивидуальность и делает его визуально приятным для ежедневного использования. Особое внимание было уделено структуре: таблица расписания продумана таким образом, чтобы обеспечить удобство заполнения и отличную читаемость для учеников разных возрастных групп.
Для повышения износостойкости и продления срока службы изделие выполнено с ламинированием. Ламинация обеспечивает дополнительную защиту от влаги, механических повреждений и загрязнений, позволяя сохранить аккуратный внешний вид даже при активном ежедневном использовании.
В результате был создан качественный печатный продукт, сочетающий в себе практичность, современный дизайн и долговечность, подходящий как для школьников, так и для образовательных учереждений.
Работая над данным проектом, были использованы следующие инструменты, технологии и плагины:
- Adobe Illustrator
- Принтер Epson L3256
- Ламинатор A3 Brauberg
