ФрилансерыДенис Кравчун

Веб-анимации — моя суперсила :)
Предложите Денису работу над вашим следующим проектом или зарегистрируйте профиль фрилансера и начинайте зарабатывать прямо сейчас.

Беларусь Минск, Беларусь
3 часа 48 минут назад
отвечает в течение пары часов
Немного занят немного занят
23 Сейфа завершены
17 дней 1 час назад
8 заказчиков
сделана 1 ставка
на сервисе 1 год
  • jquery
  • canvas
  • WebGL
  • UI/UX Design
  • Sass/SCSS
  • figma
  • three.js
  • front-end development
  • web animation
  • HTML5/CSS/JS(ES6)
  • CSS 3D ANIMATIONS
  • VUE.JS/VUEX/NUXT
  • NFT PROJECTS
  • webpack/gulp
  • gsap/tween/snap/pixi/svg

Рейтинг

Успешных проектов
100%
Средняя оценка
9.99 из 10
Рейтинг
4572
Веб-программирование
Javascript
15 проектов
Веб-программирование
5 проектов
Дизайн сайтов
4 проекта
Javascript
3 проекта
HTML и CSS верстка

Проверенные данные

Просмотр информации о верификации доступен только зарегистрированным пользователям.

Резюме

👋 Привет-привет!

Кодю крутые анимационные сайты! Видел(а) топы awwwards
Повторю почти что угодно:)


Меня зовут Денис, сам белорус, но сложилось так, что теперь в Польше. Живу веб-разработкой с 2017 года. За плечами более 3ех лет коммерческого опыта и всякого остального. В общем было весело)


🤟Что я умею как программист человеческим языком:

1️⃣ Создавать практически любые анимации на сайтах: покадровые, генерация и прикольное движение в 2д, различные летающие 3д объекты, красивое поведение при скролле, разнообразные клевые сторителлы, горизонтальный/поэкранный скролл,  любые трансформации контента при взаимодействии пользователя и многое-многое другое

2️⃣ Разрабатывать сайты используя всякие модные словечки (там solid, бэм…) как на нативном js/html/css, так и используя различные фреймворки (подробнее ниже)

3️⃣ Подключать сайты к серверу, тобишь работать с бекендом (получать/отправлять данные и все-такое)

4️⃣ Пользоваться Figma и Photoshop на высоком уровне. При необходимости способен самостоятельно подготавливать анимационные части дизайна, что-то самостоятельно векторно перерисовать и т.д.


Технологии верстки в которые могу:

html; pug/jade; css; scss; bootstrap; javascript(es6); jquery;

react.js; next.js; vue.js; nuxt.js;


Технологии для анимаций в которых крут:

css 2d/3d animation; svg; javascript, canvas; gsap; lottie.js; webgl: three.js; create.js;


Технологии для анимаций с которыми знаком:

webgl: pixi.js, babelon.js; snap;


Собираю проекты на webpack или gulp

Контролирую версии git + github


Несколько принципов по которым я работаю:

1️⃣ Всегда прислушиваюсь к своим клиентам, но веду диалог. Если я считаю, что что-то должно быть по-другому, я буду аргументировать свое мнение, а не слепо клепать код!

2️⃣ Всегда готов бесплатно проконсультировать и помочь. Даже если мы с вами и вовсе не работали

3️⃣ Я настроен только на экологичное общение. Для меня важно чувствовать себя хорошо и на позитиве, поэтому никакой агрессии вы никогда не получите, соответственно никакой агрессии в свой адрес я не потерплю, только позитив!

4️⃣ Предпочитаю почасовую оплату, однако всегда готов обсудить компромисс

5️⃣ Никогда не пропадаю и остаюсь на связи, вы всегда можете ко мне обращаться



Я настроен на длительное сотрудничество. Моя деятельность для меня больше чем работа, поэтому всегда рад пообщаться. Пишите:)

Навыки и умения

Программирование

  • Javascript
  • Веб-программирование

Дизайн и арт

  • Дизайн интерфейсов
  • Дизайн сайтов

Услуги

  • HTML и CSS верстка
  • Создание сайта под ключ

Портфолио

1000 $Project Twelve | animated nft landing page

Веб-программирование

Классный лендинг с поэкранным скроллом и всяческими анимациями

Стек технологий:
scss, vue.js, javascript

На разработку ушло 2 недели, проект классный, получилось здорово)

