О себе
Всем привет! Меня зовут Наталья и занимаюсь я фронтенд-разработкой.
Имею высшее техническое образование, интересуюсь сайтостроением около 4-х лет. Начала свой путь в этой области с изучения HTML и CSS. Разработала сайт магазина на simpla, включая и frontend, и backend. Изучила несколько курсов, например, "HTML Academy", Webformyself. В настоящее время занимаюсь весткой сайтов, используя функционал HTML5 и CSS3, JavaScript и jQuery, при работе с изображениями пользуюсь возможностями Photoshop, CorelDraw и SVG. Делаю адаптивную верстку на Bootstrap. Изучаю и использую в своей работе новые технологии, например, CSS Grid, Parallax и др.
Любой начатый проект довожу до конца, постоянно совершенствую свой профессиональный уровень. Стараюсь привнести в работу элемент творчества, делать удобный и понятный для клиента, качественный продукт.
Знания / навыки
Последняя версия стандарта HTML: новые атрибуты, новые возможности
Множество новых оформлений страниц: градиенты, переходы, анимации, гибкие рамки, сетки и др.
Расширенный функционал, объектно-ориентированный код
Использование и усовершенствование скриптов на jQuery
Адаптивная популярная библиотека интефейсов
Линейная модель макета, мощные возможности выравнивания элементов
Двумерные CSS-сетки, новейшие технологии
Создание и оптимизация уникальных изображений, трансформации. сепии и многое другое
Что я могу Вам предложить?
- Семантическая верстка страниц с нужным функционалом из PSD-макетов
- Pixel Perfect
- Реализация JavaScript логики и возможностей CSS3 (слайдеры, модальные окна, анимации и т.д.)
- Доработка готовых сайтов
Адаптация новых и ранее созданных страниц под мобильные устройства- Оптимизация скорости загрузки сайтов
- Качество
Хорошие сайты должны быть, в первую очередь, удобны, просты и понятны пользователю.
А также иметь стильный современный дизайн, высокую скорость загрузки и полную адаптивность под любые девайсы.
Портфолио
Calligaris
Разработка сайта для магазина дизайнерской итальянской мебели. Верстка уникального шаблона, адаптация под мобильные устройства, скрипты JavaScript для оригинальных слайдеров и выпадающего меню.
Технологии
- HTML5
- CSS3
- Javascript
- jQuery
- PixelPerfect
- Full Responsive
Flatseeker
Разработка главной страницы бизнес-сайта агенства недвижимости. Верстка сложного шаблона, создание основного слайдера на чистом CSS3 со всплывающими миниатюрами слайдов, подвижными стрелками боковой навигации и неповторяющимся движением каждого слайда, уникальная форма выбора недвижимости, адаптация под мобильные устройства, скрипты JavaScript для слайдеров и выпадающего меню.
Технологии
- HTML5
- CSS3
- Javascript
- jQuery
- PixelPerfect
- Full Responsive
Sky Club/World
Ребрендинг сайта крупного туристического оператора, включая главную страницу, блоки: "Страны", "Путешествия", "Создай своё путешествие", "Отели". PixelPerfect, адаптация под мобильные устройства, svg-карта с навигацией по странам и островам в виде выпадающих при наведении миниатюр-ссылок.
Технологии
- HTML5
- CSS3
- Javascript
- Bootstrap
- SVG
- PixelPerfect
- Full Responsive
Gllacy
Landing Page. Верстка оригинального шаблона: слайдер на всю страницу с изменяющимся цветом фона, выпадающее меню на медиаэкранах меняет цвет в унисон с фоном страницы. Метка адреса на интерактивной карте - уникальная, соответствующая тематике сайта. Двухуровневое выпадающее меню на чистом JS, Flex-технология. Адаптация под мобильные устройства.
Технологии
- HTML5
- CSS3
- Javascript
- jQuery
- PixelPerfect
- Full Responsive
cityplumbers.ru
Участие в ребрендинге сайта Интернет-магазина, в частности, блока авторизации клиента. Bootstrap, адаптация под мобильные устройства.
Технологии
- HTML5
- CSS3
- Bootstrap
- PixelPerfect
- Full Responsive
Barbershop
Landing Page с использованием современных технологий HTML5, CSS3, слайдера на чистом javascript, адаптивность под любые мобильные устройства, анимация модальных окон.
Технологии
- HTML5
- CSS3
- Javascript
- jQuery
- PixelPerfect
- Full Responsive
Biruang
Landing Page, PixelPerfect, Full Responsive, flex-технологии, js-скрипты, оригинальный анимированный блок поиска; кнопка "Наверх" при скроллинге на чистом javascript, работающая плавно.
Технологии
- HTML5
- CSS3
- Javascript
- jQuery
- PixelPerfect
- Full Responsive
Contact-Form
Разработка страницы формы контактов и предложений для IT-компании.Адаптация под мобильные устройства, JS-скрипты для вложенных блоков.
Технологии
- HTML5
- CSS3
- Javascript
- PixelPerfect
- Full Responsive