Switch to English?
Yes
Переключитись на українську?
Так
Переключиться на русскую?
Да
Przełączyć się na polską?
Tak

Ілля Куц

Чтоб сайт можно было положить в портфолио, его нужно сделать хорошо.
Запропонуйте Іллі роботу над вашим наступним проєктом або зареєструйте профіль фрилансера і починайте заробляти просто зараз.

Україна Бердянськ, Україна
2 місяці 27 днів тому
Вільний для роботи вільний для роботи
25 Сейфів завершено
1 арбітраж
4 роки тому
22 замовники
на сервісі 6 років

Рейтинг

Успішних проєктів
89%
Середня оцінка
Немає даний
Рейтинг
1160
HTML та CSS верстання
24 проєкти
HTML та CSS верстання
1 проєкт
Javascript та Typescript

Резюме


image


ДЕЛАЮ ВЕРСТКУ ДЛЯ ПОРТФОЛИО - ДЕЛАЮ КАК ДЛЯ СЕБЯ!


Кратко, для тех, кто ценит свое время!


Чем я занимаюсь:

  • Простая и сложная верстка сайтов
  • Верстка по макету, пиксель перфект.
  • Адаптивная верстка под любые разрешения экранов
  • Кроссбраузерная верстка под разные виды браузеров
  • SEO и семантическая верстка, оптимизация верстки под поисковые системы
  • Оптимизация скорости загрузки, верстки под Google PageSpeed

Какие типы сайтов верстаю:

  • Лендинг пейдж
  • Интернет-магазины
  • Сайты-визитки
  • Порталы
  • Блоги
  • Корпоративные сайты
  • И т.д.

Используемые технологии:

  • HTML5 + PUG
  • CSS + SASS
  • FLexbox/Bootstrap
  • Figma/Avocode.
  • БЭМ
  • Gulp
  • JS/Jquery
  • Git
  • Open Graph/Schema.org


Подробно, для тех, кто любит детали!


Верстка - это проект:

Результат моей работы - это профессионально оформленный проект, который легко поддерживается и масштабируется, а также имеет логичную и надежную структуру:

  • Файлы разделены по типу (HTML, CSS, JS, изображения, шрифты и т.д.) и вынесены в отдельные папки.
  • Списки подключаемых стилей и скриптов вынесены в отдельные файлы и могут подключаться как модули.
  • Основные блоки типа хедер, футер, меню и т.д. вынесены в отдельные файлы, что позволяет применить изменения блока одновременно для всех страниц проекта.
  • Стили разбиты на логичные подразделы:  основные, вспомогательные, общие, вендорные, модули, ui-элементы и т.д.
  • Компоненты размечаются по методологии БЭМ. Стили каждого БЭМ-компонента вынесены в отдельный файл.
  • Все изображения разложены по отдельным папкам. Папки именованы соответственно блокам, в которых они используются.
  • SVG-иконки собраны в спрайт и подключаются отдельно.
  • Код разметки разбит на секции, которые для удобства выделены комментариями.
  • Для фирменных цветов, шрифтов, брейкпоинтов и т.п. используются SASS-переменные, их значения можно легко менять из одного файла для всего проекта.
  • Все имена и названия являются осмысленными и понятными.


Почему верстка будет качественной?

Проверенные технологии.

image

Я пишу адаптивную и кроссбраузерную верстку с помощью проверенной и надежной технологии FlexBox, которую поддерживают почти 99% всех браузеров. Flex-элементы легко адаптировать, менять направление, порядок, подстраивать под другие элементы, центрировать и позиционировать. Так же технология получила хорошую поддержу разработчиков: все известные баги устранены или имеют простое решение.


Гибкая сетка

image

При помощи flex-элементов я могу реализовать почти любую сетку расположения элементов: стандартную на 12 колонок, кастомную сетку на 16, 18, 24 колонки или любую другую. Но также возможны и совершенно немыслимые соотношения:  отдельная колонка может занимать, например, 128/1170 часть контейнера! А это значит, что при ширине контейнера 1170px колонка будет иметь ровно 128px по ширине, как и указал дизайнер, но, при растяжении/сжатии контейнера, колонка будет сохранят правильную пропорцию и выглядеть гармонично. Значения можно менять для любых разрешений экрана на другие немыслимые, делая красивые переходы под планшеты и мобильные устройства. 


Идеальные шрифты