#javascript #css #html #CSS #javascript-разработчик #CSS #web-developer #Front-end #adaptive-design #adaptive #figma #jquery #animation #SVG-анимация #svg-animation #AnimateCSS #Vue.js #nft #crypto

5000 $NFTmap | Продажа nft планет

Веб-программирование

У меня была задача сверстать и разработать всю анимационную часть веб-сайта.
На разработку затратил месяц. Абсолютно все анимации написаны вручную без использования сторонних библиотек.

Проект очень кайфовый, клево кодить такие необычные и сложные штуки.

На данный момент, если у вас недостаточной мощности процессор -- вы будете получать фризы и резкие анимации. Существует оптимизированная версия данного веб-сайта, которую я шлифовал после окончания разработки мвп, однако на проде лежит старая версия.

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


#javascript #css #html #CSS #javascript-разработчик #CSS #designer #web-design #web-developer #Front-end #adaptive-design #adaptive #figma #jquery #animation #SVG-анимация #svg-animation #AnimateCSS

490 $Difiz.com | Digital агенство

Веб-программирование

Difiz.com - это digital агенство занимающиеся упаковкой брендов под ключ. Начиная от брендбука и заканчивая разработкой бекенда сайта.

И мне посчастливилось принять участие в front-end разработке их нового сайта-портфолио! Главными особенностями сайта являются направленность на мобильные устройства, а также вкусные анимации. (думаю поэтому мне досталась разработка (всегда делаю вкусные анимации:)))

Тобишь нужно было получить красивую, анимированную страничку, при этом без потери производительности на телефончике - и что вы думаете? Все летает)

Для разработки использовал собственную сборку фронтенд

На разработку затратил 5 дней
Советую перейти на сайт с мобильного устройства и оценить работоспособность анимации - https://www.difiz.com/
Благодарю за внимание!

#javascript #css #html #CSS #javascript-разработчик #CSS #designer #web-design #web-developer #Front-end #adaptive-design #adaptive #figma #jquery #animation

255 $Shadow Clone Films | Лендинг-афиша

Дизайн сайтов

Передо мной была поставлена задача разработать дизайн лендинга для определенного фильма. По сути лендинг = афиша.

У клиента было несколько предпочтений:
1. Темные тона
2. Минимализм

Исходя из требований, а также предоставленного логотипа была сформированно палитра цветов.

В стилистике лендинга следовал всем пожеланиям клиента, а также передал "это киношное настроение", благодаря использованию затемненных кадров из фильма на заднем фоне.

Кстати, картинки на фоне - это не только киношное настроение, но и ассоциация с самим фильмом, ведь использовались его кадры (я упомянал ранее). То есть даже на главном экране, я пытаюсь заинтересовать пользователя, вызвать у него эмоцию, которая закрепит его, заставит дальше двигаться по лендингу, изучать, и, в конечном итоге, посмотреть сам фильм = совершить целевое действие!

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

Дизайн выполнил в Figma
На разработку дизайна затратил 3 дня

Проект мне понравился. На мой взгляд получилось интересное решение:)

#uidesign #webdesign #ui #ux #design #designers #web #uxdesign #uxui #designweb #uxdesigner #uidesigner #header #interface #page #website #userinterface #mobile #mobileapp #mobiledesign #GraphicDesign #tilda #тильда #дизайн #сайтолог #сайт #лендинг #веб-сайты #сайт-визитка #вебсайт #лендинги

2000 $CastCalls | Сервис рекрутинга талантов

Дизайн сайтов

CastCalls - это своего рода фриланс платформа для творческих людей, а именно людей занимающихся живописью, танцами, вокалом и т.д. Дизайн данного ресурса я выполнял еще в 2019 году. И, несмотря на то, что я уже вижу много своих ошибок, мне очень нравится данный кейс, тем более, это один из первых моих крупных проектов!

Поставленная задача:
1) Дизайн лендинга
2) Дизайн и проработка структуры 30 страниц функционала

Немного расскажу о проекте:
CastCalls - это сайт с системой ролей. Вы можете зарегистрироваться как талант и затем выставлять свою кандидатуру для работы. Либо можете зарегистрироваться как заказчик. В данном случае под заказчиком подразумеваются компании, лица, которые занимаются организацией различных мероприятий. Например, съемка клипа, танцевальные соревнования и т.д.

В целом, проект запомнился и оставил приятные воспоминания! К сожалению, много рассказать не смогу, т.к. дизайнил его больше 2ух лет назад.

