Портфолио

Разработка сайта для компании Sunenergy

Разработка сайта для компании Sunenergy
Вид работ:
Разработка сайта. Адаптивная верстка. Посадка на CMS DLE
Компания Sunenergy занимается установкой солнечных электростанций. Основная информация находится на главной странице и один из самых важных элементов, это "Калькулятор стоимости СЭС":


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

Поскольку vue.js уже было решено подключить к проекту я решил его использовать и в сортировке последних объектов, которые выводятся на главной:


Поскольку на текущий момент у меня не большой опыт работы с vue я беспокоился что у меня не получится анимировать данную сортировку, но как оказалось с анимацией во vue .js работать достаточно просто.

Впервые я решил попробовать swiper.js для реализации слайдера вместо привычного мне slick и был полностью удовлетворен результатом. Скорее всего slick мне больше не понадобиться:


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

Калькулятор стоимости СЭС
Сайт мультиязычный и на данный момент переведен на 2 языка: Русский и Украинский. На сайте имеется блог и отдельная категорияя со всеми объектами с галлерей фотографий процесса работы.
Более детально элементы сайта и взаимодействие с пользователем можно увидеть на видео: