Фрилансеры › Руслан Туралинов

Задача стояла создать обложку для группы ВКонтакте для фитнес-тренера.

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

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

Шрифт выбрал Cormorant Garamond, сделал его курсивным чтобы передать нежность и женственность.

Создал баннер для рекламы Instagram для приложения TAXILAND.

Сперва я подобрал стильный мокап и собрал саму рекламу Instagram из ee элементов.

Также я придал рефлексы руке чтобы вписать её в фон.

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

Придал немного облочков чтобы текст читался хорошо)

Создал баннер для рекламы Instagram для духов Valentina Rosa.

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

Также я изменил цвет одежды девушки на лиловый и баннер принял более однородный вид.

Для заголовка и кнопки я добавил блики чтобы передать ощущения красоты и дороговизны.

На сайте Wordpress стояла задача
- вывести данные из JSON строки в виде карточек с плавно раскрывающимися блоками "Детали"
- создать фильтр по нескольким параметрам
- разбить записи на страницы с удобной пагинацией

Данная задача интересна тем, что нужно оперировать с большим количеством данных настраивая для них различные фильтра, выводить данные в нужном формате (к примеру дату нужно было трансформировать в формат "осталось n часов и n минут", придумывать различные условия для того или иного вывода, взаимодействовать различными методами массивов, c коллекциями Set и т.д)

Конечно же для плавно раскрывающегося блока была применена библиотека jQuery.

В целом проект оказался весьма увлекательным, да и сама верстка не заставила скучать!)

Примененные технологии:
- HTML
- CSS
- JavaScript (jQuery)

Видео: https://www.youtube.com/watch?v=pE0LPSUaYdA

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

Стек: HTML, CSS, Javascript
Иконки: fontawesome

Видео: https://youtu.be/-5rwKg34hOM

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

Было очень интересно продумывать функционал.

Применил HTML,CSS и конечно же язык программирования JavaScript!

Видео: https://youtu.be/FKnCQsxFwmI

Стояла задача создать автокалькулятор, для расчёта итоговой стоимости определённого товара, зависящий от нескольких параметров.

В данной задаче были задействованы:
- HTML
- CSS
- JavaScript (JSON, async, await, Promise, map)
- MySQL
- PHP

Создана база данных с таблицами параметров, цен.

Реализован рендеринг DOM-структуры посредством JavaScript.

Запрограммирован функционал расчёта итоговой стоимости при изменений хотя бы одного из параметров .

Создана админ панель для (CRUD) редактирования/добавления/изменения всех параметров и цен.

Применен принцип нормализации базы данных MySQL.

Задача:
- Сверстать 2 страницы по Bootstrap 4
- Добавить функционал расчета итоговой стоимости при изменений опции количества и размера продукта
- При клике по кнопке, реализовать функционал отправки выбранных данных на почту клиента и администратора сайта
- Сделать переход на страницу подтверждения заказа

Использовал:
- html5/css3
- Bootstrap 4
- JavaScript
- PHP

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

2. А также устранить ошибки в построении графика: некоторые выбранные блоки не подсвечивались как выбранные.

Задача решена, работа проверена во всех современных браузерах, в том числе и в мобильных устройствах.

В работе были применены:
JavaScript(jQuery)