imageТак же изюминкой сайта могут быть гибкие размеры шрифтов, которые будут плавно меняться в заданных пределах. Как это работает? Размеры реагируют на вьюпорт (область просмотра). Например, для экранов шириной от 1920px до 1170px, можно указать размер шрифта от 48px до 32px. Размер шрифта будет точно соответствовать в крайних точках (ровно 48px для ширины экрана 1920px и ровно 32px для ширины экрана 1170px) и плавно меняться от 48px до 32px при изменении ширины экрана (например,  37.76px при ширине экрана 1440px). Вне указанных пределов, можно сохранить динамику изменения или же зафиксировать размер. Так на 1024px шрифт уменьшается до 28.8853px, на 787px - 23.424px, либо останется 32px для всех расширений меньше нижней границы в 1170px. И, самое приятное, что таких пределов может быть столько, сколько нужно, чтоб шрифт выглядел идеально. 


Чистый код

imageВсе работы обязательно проверяются с помощью css/html валидаторов, что гарантирует чистый и надежный код без ошибок.


Скорость загрузки

imageЯ отлично разбираюсь в оптимизации важных параметров под новые требования Google PageSpeed: First Contentful Paint, Largest Contentful Paint, Cumulative Layout Shift, Total Blocking Time и т.д.. Из-за медленной скорости загрузки

на 11% меньше просмотров страниц,  снижение удовлетворенности клиентов на 16%,  потеря конверсии на 7%. Фактически, 47% потребителей ожидают, что веб-сайты загрузятся за две секунды или меньше. А 40% покидают страницу, которая занимает три и более секунд.  

Так же загрузка сайта стала частью SEO, учитывается поисковыми роботами при ранжировании и влияет на позицию в поисковой выдаче. С помощью специальных инструментов разработки моя верстка проходит строгий аудит и оптимизацию скорости загрузки сайта до отличных показателей.  Это поможет вам сохранить клиентов и оставаться в топе.


А что еще?

Приятные бонусы, которые делаю хорошими не только код, но и отношения:

  • Целый месяц сопровождаю проект после завершения работы
  • Все правки бесплатно
  • Сайт будет продемонстрирован на моем тестовом сервере
  • Все резервные копии проектов хранятся на случай, если с вашей копией что-то случится
  • Добавлю простую микроанимацию, которую, как обычно, не указал дизайнер)


Еще сомневаетесь? Тогда примеры работ ниже.

Навички та вміння

Програмування

Портфоліо


  • LEDOKOL

    HTML та CSS верстання
    Лендинг пиксель перфект с микроанимацией.
    Стек технологий: HTML/Pug, CSS/SASS, FLexbox, БЭМ, Gulp, JS/Jquery, Open Graph
  • JAGUAR DAO

    HTML та CSS верстання
    Лендинг
    Стек технологий: HTML/Pug, CSS/SASS, FLexbox/Bootstrap, БЭМ, Gulp, JS/Jquery, Open Graph, Git, etc.
  • UNISTAR

    HTML та CSS верстання
    Лендинг
    Стек технологий: HTML/Pug, CSS/SASS, FLexbox, БЭМ, Gulp, JS/Jquery, Open Graph, Git, etc.
  • BRAINWAY

    HTML та CSS верстання
    Многостраничный сайт с параллакс-эффектом.
    Стек технологий: Pug, SASS, FLexbox, БЭМ, Gulp, JS, Open Graph
  • BBC NEWS

    HTML та CSS верстання
    Стек технологий: HTML/Pug, CSS/SASS, FLexbox/Bootstrap, БЭМ, Gulp, JS/Jquery, Open Graph, Git, etc.
  • ETONADO

    HTML та CSS верстання
    Лендинг пиксель перфект с микроанимацией.
    Стек технологий: HTML/Pug, CSS/SASS, FLexbox, БЭМ, Gulp, JS/Jquery, Open Graph
  • АвтоДело

    HTML та CSS верстання
    Верстка Email
    HTML, CSS
  • TUNI SPORT

    HTML та CSS верстання
    Интернет-магазин авто-запчастей с крутой скоростью загрузки!
    Стек технологий: HTML, CSS/SASS, FLexbox, БЭМ, Gulp, JS/Jquery, Open Graph
  • DECISIONAI лендинг

    HTML та CSS верстання
    Аккуратный лендинг на HTML/Pug, CSS/SASS, FLexbox, БЭМ
  • TOKENSTORY

    HTML та CSS верстання
    Стек технологий: HTML/Pug, CSS/SASS, FLexbox, БЭМ, Gulp, JS/Jquery,
  • AVDEEVA

    HTML та CSS верстання
    Интернет-магазин косметики
    Стек технологий: HTML, CSS/SASS, FLexbox, БЭМ, Gulp, JS/Jquery
  • Ramadan

    HTML та CSS верстання
    HTML/Pug, CSS/SASS, FLexbox, БЭМ, Gulp, JS/Jquery, Open Graph
  • UA-PHARM

    HTML та CSS верстання
    Верстка главной страницы
  • NORALOGIX

    HTML та CSS верстання
    Лендинг для иностранной компании
    Стек технологий: HTML/Pug, CSS/SASS, FLexbox, БЭМ, Gulp, JS/Jquery, Open Graph
  • AsProDent

    HTML та CSS верстання
    Верстка многостраничного сайта