Спасибо за внимание!)

P.S. В скрин добавил лишь пару страниц. В конце прикрепил кусочек дизайн-системы

6610 $SourсeOfMoney | Букмекерская контора

Создание сайта под ключ

Я, в команде со своим партнером, были ответственены за разработку дизайна и Front-end часть. Проект очень большой, на скрине представлена лишь 1/3 разработанных страниц.

Было потрачено много сил и времени на анализ, проработку уникального и удобного дизайна. Просмотрев десятки разных букмекерок, опросив сотни людей, активно ими пользующихся, у нас получилось (на наш взгляд) создать супер интуитивный и простой интерфейс, при этом не вырезав ни капли важного функционала.

Мы, на пару, проделали огромную работу, которую невозможно уместить в данное описание! Десятки схем, планов, ux описаний, и т.д. скрыты за отображенной картинкой. Это был захватывающий опыт, длиной в 4 месяца!

#uidesign #webdesign #ui #ux #design #designers #web #uxdesign #uxui #designweb #uxdesigner #uidesigner #header #interface #page #website #userinterface #mobile #mobileapp #mobiledesign #GraphicDesign

150 $Black House Club | Ночной клуб в Минске

Дизайн сайтов

Black House Club - Минский ночной клуб. И я был удостоен чести сделать ему редизайн! Ничего сверх естественного - я взял его оригинальный дизайн и привел в порядок.

Из интересного, это добавил трендовые иконки с художественными особенностями - они выглядят прям четко:)

По сути, я просто из него сделал конфетку! А чтобы вы могли сравнить, прикрепляю ссылку на сам сайт, т.к. верстку будет выполнять кто-то другой и еще не скоро.
https://blackhouseclub.by/

#uidesign #webdesign #ui #ux #design #designer #designers #web #uxdesign #uxui #designweb #uxdesigner #uidesigner #header #interface #page #website #userinterface

1000 $QDO | Автоматизация вашего кода

Создание сайта под ключ

QDO - это креативный лендинг для компании из Эстонии, который через сторителлинг рассказывает о ее деятельности.

Данный лендинг был выполнен мною полностью под ключ, а именно:
1. Разработка логотипа
2. Разработка всех иллюстраций
3. Разработка дизайна
4. Верстка

Особенностью данного лендинга является его интерактивность. Я очень усердно поработал с svg анимацией и даже написал свою небольшую библиотеку для создания scrolltelling! :)

Что касается стилистики, тут все просто:
1. Все иллюстрации - это сервера, трудящиеся люди, компьютеры, - все говорит о направлении деятельности компании (devops)
2. Сайт выполнен в темно-синем цвете для того, чтобы вызывать чувство доверия и спокойствия. Более того синие цвета были очень популярны в 2020 году!

На мой взгляд, получился очень крутой лендинг. Он сочетает в себе минималистичность и большое количество анимаций, при этом анимации не отвлекают от сути, а наоборот помогают рассказать о компании

Дизайн выполнил в Figma
Иллюстрации рисовал в Figma
Для организации кода использовал Gulp
Сайт написан на html, scss, jq
На всю работу затратил 9 дней

Это один из самых интересных, выполненных мною проектов! Было клево)

#javascript #css #html #CSS #javascript-разработчик #CSS #designer #web-design #web-developer #Front-end #adaptive-design #adaptive #figma #jquery #Gulp #animation #AnimateCSS #SVG-анимация #illustrations

510 $RingLamps | Продажа кольцевых ламп

Дизайн сайтов

Передо мной стояла задача разработать дизайн landing page, с которого будут продаваться кольцевые лампы.
А также какой-нибудь стильный простенький логотип.

Единственное, что было понятно сразу - нужно делать светлый сайт. Тут либо белый, либо желтый. Только вот фон желтым делать - это уже слишком! Поэтому без долгих размышлений за основной цвет я взял белый.

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

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

На мой взгляд получился очень симпатичный и приятный лендинг, который полностью соответствует поставленной задача, а также включает в себя некоторые тренды веб-дизайна 2020 года!

Дизайн выполнил в Figma
Текст с лампой на главном экране сделал в Photoshop
На всю работу затратил 34 часа

После этого проекта остались только положительные эмоции) Работал с очень приятным человеком!

#uidesign #webdesign #ui #ux #design #designers #web #uxdesign #uxui #designweb #uxdesigner #uidesigner #header #interface #page #website #userinterface #mobile #mobileapp #mobiledesign #GraphicDesign

