портфоліо

Print & Pattern

Прекрасний чорно-білий вебсайт з чистим, елегантним дизайном, що добре підходить для таких e-commerce сфер як фешенебельні товари, одяг, їжа, будівельні матеріали. Верстаючи цей макет, я особливо навчився писати слайдери на чистому JavaScript і покращив знання Smart Grid.

Travel Blog

Hannah Milan створила крутий і поки безкоштовний шаблон для подорожнього блогу, який я з радістю зверстав і додав в нього "життя" у вигляді анімацій. Особливість цього шаблону саме в тому, що використовуються блоки з картинкою для кожного посту, які складаються в гарні плитки. Мандрівникам, які роблять багато фото під час подорожі, такий вебсайт - це те, що вам необхідно. Насолоджуйтеся!

Música

Música — це вільний eCommerce шаблон, який підходить для інтернет-магазинів, пов'язаних з музикою. Він має сучасний та елегантний дизайн в поєднанні з приємною кольоровою схемою. В ньому я навчився реалізовати дрібні елементи дизайну на чистому CSS, без використання JS та SVG.

Voynich

Cупер чистий та сучасний елегантний корпоративний landing page. Він має стандартний layout, що означає, що його легко реалізувати через Bootstrap чи Smart Grid. Він є чудовим вибором, коли інформація про компанію треба представити в інтернеті швидко.

Photography

Почніть формувати своє портфоліо фотографа, використовуючи даний шаблон вебсайту, який був створений за допомогою Photoshop. По дефолту cайт працює в темній темі, але дизайн сайту гнучкий, тому його можна змінити в будь-який момент.

різне

StartingHTML-Template Bootstrap 4

Особливості шаблону:

  • залишено і трішки переписано таск 'img', який був призначений для стиснення картинок;
  • в комплекті з шаблоном йде scss-бібліотека Font Awesome, яку можна кастомізувати та підключити до проекту;
  • також до проекту можна підключити зібрану мною за допомогою сервіса Fontello і переписану під sass легку бібіотеку найбільш вживаних у вебі іконок - CIP (Custom Icon Pack);
  • індексний файл вміщує додаткові корисні метаданні, які також відповідають за оформлення панелі браузера на маленьких пристроях.

StartingHTML-Template (Bootstrap 4) - це стартовий шаблон для розробки сайтів, який значною мірою базується на стартовому шаблоні OptimizedHTML-4 відомого фронт-енд розробника Олексія Кліманова. Метою створення цього шаблону було додавання необхідного функціоналу, якого не було в в OptimizedHTML-4, що дозволив би швидко і зручно розгортати проекти, в яких викорстовуються Bootstrap 4.

StartingHTML-Template SMART GRID

Мій підхід до розробки на цьому шаблоні полягає в тому, що в проекті повинен бути лише код, який безпосередньо використовується в проекті. Наприклад випадки, коли підключена jQuery, з якої використовується лише відсотків 10, являються неприйнятними. Тому я рекомендую використовувати лише ті сss та js-бібліотеки, які являються легкими і які будуть максимально задіяні в проекті, а також не забувати про написання популярних фішок на чистому js. Я ні в якому разі не нав*язую свій підхід до розробки, користувач шаблону може робити з ним, що забажає. В вихідному коді шаблону також лежить scss-бібліотека Bootstrap 4, scss-бібліотека іконок Font Awesome, які можна в будь-який момент підключити.

StartingHTML-Template (Smart Grid) - це стартовий шаблон для розробки сайтів, який відрізняється тим, що включає в себе Smart Grid - одну із найзручніших технологій для швидкого створення адаптивних лейаутів, яку створив программіст Дмитро Лаврік. Верстання за допомогою цієї технології дозволяє створити чистий та зрозумілий код, який неперевантаженний тонною класів в html і який дуже легко підтримувати в подальшому. В шаблоні Smart Grid вже налаштований в gulpfile.js і згенерована sass-бібліотека, яка підключена до проекту. Інші дрібні особливості шаблону перекочували напряму із StartingHTML-Template (Bootstrap 4).

Pure CSSDrawing

Добре малювати я ніколи не вмів, лише вдавалося добре перемальовувати картинки. Проте тяга до того, щоб щось намалювати самому завжди жевріла в потаємних куточках моєї душі. Тому кращим виходом стала можливість доручити всі труднощі малювання браузеру. Строго не судіть, оскільки це мої перші спроби намалювати щось за допомогою чистого CSS.

Подивитися на CodePen

профайл

Я фронт-енд розробник, який допомагає людям робити бізнес в мережі.

Моя пристрасть — це гарні, інтуїтивні вебсайти, що "оживлені" крутими UI ефектами та анімаціями. Я вважаю, що користувацький досвід, в першу чергу, має починатися з естетичного задоволення.

Коли я не пишу код і не малюю дизайн, ви можете мене знайти за написанням поезії та оповідань, за душевними посиденьками з друзями біля багаття, за вивченням психології або за переглядом фільмів жахів :)

Фото веб-розробника Вадима Галайка

Що я пропоную

UI/UX дизайн

Викладатися на повну в будь-якій діяльності — це про мене. Відповідальність та осмисленість при розробці - дві основи, що допомагають мені створювати надійні продукти, якими будуть користуватися сотні-тисячі людей! Зручність використання — мій пріоритет №1 при проектувані інтерфейсів.

Розробка вебсайтів

Я виконую повний цикл розробки сайтів: від дизайну до посадки на систему управління контентом (CMS). І в кожній роботі присутня особлива родзинка, яка дозволяє сайту бути привабливим і таким, на який захочеться зайти знову. Кращі практики frontend-розробки, сучасні інструменти та найсвіжіші тренди веб-дизайну є постійними складовими моїх проектів.

Консалтинг

Людям, які не працюють в сфері веб-розробки, буває складно визначитися з тим, яким має бути сайт. Тому я залюбки дам орієнтир. Кожен мій клієнт може розраховувати на підтримку та постійний зв'язок, який особливо необхідний при дистанційній роботі.

Мої інструменти

  • HTML/CSS
  • JavaScript (ES 5, ES 6)
  • SASS/SCSS/Less/Stylus
  • Gulp
  • jQuery
  • Smart Grid
  • Bootstrap 3, 4
  • PHP
  • MySQL
  • Wordpress
  • БЕМ
  • Photoshop
  • Inkscape

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

  • Здатність швидко навчатися
  • Уміння приходити до спільного розуміння ідеї
  • Гнучка свідомість
  • Необмежена фантазія
  • Орієнтування в екосистемі веб-технологій
  • Скрупульозність при роботі з кодом
  • Робота в команді
  • Знання англійської мови
  • Чаювання

В перспективі

Для реалізації крутих задумок мені необхідно освоїти наступні технології. І почну я з Vue.js!

Лого технології React
Лого технології Vue
Лого технології WebGl

Зацікавлені у спільній роботі?

На даний момент я відкритий до нових проектів і завжди готовий консультувати з приводу розробки веб-продуктів. Якщо ви хочете створити сайт або просто поспілкуватися на цікаві теми, тисність на кнопку:

Почати співпрацю

контакти