ПОРТФОЛИО

CMS WordPress, Symfony, Magento

Проект Obriy-family


Подготовка английской версии сайта (в т.ч. редактирование шаблона страниц).
Сайт на WP, мультиязычный.

portfolio img
portfolio img

http://obriy-family.club/en/home/

Дополнительные плагины:
мультиязычность на основе плагина Polylang

Проект на стартовой Sage theme (Roots)


Разработка фронт + бэк landing page на стартовой теме-фреймворке Sage от Roots. Тема включает шаблонизатор Blade, Webpack, препроцессор SASS. Весь контент редактируется из админ-панели. По требованиям ТЗ контент на слайдере редактируется из customize WP.

portfolio img
portfolio img

http://sage.leka-web.site/

Используемые технологии при создании сайтa:
Wordpress, PHP, JS, HTML5, CSS3, Blade, Webpack

Проект icea - тема VUE


Разработка фронт + бэк. Тема включает Vue, Webpack, препроцессор SCSS. Весь контент редактируется из админ-панели.
Страница Products реализована с Vue (Headless Wordpress)

portfolio img
portfolio img

http://iceadev.leka-web.site/

Используемые технологии при создании сайтa:
Wordpress, PHP, JS, HTML5, CSS3, Vue, Webpack
Используемые плагины:
Advanced Custom Fields PRO, ACF to REST API, Better REST API Featured Images, Contact Form 7, Contact Form CFDB7

Проект https://www.postroyka.by/


Примеры задач по данному проекту: плавающая корзина; редизайн мобильного меню; работа с yandex api (автоматический выбор зоны доставки при вводе адреса (геокодирование), фильтр ненужных объектов yandex suggest, ограничение зоны адресов), стилизация, логика отображения фильтра/фильтров на странице категории; создание слайдера на базе slick, согласно фирменному стилю (ранее на сайте использовался кастомный слайдер, который работал на setInterval и неправильно отрабатывал при прокрутке слайда) и пр.задачи.

portfolio img
portfolio img

https://www.postroyka.by/

Tехнологии и инструменты на проекте:
Symfony, Twig, JS, HTML5, CSS3, api yandex map

Проект Coinspaid


Разработка Avada child theme согласно дизайну (frontend + backend). Добавление мультиязычности

portfolio img
portfolio img

https://coinspaid.com/

Технологии, инструменты:
Wordpress, PHP, JS, HTML5, CSS3, плагины WPML, СF7

Проект Gmcmotorhomes


Проект с кастомной темой-фреймворком gsd-framework. Разработка шаблона страницы товара (frontend + backend, pанее информация о машине выводилась в виде модального окна). Внедрение почтового сервиса mailmunch на сайт согласно дизайну, настройка функционала

portfolio img
portfolio img

https://gmcmotorhomes.co.uk/

Tехнологии и инструменты на проекте:
Wordpress, PHP, JS, HTML5, CSS3, сервис Mailmunch

Проект Wegrowgood


Разработка слайдера продукции, а также шаблона для страницы Блог (frontend + backend). Добавление мультиязычности

portfolio img
portfolio img

https://wegrowgood.com/

Используемые технологии на проекте:
Wordpress, PHP, JS, HTML5, CSS3, плагин WPML

Проект Mountain travel


Разработка темы для сайта путешествий, в т.ч. шаблонов страниц для вывода определенных заказчиком категорий (планы, блог)
Для стилей использовался SASS + Gulp. Адаптив - Bootstrap 4

portfolio img
portfolio img
Сайт на WP, плагины не устанавливались, использовался только функционал CMS WP.

Проект VXG.


Создание шаблона страниц (фронт и бэк), доработка элементов страницы.

portfolio img

https://www.videoexpertsgroup.com/

Используемые технологии при создании сайтa:
Wordpress, PHP, JS, HTML5, CSS3, Bootstrap.

Проект Nectarica.


Редактирование шаблона страниц: home page, страница контактов и др. (+ прикручен API google map с выводом контента страницы из админки);
установка Google Analytics на сайт и настройка отслеживания целей;
создание уведомления о куки для языковых версий сайта

portfolio img

https://nectarica.com/

Используемые технологии при создании сайтa:
Wordpress, PHP, HTML5, CSS3, JS

Проект Магазин Comarch е-sklep на базе ERP системы https://www.comarchesklep.pl/


