Привет, Я
Денис
Frontend - разработчик
Графический дизайнер
Cоздаю продуманные интерфейсы — от идеи до реализации
Работы портфолио
Категория: Лэндинги
Archee
Категория: Лэндинги
Портфолио Pet-проекты
Категория: Сайты-визитки
Dream On Wheels
Категория: Мини-приложения
Конвертёр валют на JavaScript
Категория: Мини-приложения
Калькулятор стоимости ремонта на JavaScript
Категория: Мини-приложения
Генератор паролей
Категория: Лэндинги
Oxygen
Категория: Лэндинги
Alivio
Категория: Лэндинги
Thrivetalk
Категория: Промосайты
Промосайт фильма "Веном - 2"
Категория: Дизайн
Дизайн визитных карточек
Категория: Дизайн
Ducati: главная страница
Обо мне
Кто я
Я — 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-разработчик и графический дизайнер, специализирующийся на создании продуманных цифровых решений с акцентом на качество, эстетику и результат. Проектирую и разрабатываю веб-интерфейсы, где каждая деталь работает на пользовательский опыт и бизнес-задачи. Мои проекты сочетают современную визуальную подачу, удобство взаимодействия и техническую стабильность.
Имею уверенный опыт в создании лендингов и комплексных интерфейсов. В работе использую актуальные технологии и подходы, постоянно совершенствую навыки и выстраиваю процессы так, чтобы каждый проект приносил измеримую ценность.
Дополнительно занимаюсь графическим дизайном и адаптирую цифровые концепции для печатных носителей. Разрабатываю визитные карточки под ключ — от идеи и дизайна до полностью готового печатного продукта. Клиент получает не просто макет, а завершённое решение, готовое к использованию.
Контактная информация
- Мамлев Денис Игоревич
- Дата рождения: 02.04.1993 ,
- Denis-mamlev@rambler.ru
- Ссылка на GitHub профиль
- Телеграм
- ВКонтакте
Образование
Студент
Факультет математики и информатики, Россия, САФУ им. М. В. Ломоносова
Во время учебы я получил прочную базу в математике и информатике, развил аналитическое мышление и навыки решения сложных задач. Уже тогда я начал проявлять интерес к веб-технологиям и экспериментировать с ними, что стало первым шагом к будущей карьере Frontend-разработчика.
- Освоил фундаментальные знания в математике и информатике, развив аналитическое мышление и умение решать комплексные задачи
- Параллельно начал изучать веб-технологии: HTML, CSS, базовый JavaScript, что стало первым шагом к будущей карьере web-разработчика
- Разработал вместе с наставником web-приложение для расчетов в системах массового обслуживания, применив теоретические знания на практике и освоив навыки работы с данными и интерфейсами
- Полученный опыт показал важность упорства и практических экспериментов в обучении — навыки, которые активно применяю в текущих проектах портфолио
Средняя Киземская Школа, Россия
Ученик
За годы обучения сформировал навыки, которые стали основой моей работы в IT:
- Концентрация и внимание к деталям
- Умение ясно излагать мысли
- Навык публичных выступлений
- Готовность учиться на ошибках
- Самоорганизация и управление временем
Эти качества помогают мне создавать аккуратные, продуманные и устойчивые веб-решения.
Навыки
Мои сертификаты
Практикум по созданию сайтов
Практикум от Анны Блок помог мне лучше разобраться в основах HTML и CSS, научил структурировать код и делать аккуратную, понятную вёрстку.
JavaScript / jQuery
Курс помог глубже разобраться в основах JavaScript и jQuery — понять принципы работы скриптов, динамического обновления контента и взаимодействия с элементами страницы. Теперь могу создавать более живые и интерактивные веб-страницы.
Основы HTML / CSS - верстка сайтов с нуля
Курс помог освоить основы HTML и CSS, а также понять современные подходы к веб-разработке и созданию адаптивных макетов.
Мои достижения
Разработка приложения «Генератор паролей»
Разработал с нуля приложение "Генератор паролей", с помощью которого можно создать пароль со сверхзащитой: до 15 символов + специальные знаки. Функционал приложения:
- Выбор длины пароля: 8, 12 или 15 символов
- Опция добавления специальных символов для усиления пароля
- Генерация набора из 7 различных паролей с анимацией появления (для ПК и экранов шириной ≥993px)
- Копирование пароля в буфер обмена через удобную иконку
- Многоразовая генерация нового набора паролей по нажатию кнопки «Сгенерировать»
- Функция сброса параметров для выбора новых настроек длины и специальных символов
- Интерфейс продуман для удобного и интуитивного использования, визуальные элементы отображаются плавно и эстетично
- Добавлено переключение языка между русской и английской версиями интерфейса для удобства пользователей
- Ссылка с подробным описанием проекта
- Ссылка на проект
Технологии:
- HTML5
- SCSS
- JavaScript
- Gulp
Разработка проекта "Переключение языков - подробный гайд"
Представляю проект по реализации системы переключения языков (русский/английский) для небольших сайтов и лендингов без сторонних библиотек. Проект акцентирует внимание на простоте, гибкости и чистоте решения. Я самостоятельно спроектировал и реализовал весь визуальный интерфейс. Система легко интегрируется в существующие сайты и демонстрирует эффективный подход к созданию многоязычного интерфейса, облегчая поддержку и масштабирование. Ключевые преимущества проекта:
- Лёгкая интеграция – можно быстро подключить к любому сайту без изменения существующей структуры
- Поддержка нескольких языков – легко добавлять новые языки и переводить элементы страницы
- Гибкость – корректно работает с повторяющимися элементами, placeholder’ами и атрибутами title
- Чистый код – решение на чистом JavaScript, без внешних зависимостей
- Улучшение пользовательского опыта – позволяет пользователю быстро переключаться между языками, что повышает доступность контента
- Масштабируемость – подходит как для небольших лендингов, так и для страниц с большим количеством элементов
- Ссылка с подробным описанием проекта
- Ссылка на проект
Технологии:
- HTML5
- SCSS
- JavaScript
- Gulp
Разработка приложения «Конвертер валют»
После интенсива от онлайн-школы Web-cademy доработал приложение «Конвертер валют», полностью переработав дизайн и расширив функционал:
- Смена темы приложения – три цветовые схемы: светлая, тёмная и эксклюзивная «лунная»
- Смена языка интерфейса – русский и английский
- Двусторонняя конвертация валют – динамическое обновление иконок и текста
- Ежедневное обновление курсов валют – актуальная информация для пользователя
- Удобный ввод суммы – возможность менять значение с помощью колесика мыши
- Ссылка с подробным описанием проекта
- Ссылка на проект
Технологии:
- HTML5
- CSS3
- JavaScript
Навык слепой печати на клавиатуре
За два месяца регулярных тренировок на онлайн-тренажёрах я освоил слепую печать. Скорость — около 160 символов в минуту в русской и английской раскладках. Этот навык помогает быстрее и эффективнее работать над сайтами и проектами.
Ведение ежедневника
С октября 2021 года регулярно веду ежедневник — привычка, которая помогает мне планировать день, анализировать результаты и двигаться к целям осознанно.
Окончание университета
САФУ, факультет математики и информатики, Россия
Учёба в университете помогла мне укрепить логическое мышление и любовь к технологиям. Диплом защитил на «отлично».
Окончание школы
Кизема, Россия
Закончил школу на «хорошо» и «отлично», сделав первые шаги к будущей профессии.
Изменить шрифт
Здравствуйте
Буду рад вашему сообщению!✨ Пишите в соцсетях или на почту — отвечу как можно скорее:
Изменить шрифт
Thrivetalk
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
- Ccылка на проект
- Ссылка на макет Figma
- Ссылка на репозиторий GitHub
- Время на работу ~ 23 ч
Изменить шрифт
Промосайт фильма "Веном - 2"
Проект представляет собой промостраницу, созданную для демонстрации фильма «Веном 2». Главная цель — передать атмосферу фильма через визуальное оформление и плавные интерактивные элементы.
Работая над данным проектом, были использованы следующие инструменты, технологии и плагины:
- Редактор кода Visual Studio Code
- Плагины Visual Studio Code: Emmet, Live Server, Path AutoComplete, AutoClose Tag и др.
- Подключение всплывающего окна с видеоплеером через библиотеку jQuery Fancybox
- Flexible Box Layout Module
- CSS3 / HTML5 / JavaScript
- Адаптив под все возможные экраны устройств
- Наиболее подробная информация об этом проекте находится здесь
Проект показывает навыки создания промостраниц с интерактивными элементами и современным адаптивным интерфейсом.
Результат — динамичный лендинг с кинематографичной атмосферой.
- Ccылка на проект
- Ссылка на макет Figma
- Ссылка на репозиторий GitHub
- Время на работу ~ 25 ч
Изменить шрифт
Калькулятор стоимости ремонта на JavaScript
Интерактивный калькулятор позволяет пользователю рассчитать примерную стоимость ремонта квартиры в зависимости от выбранных параметров. Проект реализован на чистом JavaScript с упором на динамическое обновление данных и удобство взаимодействия с интерфейсом.
Выбор площади квартиры с помощью ползунка, стрелок или ручного ввода. Базовая стоимость — 6000 рублей за 1 м².
- Автоматический пересчёт стоимости в реальном времени при изменении любого параметра.
- Учёт типа ремонта: косметический — без надбавки, капитальный — +30% к стоимости, под ключ — +50% к стоимости.
- Учёт типа дома: новострой — без изменений, вторичка — +10% к стоимости.
- Возможность добавить дополнительные опции: натяжные потолки — +900 ₽ за каждый м², покраска стен — +10% к стоимости, тёплый пол — +10% к стоимости.
- Выбор количества комнат: эконом-вариант (С) — -20% к стоимости, 1–2 комнаты — без изменений, 3–5 комнат — +5% к стоимости.
Работая над данным проектом, были использованы следующие инструменты, технологии:
- Редактор кода: Visual Studio Code
- JavaScript
- Css / HTML
Основная логика калькулятора написана на JavaScript без использования сторонних библиотек. Особое внимание уделено плавности обновления значений и интерактивности — пользователь сразу видит, как изменяются результаты при выборе разных параметров. Проект демонстрирует работу с DOM, обработку событий, динамические расчёты и основы построения удобного интерфейса.
- Ccылка на проект
- Ссылка на репозиторий GitHub
- Время на работу ~ 20 ч
Изменить шрифт
Конвертер валют на JavaScript
Проект разработан в учебных целях для совершенствования навыков работы с JavaScript и элементами интерфейса. Конвертер позволяет получать актуальные курсы валют — доллара, евро и фунта стерлинга — и наглядно отображает их динамику: если курс снижается, значение подсвечивается зелёным цветом, если растёт — красным.
- Ccылка на проект
- Ссылка на репозиторий GitHub
- Время на работу ~ 50 ч
Изменить шрифт
Генератор паролей
Генератор-паролей — простой и удобный веб-инструмент для быстрой генерации надёжных паролей. Пользователь выбирает длину (8, 12 или 15 символов) и наличие специальных символов, нажимает «Сгенерировать» — и получает случайную, трудноугадываемую строку, готовую для копирования. Вся логика работает прямо в браузере: пароли не передаются на сервер, это делает их генерацию приватной и безопасной. Этот инструмент — отличное решение для тех, кто хочет защитить свои аккаунты: так проще отказаться от слабых паролей вроде «123456» и использовать уникальный пароль для каждого сайта или сервиса.
- Выбор длины пароля — пользователь может выбрать 8, 12 или 15 символов.
- Мобильное меню можно закрыть, нажав на крестик или кликнув вне области меню (при этом клики внутри меню не закрывают его)
- При изменении размеров окна в большую сторону мобильное меню автоматически закрывается, уступая место стандартной навигации — это обеспечивает корректное отображение при смене ориентации экрана
- Сайт защищен от переполнения контентом: при добавлении или изменении текста и изображений верстка сохраняет целостность и адаптивность
- Добавлена функция переключения языков между русской и английской версиями интерфейса, обеспечивающая удобство использования приложения для разных пользователей. Перевод выполнен через динамическую подстановку текста, что позволяет легко расширять функциональность и поддерживать дополнительные языки
При работе над проектом были использованы следующие технологии, инструменты и плагины:
- Flexible Box Layout Module
- Visual Studio Code
- Сайт адаптирован под все размеры экрана. Для этого использовались медиа-запросы и Flexible Box Layout Module
- Адаптивная верстка выполнена с подходом Desktop First, что позволило обеспечить стабильную работу и комфортное взаимодействие с контентом на любых экранах
- JavaScript
- SCSS / HTML5
- Gulp
- Gulp
- Ccылка на проект
- Ссылка на репозиторий GitHub
- Время на работу ~ 42 ч
Изменить шрифт
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
- Ccылка на проект
- Ссылка на репозиторий GitHub
- Ссылка на макет Figma
- Время на работу ~ 29 ч
Изменить шрифт
Olivia
Olivia — стильный адаптивный лэндинг, созданный для практики работы с современными веб-технологиями и интерактивными элементами интерфейса. Проект сочетает лаконичный дизайн и плавную анимацию, делая взаимодействие с сайтом лёгким и приятным.
- При прокрутке страницы вниз меню остаётся закреплённым в верхней части экрана и получает лёгкую тень, добавляя глубину и удобство навигации
- На мобильных устройствах меню трансформируется в бургер с модальным окном, которое плавно открывается и закрывается при клике
- В секции с видео при нажатии на «Play» ролик запускается, кнопка меняется на «Pause», а при наведении курсора появляется лёгкое затемнение
- Реализована плавная прокрутка по странице для комфортного пользовательского опыта
Работая над данным проектом, были использованы следующие инструменты, технологии:
- Редактор кода: Visual Studio Code
- JavaScript
- CSS3 / HTML5
- Flex-box Layout
- Css Grid Layout
- Сайт полностью адаптирован под разные устройства — от смартфонов до ноутбуков, обеспечивая стабильную работу и комфортное взаимодействие с контентом
- Ccылка на проект
- Ссылка на репозиторий GitHub
- Ссылка на макет Figma
- Время на работу ~ 20 ч
Изменить шрифт
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
- Адаптивная вёрстка под смартфоны, планшеты и ноутбуки
- Наиболее подробная информация об этом проекте находится здесь
Изменить шрифт
Портфолио Pet-projects
Этот проект — мой личный сайт-портфолио, где собраны все мои pet-проекты. Pet-проекты — это учебные сайты и веб-приложения, которые я создаю, чтобы прокачивать навыки веб-разработки и экспериментировать с идеями.
- Переключение темы (светлая и тёмная)
- Плавная смена цвета при переключении слайдов в проекте Theme's Switcher
- Переключение языков (подробнее о реализации — по ссылке)
Использованные технологии:
- Редактор кода: Visual Studio Code
- JavaScript
- SCSS / HTML
- Gulp
- Local Storage
- Slick Slider
- Flex Box Layout Module
- Адаптивность: сайт корректно отображается на смартфонах, планшетах и ноутбуках
- Дизайн карточек проектов был самостоятельно реализован в программе Adobe Photoshop
- Наиболее подробная информация об этом проекте находится здесь
- Ccылка на проект
- Ссылка на репозиторий GitHub
- Время на работу ~ 40 ч
Изменить шрифт
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
Работа над проектом помогла отточить навыки фронтенд-разработки, автоматизации и оптимизации кода. Результатом стал современный, адаптивный и легкий сайт, отражающий мой стиль и внимание к деталям.
- Ccылка на проект
- Ссылка на репозиторий GitHub
- Время на работу ~ 45 ч
Изменить шрифт
Дизайн визитных карточек
Каждая компания стремится быть узнаваемой и запоминающейся. Визитные карточки — это первое впечатление, которое остаётся в руках партнёров и клиентов. Я разработал современный, минималистичный дизайн визиток, отражающий стиль и характер бренда. Проект был создан в Adobe Photoshop в учебных целях, но с упором на реалистичный коммерческий подход и внимание к деталям.
Визитка имеет две стороны: лицевая сторона — логотип компании, имя сотрудника, должность, контакты и адрес офиса; оборотная сторона — акцент на логотип и фирменные цвета бренда, создающие запоминающееся визуальное впечатление.
Работая над данным проектом, были использованы следующие инструменты, технологии и плагины:
- Adobe Photoshop
Этот проект помог мне отточить навыки композиции, типографики и работы с фирменным стилем, а также вдохновил на создание целой серии корпоративных дизайнов.
- Время на работу ~ 20 ч
Изменить шрифт
Ducati: главная страница
Главная страница для легендарного бренда Ducati была разработана в рамках учебного марафона от Yudaev School. Проект стал отличной возможностью отточить навыки UX/UI-дизайна и передать атмосферу скорости, энергии и премиальности, которые олицетворяют дух Ducati.
В процессе я сосредоточился на создании выразительного и динамичного интерфейса, сочетающего эстетику скорости с удобством взаимодействия. Проект выполнен в Figma, а графические элементы и иллюстрации — в Adobe Illustrator.
Работая над данным проектом, были использованы следующие инструменты, технологии и плагины:
- Figma
- Adobe Illustrator
- Figma
Этот опыт помог мне укрепить понимание того, как визуал и функциональность объединяются, чтобы создавать целостный и запоминающийся пользовательский опыт.
- Время на работу ~ 1 ч