1200 $Taya Amber | Онлайн книга

Создание сайта под ключ

Taya Amber book - это онлайн книга, демонстрирующая каталог товаров. Функционал книги полностью имитирует реальную книжку. Когда вы переворачиваете страницы - вы просматриваете каталог.

Данный проект я делал полностью под ключ. Начиная от дизайна, заканчивая посадкой на wordpress

Важные особенности:
1. Иcпользовалась самостоятельно написанная библиотека для формирования страниц и адаптацию под мобильную версию
2. Книжка выполнена на чистом javascript + css 3D animation, что дает нам более-менее хорошую поддержку
3. Книга плохо поддерживает IE 11, старые версии safari, старые версии мобильных браузеров

Данный проект - это очень интересный опыт для меня. Одной из фич книги является то, как на мобильном устройстве перестраивается расположение страниц! В результате, вы будто читаете электронную книгу, перемещаясь от страниц к странице просто по свайпу.

Передо мной стояло 2 важные задачи:
1. Сделать сайт визуально похожим на книгу
2. Сделать удобный интерфейс для просмотра книги с мобильного телефона (это было непросто)

Почему я выбрал именно такой стиль книги?
На самом деле в данном проекте мне не приходилось анализировать конкурентов. Как минимум в связи с тем, что таких книг просто нет) Во вторых вся стилистика взята с основного сайта компании и полностью с ним сочетается

Дизайн выполнил в Figma
Для организации кода использовал Gulp
На всю работу затратил 15 дней

Благодарю заказчика за проявленное доверие! Не часто встретишь такие проекты, а ведь все необычное - очень интересное!

#javascript #css #html #CSS #javascript-разработчик #CSS #designer #web-design #web-developer #book #onlineBook #Front-end #adaptive-design #adaptive #figma #jquery #Wordpress #Gulp #html-to-WordPress #PSD-to-WordPress #pluginswordpress #WordPresss

 

Отзывы и комплименты о выполненных проектах 23

Качество
Профессионализм
Стоимость
Контактность
Сроки

Заказали сайт с очень сложной анимацией, все было сделано отлично +даже с правками

Bogdan Domes | Персональный | Ответный отзыв

6 января 5550 ₴
Landing Page на vue.js

Качество
Профессионализм
Стоимость
Контактность
Сроки

Был очень срочный проект, весь ТЗ был выполнен как нужно и в максимально короткий срок. Рекомендую к сотрудничеству

Bogdan Domes | Персональный | Ответный отзыв

Качество
Профессионализм
Стоимость
Контактность
Сроки

Все выполнено хорошо, рекомендую к сотрудничеству

Bogdan Domes | Персональный | Ответный отзыв

20 декабря 2021 11 600 ₴
Анимация для сайта

Качество
Профессионализм
Стоимость
Контактность
Сроки

Спасибо, все было сделано качественно и без лагов. +Все в сроки, рекомендую как исполнителя!

Bogdan Domes | Персональный | Ответный отзыв

18 ноября 2021 8000 ₴
2 Анимация для сайта на React.js

Качество
Профессионализм
Стоимость
Контактность
Сроки

Отличный исполнитель, все делает очень быстро и качественно. Всегда прислушивается к фидбеку и старается сделать максимально в сжатые сроки

Bogdan Domes | Персональный | Ответный отзыв

18 ноября 2021 8000 ₴
Анимация для сайта на React.js

Качество
Профессионализм
Стоимость
Контактность
Сроки

Отличный исполнитель, все делает очень быстро и качественно. Всегда прислушивается к фидбеку и старается сделать максимально в сжатые сроки

Bogdan Domes | Персональный | Ответный отзыв

5 сентября 2021 5108 ₽
Доработка анимации

Качество
Профессионализм
Стоимость
Контактность
Сроки

Отличный исполнитель, все быстро и качественно

Bogdan Domes | Персональный | Ответный отзыв

26 августа 2021 8582 ₴
Анимация на CSS/JS

Качество
Профессионализм
Стоимость
Контактность
Сроки

Хороший специалист, качественная работа

Bogdan Domes | Персональный | Ответный отзыв

10 августа 2021 1342 ₴
Basketball drawing application phase 2

Качество
Профессионализм
Стоимость
Контактность
Сроки

Denis is very professional and has expert knowledge.

Kyro Skumatov | Персональный | Ответный отзыв