Полная переработка дефолтного шаблона системы ComarchEsklep под дизайн основного сайта Nectarica

portfolio img

https://shop-eu.nectarica.com/en/products/raw-honey,2,1

Используемые технологии и инструменты при разработке сайтa:
Comarch е-sklep, система ERP, HTML5, CSS3, JS

Проект Центр предоставления административных услуг.


Создание шаблона страниц, в т.ч. страницы “Услуги ЦНАП” (вывод информации на основе ACF, для удобства клиента в админ-панели есть вариант выбора отображения на странице - в виде “аккордеона” (вложенные списки) или вывод обычным списком по разделам );
Создание форм Обратной связи/Общественного мнения/Анкеты-опросника

portfolio img

akimcnap.com.ua

Используемые технологии и инструменты при разработке сайтa:
Wordpress, PHP, HTML5, CSS3, JS, плагины ACF, CF7, Gravity Form

Страница Portfolio


Разработка шаблона страницы Портфолио: вывод скриншотов работ и изображений технологий, добавляемых через админ-панель,
css-эффекты при наведении. Фильтр технологий на основе скрипта JS

portfolio img
portfolio img
Инструменты:
Wordpress, HTML5, CSS3, JS

http://e-commerce-sites.com/portfolio/

Проект Сайт стилиста Екатерины Переверзевой.


Миграция с CMS Drupal на CMS Wordpress - создание темы (полный цикл)

portfolio img

https://e-katerina.com.ua/

Технологии и инструменты при разработке сайтa:
Wordpress, PHP, HTML5, CSS3, JS, плагин CF7

Проект JLa - parking.


Создание темы, адаптив на media queries. Установка, настройка и кастомизация CF7.

portfolio img

http://dev.leka-web.site/

Технологии и инструменты при разработке сайтa:
Wordpress, PHP, HTML5, CSS3, JS, плагин CF7

Проекты Magento Deuxpardeux и Makerbot.


Стилизация отдельных компонентов сайта (работа с удаленной командой через git)

portfolio img

https://www.deuxpardeux.com/, https://www.makerbot.com/

Технологии и инструменты на проектах:
Magento, PHP, HTML5, CSS3, JS, git

ОПТИМИЗАЦИЯ САЙТА

Сайт http://e-commerce-sites.com/


До оптимизации показатели по тесту Google Speed: 41/78 (мобильный/десктоп),
Показатели анализа сервиса https://gtmetrix.com/ на старте - 22/60

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

portfolio img

После оптимизации показатели теста Google Speed: 77/95 (мобильный/десктоп),
Показатели анализа сервиса https://gtmetrix.com/ - 94/82 (показатели после оптимизации на февраль 2019)

Инструменты оптимизации:
плагины WP Smush, reSmush.it, LiteSpeed Cache, Photoshop.

Сайт Rozenblatt


До оптимизации показатели теста Google Speed: 12/58 (мобильный/десктоп),
Показатели сервиса https://gtmetrix.com/ - 53/65

Следуя рекомендациям сервисов, на сайте оптимизированы изображения, минифицированы и объединены файлы скриптов и настроено кэширование статического контента. Для мобильной версии сайта внедрен AMP
(показатели после оптимизации на февраль 2019)

portfolio img

В результате показатели по тесту Google Speed для мобильной версии увеличились до 80(86).
Показатели сервиса https://gtmetrix.com/ после оптимизации в “зеленой” зоне - 84/81(показатели после оптимизации на февраль 2019)

Инструменты оптимизации:
плагины WP Smush, reSmush.it, WP Fastest Cache, Autoptimize, Photoshop.

ВЕРСТКА ЭЛЕМЕНТОВ САЙТА


Блок "Проверка номеров"

TЗ: верстка блока проверки номеров по psd-макету (десктоп + мобильный)

portfolio img

http://dev.leka-web.site/template-check/check.php

Инструменты:
HTML5, CSS3, Photoshop.


Стриницы для панели пользователей видеосервиса


TЗ: верстка страниц для панели пользователей видеосервиса

portfolio img
Инструменты:
HTML5, CSS3, JS, Photoshop.

Стриницы профиля для сайта продажи художественных работ


TЗ: верстка страниц профиля залогиненного пользователя

portfolio img
Инструменты:
Wordpress, HTML5, CSS3, JS, Photoshop.

КОНТАКТЫ


SKYPE

elena_radiuk

EMAIL

olena.radiuk@gmail.com