Відгуки та компліменти про виконані проєкти 24 1

13 лютого 2022 3000 UAH
Список 3 сторінок (Less, PUG)

Якість
Професіоналізм
Вартість
Контактність
Терміни

Все чудово!
Задоволений результатом і підходом.
Дякую, якщо потрібно, звернуся ще раз.

2 лютого 2022 3396 UAH
Верстка внешних страниц

Якість
Професіоналізм
Вартість
Контактність
Терміни

Запізнілий проект Пропадав і не виходив на зв'язок. Термін проекту пройшов, нічого не здано, сильно обдурив.

Профіль видалено | Сейф Сейф

Якість
Професіоналізм
Вартість
Контактність
Терміни

Задача була проста верстка однієї сторінки з макету, з елементами слайдер і бурі. Також було зазначено, що сторінка для існуючого сайту, за цим блоками на новому сторінці не повинні впливати на сайт в цілому. В результаті, крім решти, виконавця використовував нестандартний синтаксис коду, через який, терміни виконання замість одного дня, зайняли три, зайняло додаткові два дні виправити помилки. Це викликало дискомфорт, оскільки терміни були дуже важливими.

22 листопада 2021 6000 UAH
Веб-сайт за готовим дизайном

Якість
Професіоналізм
Вартість
Контактність
Терміни

Все чудово. Ілля зробив роботу якісно і пофіксував всі проблеми, які нам вдалося знайти.

25 жовтня 2021 2000 UAH
Створення Лендінг

Якість
Професіоналізм
Вартість
Контактність
Терміни

Дякую Іллю за приємну співпрацю, якість роботи сподобалася.

14 серпня 2021 1300 UAH
Верстка лэндинга desktop + mobile

Якість
Професіоналізм
Вартість
Контактність
Терміни

Очень быстрое выполнение работы в соответствии со всеми современными стандартами. Мастер своего ремесла.

Якість
Професіоналізм
Вартість
Контактність
Терміни

Все чітко! Ми будемо працювати далі

20 квітня 2021 2700 UAH
Потрібна версія 1 сторінки

Якість
Професіоналізм
Вартість
Контактність
Терміни

На виході отримав саме те, що хотів, зроблено якісно, з увагою до деталей. Рекомендуємо до співпраці.

Якість
Професіоналізм
Вартість
Контактність
Терміни

Відмінно працювали з Іллією, людина очевидно дуже добре розуміється в усьому процесі версти і працює з усіма новими методиками. Я дуже рекомендую його, допоміг і пішов на зустріч з усіма додатковими бажаннями. Працюючи з Іллію, рекомендую поступову перевірку роботи.
Дякую, сподіваюся працювати в майбутньому!

16 листопада 2020 2000 UAH
Звернути Лендінг

Якість
Професіоналізм
Вартість
Контактність
Терміни

Я дуже задоволений співпрацею з Іллі. Швидка комунікація, хороший результат. Відповідально підійшов до завдання. У вигляді приємного бонусу від Іллі була додатково виконана мікрозазнака schema.org. Всі поправки і корекції прийняли добре!
Результатом задоволені, рекомендуємо!

22 жовтня 2020 1274 UAH
Верстка внутренних страниц

Якість
Професіоналізм
Вартість
Контактність
Терміни

Прекрасный верстальщик, делает легко и быстро!

Профіль видалено | Персональний | Відгук у відповідь