Качество
Профессионализм
Стоимость
Контактность
Сроки

Всё отлично, Денис знает свое дело. Работа выполнена качественно и в срок. Буду работать и дальше.

Nazar E | Персональный | Ответный отзыв

27 апреля 2021 9800 ₴
Basketball drawing application phase 1

Качество
Профессионализм
Стоимость
Контактность
Сроки

Denis did a great job of creating exactly what I wanted. Easy to work with and very responsive. He met all of my expectations. I can tell that I am going to be doing business with Denis for a long time and will gladly recommend Denis to anyone.

Kyro Skumatov | Персональный | Ответный отзыв

26 апреля 2021 29 500 ₽
Запись уроков по веб-дизайну

Качество
Профессионализм
Стоимость
Контактность
Сроки

Благодарю Дениса за ответственное и качественное выполнение обязательств. Продолжаем сотрудничество!

Качество
Профессионализм
Стоимость
Контактность
Сроки

спасибо за работу, код подключили к бэкенду, по срокам все хорошо, цена приемлема, работаем дальше!

24 марта 2021 1500 ₴
WebGL, Three.js эксперт

Качество
Профессионализм
Стоимость
Контактность
Сроки

Приятно было работать с Денисом. Всегда на связи, вежливый и самое главное честный исполнитель знающий свое дело. Спасибо, будем работать ещё!

Nazar E | Персональный | Ответный отзыв

16 марта 2021 4570 ₴
Сделать анимации на сайте

Качество
Профессионализм
Стоимость
Контактность
Сроки

1. Красавчик
2. Профессионал
3. Человек

14 марта 2021 5300 ₴
Дизайн + вёрстка (комплекс)

Качество
Профессионализм
Стоимость
Контактность
Сроки

Отличный разработчик и дизайнер. Все возникшие вопросы в процессе реализации проекта были решены без трений. Спасибо Денису.

12 марта 2021 7300 ₽
Дизайн сайта

Качество
Профессионализм
Стоимость
Контактность
Сроки

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

27 февраля 2021 2700 ₴
Сверстать главную

Качество
Профессионализм
Стоимость
Контактность
Сроки

Шайтанамана, снова все четко.
Красава, Дэнчик!

23 февраля 2021 12 300 ₴
Анимация для веб-приложения

Качество
Профессионализм
Стоимость
Контактность
Сроки

Денис показал себя высококлассным и ответственным специалистом. От сотрудничества остались крайне положительные впечатления, начиная от этапе обсуждения проекта, заканчивая релизом. В будущем планирую обращаться снова и всем рекомендую!

14 февраля 2021 3080 ₴
Сделать анимацию для баннера

Качество
Профессионализм
Стоимость
Контактность
Сроки

Снова обращаюсь к Дэну. Все четко

2 февраля 2021 5600 ₽
Дизайн

Качество
Профессионализм
Стоимость
Контактность
Сроки

Денис, выполнил работу даже лучше, чем я мог себе представить, со вкусом, в фирменном стиле, никогда не думал что так можно выполнить работу. Огромное спасибо Вам!)

Качество
Профессионализм
Стоимость
Контактность
Сроки

Денис - это в первую очередь талантливый человек.
Он мыслит систематизированно и структурировано.
Относиться к своей работе ответственно и с любовью.
Одназначно продолжим сотрудничество.

29 января 2021 600 ₽
Дизайнер

Качество
Профессионализм
Стоимость
Контактность
Сроки

Спасибо большое Денису, все сделал очень быстро, профессионально! Все сделал четко по ТЗ. Рекомендую!
Пожалуйста, при необходимости уточните техническое задание в этой рабочей области до согласования условий проекта — это позволит избежать возможных недопониманий в процессе сотрудничества.

Активность

  Последние ставки 10
Сложный фронтенд с элементами 3D и 2D, Drag'n'drop
250 000 ₽
Сверстать и сделать анимацию для Landing Page Персональный проект
8209 ₴
Анимация для landing Персональный проект
8950 ₴
Landing Page на vue.js Персональный проект
5550 ₴
Лендинг с использованием Vue.js/gsap/threejs Персональный проект
5500 ₴
Анимация для сайта Персональный проект
11 600 ₴
Создание и разработка сайта
17 500 ₴
Верстка главной страницы и внедрение на самописный сайт
3000 ₴
Getboost
20 000 ₴
Верстка страничек сайта
10 000 ₴