Арина
Веб-разработчик
АРИНА
веб-разработчикВ данной сфере я уже 2 года и за это время мои навыки значительно улучшились , но Моя карьера только начинается :
Мой процесс создания сайтов
Я стараюсь на максимум вложиться в работу и делать проекты качественно . Всегда улучшаю свои навыки , изучаю новую , актуальную информацию и обновления . Сейчас я кропотливо составляю портфолио . С детской наивностью и недетским трудом, верю в свою мечту.
В мою работу входит:
- Отзывчивость сайта под каждое устройство
- надёжность вёрстки
- посадка на WordPress
- чистый JavaScript
- кроссобразность - подробнее об этом здесь
- валидность кода - отсутствие ошибок в коде . Важно для видимости сайта в поисковой системе
Технологии с которыми я работаю:
Gulp, WordPress, CSS , SCSS , HTML , JavaScript
Подробнее про надёжность вёрстки
- При создании сайта я думаю о надёжности , удобности и качестве его использования, а это таиться , казалось бы в мелочах .
- Не сломается ли шапка при добавлении в неё пунктов меню ?
- А карточка товара если в неё добавить картинку больше макетной ?
- Будет ли одинаковый размер карточек товара если в одной с них больше текста ?
- Приятна ли человеку анимация ?
- Открываются ли ссылки в новой вкладке ?
Подробнее про отзывчивость вёрстки
отзывчивость под каждое устройство это не только об уменьшении размеров контента при уменьшении экрана , но и о смене его положения если это того требует
для открытия изображения нажмите на него*
План :
- Получение файлов , ознакомление с макетом и Техническим заданием ;
- обозначение цены ;
- Договор об этапе на котором отправить первый результат промежуточной работы
Оплата :
- 50% до начала работы или после демонстрации первого блока главной страницы / шапки ;
- 25% после первой сдачи вёрстки ;
- 25% после полной передачи сайта с правками и файлами ;
Способ оплаты :
На карту или через эту фриланс-биржу (там есть безопасная оплата для обеих сторон)
Цена зависит от :
- количества блоков и их интерактивности (смена контента пользователем) ;
- наличия JavaScript (выпадающие меню, карусели , галереи, попапы и так далее) ;
- Блок в среднем 10 долларов , За повторные блоки цена считается один раз
- Отзывчивость за страницу (в которой больше 5ти блоков) : 55-85 долларов . Чем меньше страница и легче блоки , тем меньше цена за адаптив
- Блог- FAcebook
- Почта - arinachornal75@gmail.com
-
Телеграм
- @ArinaWebSites
-
WatsApp , Viber
- +380 050 20 73 140
Под анализ для примера взяла 3 страницы
Цена = 242$ - 8900грн
Особенности проекта и основные задачи :
| меню : | шапка состоящая с большого количества компонентов > многослойное меню + его нестандартный адаптив (пользовательское меню, стандартное выпадающее, выпадающее мега-меню ) , попапы ; |
| главная страница : | слайдер , подсказки - типсы , попап ; |
| карточка товара : | слайдер с выбором по изображению , выбор количества товаров , селекты и табы |
смена цвета при наведении на кнопки, текст, декоративные элементы ;
Под анализ для примера взяла 4 страницы
Цена = 277$ - 10200грн
Особенности проекта и основные задачи :
| главная страница : | сайдбар с фильтрами товаров ( вариативность подходящей цены , inputs ) ; слайдер с выводом количества слайдов ; сайдбар каталога товаров с выпадающим меню и сменой отображения при уменьшении экрана ; вкладки ; |
| меню : | стандартное выпадающее меню + его нестандартный адаптив ; шапка состоящая с большого количества компонентов ; выпадающее меню в поиске и отображение выбранного количества параметров . |
| каталог : | настройка минимальной и максимальной цены , чекбоксы , выпадающие меню |
| оплата : | табы, выбор количества товаров , форма связи |
анимация при наведении на кнопки ,
анимация появления попапов и выпадающих меню ,
плавная смена контента
Под анализ для примера взяла 6 страниц
Цена = 258$ - 9500грн
Особенности проекта и основные задачи :
| главные задачи : | отзывчивость блоков под все расширения экрана открытие видео в попапе |
движение изображения при движении мыши ,
плавное появление объектов при прокрутке страницы ;
Цена = 173$ - 5100грн
Особенности проекта и основные задачи :
| главные задачи : | выпадающие меню, поиск, отзывчивость блоков под все расширения экрана , добавление товаров в корзину , создание и обновление корзины при добавлении товаров в неё , прокрутка к нужному объекту при выборе в пользовательском меню ; |
движение галереи и других объектов при наведении мыши ,
анимация при добавлении товаров в корзину ,
анимация появления блоков при прокрутке страницы ,
смена цвета при наведении на кнопки, текст, декоративные элементы ;
Под анализ для примера взяла 5 страниц
Цена = 252$ - 9300грн
Особенности проекта и основные задачи :
| главные задачи : | отзывчивость блоков под все расширения экрана ,
сайдбар и его отзывчивость , фильтрация контента по кнопкам , галерея и её адаптив , слайдеры ; |
плавное появление объектов при прокрутке страницы ,
анимация объектов при наведении мыши ,
смена цвета при наведении на кнопки, текст, декоративные элементы ;
Цена = 135$ - 5000грн
Особенности проекта и основные задачи :
| главные задачи : | выпадающие меню, поиск , нестандартные слайдеры , отзывчивость блоков под все расширения экрана , добавление товаров в корзину , создание и обновление корзины при добавлении товаров в неё , прокрутка к нужному объекту при выборе в пользовательском меню . |
анимация появления блоков при прокрутке страницы и плавная прокрутка к блокам ;
движение галереи при наведении мыши ;
анимация при добавлении товаров в корзину ;
смена цвета при наведении на кнопки, текст, декоративные элементы ;
Цена = 80$ - 3000грн
Особенности проекта и основные задачи :
| главные задачи : | попап , выпадающие меню , поле обратной связи , осуществить нужную анимацию > |
анимация фоновых и декоративных элементов при движении мыши
Цена = 108$ - 4000грн
Особенности проекта и основные задачи :
| главные задачи : | отзывчивость блоков под все расширения экрана , слайдер , выпадающие меню , прокрутка к нужному объекту при выборе в пользовательском меню ; |
анимация блоков при прокрутке страницы ,
плавное перемещение к нужному блоку при выборе в пользовательском меню ;
смена цвета при наведении на кнопки, текст, декоративные элементы;
Браузеры могут по-разному отображать один и тот же элемент
Задача - протестировать сайт во всех браузерах (Google, Chrome, Yandex, Opera, Safari) , чтобы вёрстка не распалась ни в одном из нх
Например, не все браузеры могут прочитать анимации и поэтому нужно ставить префикс - приставку. В итоге вместо одной строки мы получаем ещё 4 или 2 , но это будет надёжнее :
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
justify-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-, -o-, -ms- являються приставками
Но бывают свойства, которые не работают совсем в одном из браузеров, тогда нужно либо отказываться от них, либо заменять если это возможно
Сроки : оптимально нужно закончить за 14 дней
Страниц : 9
- возможность добавлять товары в избранное и корзину ;
- интерактивность форм заказа и входа .