14 жовтня 2020 1274 UAH
Завантажити проект на FIGMA

Якість
Професіоналізм
Вартість
Контактність
Терміни

Чудовий фахівець і пропонує конкурентоспроможні ціни.

Профіль видалено | Сейф Сейф | Відгук у відповідь

30 вересня 2020 2123 UAH
Повернути Лендос

Якість
Професіоналізм
Вартість
Контактність
Терміни

Якість верстки хороша. Однак неправильно оцінив складність проекту і затримував роботу на +3 дні. Також є певна невпевненість щодо макету. Більше половини корекцій можна було б уникнути. В цілому співпраці задоволений, можливо, звернуся ще.

Профіль видалено | Сейф Сейф | Відгук у відповідь

Якість
Професіоналізм
Вартість
Контактність
Терміни

Було приємно працювати!
за 3 роки роботи на сервісі та 50 проектів, які я відкрив,
Ілля, здається, гарний верстальщик. )
Зробив ще більше, ніж потрібно, привів екрани валідатора і спидометра Google
І зробив роботу дизайнера.

Якість
Професіоналізм
Вартість
Контактність
Терміни

Верстка паркувальної сторінки виконана добре, Ілля справився з поставленими завданнями.
Був один неприємний момент, коли він не виходив на зв'язок 2 дні без попередження, причиною була висока завантаженість на інших проектах. В такому випадку хотілося б отримати хоча б якийсь зворотній зв'язок, а не тишину. Проте, не зважаючи на це, Ілля - кмітливий і приємний співрозмовник.
Всі необхідні правки були виконані по запиту вчасно.
В цілому, співвідношення ціни та якості роботи на високому рівні.
Я задоволений співпрацею з Іллєю, і залюбки найняв би ще раз, при умові, що комунікація буде безперебійною 🙂

Якість
Професіоналізм
Вартість
Контактність
Терміни

Дуже хороша версія, дякую!

Профіль видалено | Сейф Сейф | Відгук у відповідь

24 червня 2020 1000 UAH
Створення Bootstrap 4

Якість
Професіоналізм
Вартість
Контактність
Терміни

Ілля зробив якісну верстку ландінгу!!! Роботою дуже задоволений, все виконано вчасно, зроблено більше, ніж домовлено! Рекомендую вам!!І!

Якість
Професіоналізм
Вартість
Контактність
Терміни

Задача була виконана за ТЗ і в термін

Якість
Професіоналізм
Вартість
Контактність
Терміни

Чудовий адаптивний вірш. Робота виконана без затримки.

Профіль видалено | Сейф Сейф | Відгук у відповідь

Якість
Професіоналізм
Вартість
Контактність
Терміни

Все гарне! Ілья відповідальний і професійний розробник, верстку виконано в повному обсязі і точно вчасно

29 квітня 2020 1000 UAH
Верстка остльних страниц + попап

Якість
Професіоналізм
Вартість
Контактність
Терміни

Вовремя, качетвено, все пожелания и мелкие баги устранени!

Якість
Професіоналізм
Вартість
Контактність
Терміни

Відмінна робота, вчасно і якісно!

11 квітня 2020 600 UAH
Верстка. 10 часов по таймтрекеру

Якість
Професіоналізм
Вартість
Контактність
Терміни

Всё отлично. Задачи выполенны в соответсвии с тех. заданием. Рекомендую

3 березня 2020 1000 UAH
Створення Adaptive Landing

Якість
Професіоналізм
Вартість
Контактність
Терміни

Все добре, направки зроблені, обов'язково буду звертатися

29 лютого 2020 1000 UAH
Сверстка сайту

Якість
Професіоналізм
Вартість
Контактність
Терміни

Мені дуже сподобалося працювати з Іллі. Він сам виходив на зв'язок, показав проміжні варіанти роботи і виконував все вчасно. Працювала з невеликими правками, але все зроблено як у дизайні. Дуже задоволений, буду звертатися ще.

Активність

  Останні ставки 10
Фриланс-проєкт
1000 UAH
Верстка корзини
2000 UAH
Фриланс-проєкт
Фриланс-проєкт
Фриланс-проєкт
Фриланс-проєкт
6368 UAH
Фриланс-проєкт
Фриланс-проєкт
3396 UAH
Фриланс-проєкт
20 000 UAH
Фриланс-проєкт