Showreel 2017 – 2019

by Evgeny Vlasov
Showreel 2017 – 2019

За 2,5 года работы в GGPA было множество интересных проектов, на которых я очень сильно вырос. Предлагаю вам ознакомиться с частью из них.


1. BelkaCar

Сайт еще дорабатывают для запуска, здесь исключительно фронт и готовый раздел «Медиацентр» (c WP на беке) – над которыми мы работали.

Разработка велась в паре со вторым фронтендером под моим руководством. На мне были все страницы + «Личный кабинет» (https://belka.devgg.ru/cabinet), за исключением страниц: «Аэропорты», «Тарифы», «FAQ»


Ссылка: https://belka.devgg.ru/

Стэк:

Frontend: Vue.js, Vuex, Nuxt.js

Backend: PHP, Laravel, WordPress (Блог)




2. Westarp: покупка недвижимости заграницей

«Второй циан» – это самый масштабный проект в моей практике, на данный момент (10.01.2019) мы еще работаем над ним вместе со вторым фронтендером под моим руководством. Ориентировочная сдача проекта – 01.02.2018. Но это будет пушка, я обещаю 🔥


Ссылка: *в разработке*

Стэк:

Frontend: Vue.js, Vuex, Nuxt.js, Element UI, GSAP

Backend: PHP, Laravel




3. JungleJobs

Последний мой сделанный лендинг в компании, декабрь 2018.


Ссылка: https://jj.devgg.ru/

Стэк: Pug, Sass, jQuery, Vue.js (калькулятор)


*Примечание: пока писал этот пост, заметил неприятный баг – во время ресайза окна не обновляется отступ на слайдере Партнеров 😳Отписал ребятам, надеюсь, поправят 🙏




4. Тинькофф Инвестиции: тест «Мечта»

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

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


Ссылка: https://dream.tinkoff.ru/

Стэк:

Frontend: Pug, Sass, jQuery

Backend: PHP, WordPress


*Примечание: JS-код дорабатывался уже после моего участия, так что за его 💩 –ответственность нести не могу




5. Тинькофф All Airlines: тест «Голод»

Аналогичный сайт и стэк, что и для теста «Мечта».

Ссылка: https://hungry.tinkoff.ru/




6. BelkaCar: тест «Белка в каршеринге»

Еще одна из лучших работ в моем портфолио в плане визуализации (имхо). Так же весь фронт был на мне – аналогично тестам Тинькофф. Основной упор был сделан на шеринг результатов теста.

Тест, кстати, прошло около 10 000 человек 🔥


Ссылка: https://quiz.belkacar.ru/

Зеркало: https://belka-test.devgg.ru (login: ggpa, pass: 123456)

Стэк:

Frontend: Vue.js, Vuex, Nuxt.js

Backend: PHP, WordPress


*Примечание: на данном проекте можно было обойтись и без Nuxt.js – но тогда пропала бы основная функция сайта – шеринг. А WP здесь исключительно под нужды клиента – чтобы можно было добавлять/изменять/удалять вопросы(ответы) 💁‍♂️




7. Антирабство: серия лендингов

Конечный вариант, конечно, немного отличается от того, что было сделано мной, но тем не менее – я рад своей работой, считаю, что все сделано гармонично и в меру.

Ссылка №1: http://trud.antirabstvo.ru/

Ссылка №2: http://prof.antirabstvo.ru/

Стэк: Pug, Sass, jQuery




8. Конфаэль: лендинг «Шоколадная косметика»

Один из моих последних лендингов.

Ссылка: https://confael.devgg.ru/

Стэк: Pug, Sass, jQuery




9. Meddata

Одна из стареньких моих работ, но до сих нравится. Весь фронт был на мне, за исключением popup-ов – поменяли UI уже после меня. Аналогично другим проектам, я так же предлагал анимирование некоторых элементов, которое было успешно одобрено арт-директором.

Ссылка: https://meddata.me/

Стэк: Pug, Sass, jQuery




10. Iconfood

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

Анимированные блоки на главном экране – так же были придуманы и разработаны мной.

Ссылка: http://iconfood.ru/

Стэк: Pug, Sass, jQuery




11. Aviasales: тестовое задание

Нашел тестовое задание на гитхабе, весь стек у них на реакте, но решил просто для себя выполнить его на Vue. К слову, со всеми тасками успешно справился:

Рендер билетов (#task1)

tickets.json загружен на https://api.myjson.com/bins/16znh0 для имитации получения данных с api

Данные на фронт приходят через axios

Фильтрация билетов (#task2)

Переключение валюты (#task3)

Используются реальные данные для конвертации валюты, взял это API https://fixer.io/ (из-за бесплатного тарифного плана пришлось убрать https на хостинге 😑)

Верстка билета, фильтра, конвертации валют (#task4)

Адаптив до 320px (#task5)

json с билетами подтягиваются асинхронно при инициализации (#task6)


Ссылка: http://aviasales.frontflow.ru/

Ссылка на репозиторий: https://github.com/xesjkeee/aviasales

Стэк: Vue.js, Axios, Fixer API





Спасибо за внимание, жду ваших предложений 🤤

📫: evalvlasov@gmail.com

Telegram: @xesjkeee

January 10, 2019
by Evgeny Vlasov