Webamator Blog

Блог вебаматора
MENU

elitenootropics.com

seaofsavings.com

Kinodrive.kz constructor

android-navigator.com

tehno-zona.com.ua

focus-austria.ru

prolamp.kz

stepline.kz

peter-omelchenko.com

http://blog.webamator.ru/portfolio/large/elitenootropics_com.jpg http://blog.webamator.ru/portfolio/large/seaofsavings_com.jpg http://blog.webamator.ru/portfolio/large/kinodrive_kz_constructor.jpg http://blog.webamator.ru/portfolio/large/android-navigator_com.jpg http://blog.webamator.ru/portfolio/large/tehno-zona_com_ua.jpg http://blog.webamator.ru/portfolio/large/focus-austria_ru.jpg http://blog.webamator.ru/portfolio/large/prolamp_kz.jpg http://blog.webamator.ru/portfolio/large/stepline_kz.jpg http://blog.webamator.ru/portfolio/large/peter-omelchenko_com.jpg

Что хотелось заказчикуМагазин на Woocommerce, работающий очень быстро. Многие считают Wordpress и Woocommerce "тяжелыми" движками. Но при должном подходе вполне реально добиться Google Page Speed результата 86-90, что и подтверждается данным магазином. Смотрите сами: elitenootropics.com

Что и как было сделаноОсновной секрет в отказе от ненужных плагинов, а нужные подключаются только там где необходимо.
Простой пример - такие всем знакомые плагины как Slider Revolution или Contact Form 7 подгружают свои скрипты и стили на всех страницах сайта, хотя используются только на главной и на странице контактов соответственно.
В данном сайте слайдер был интегрирован прямо в тему, а управлять ним можно на странице настроек шаблона. А благодаря несложной функции Contact Form 7 подгружает дополнительные файлы только на странице контактов.
Дополнительно реализовано несколько скинов с возможностью переключения между ними.

Что хотелось заказчикуПолностью восстановить сайт из вебархива и конвертировать его в вордпресс. Т.е. спарсить весь контент (включая комментарии) и написать конвертер, который закинет контент в вордпресс. Потом сделать шаблон, который будет выглядеть похожим. URL-ы должны быть идентинчыми старому сайту.

Что и как было сделаноСоздание шаблона было самой легкой частью проекта, хотя шаблон получился похожим только внешне. Я Использовал Bootstrap 4, что подразумевает адаптивность и оптимизацию под мобильные устройства. Добавлена микроразметка schema.org. А вот создание конвертера - пусть и более сложный етам, зато более интересный :) Конвертер получился достаточно универсальным и может превращать любой спарсенный сайт в XML файл експорта для вордпресса.

Что хотелось заказчикуУ заказчика уже был магазин по продаже оборудования для домашних кинотеатров. Дополнительно понадобился онлайновый конструктор - посетителю предлагается ответить на несколько вопросов, и на основе ответов сформировать наиболее подходящее предложение. Должна быть возможность отправить сгенерированный результат на емайл и сохранить в PDF. Цены и названия товаров должны браться из базы данных магазина.

Что и как было сделаноДля фронтенда были использованы современные фреймворки - такие как Twitter Bootstrap и jQuery.
Серверная часть сделана на основе CodeIgniter, а не в качестве модуля магазина - такой вариант позволяет не привязываться к определенной платформе.
Конструктор имеет собственную админпанель, в которой можно редактировать вопросы и товары, участвующие в работе конструктора.
В процессе работы я узнал о некоторых ньюансах домашних кинотеатров - например, для помещений 60 кв.м. не ставят 5 колонок, поскольку этого недостаточно для полноценного обьемного звука.
Конструктор получился достаточно интеллектуальным и учитывает подобные ньюансы - и в случае несоответствия площади помещения и количества колонок/сабвуферов предупреждает посетителя что такие домашние кинотеатры не делаются, после чего выведет исправленный результат.
Посмотреть: http://kinodrive.kz/constructor/

Что хотелось заказчикуСовременный, быстрый, адаптированный под мобильные устройства каталог гаджетов на ОС Андроид. Каждый гаджет должен иметь описание, тех. характеристики, список отзывов и список магазинов, где его можно приобрести.

Что и как было сделаноДля современного сайта были использованы современные фреймворки: CodeIgniter + jQuery + Twitter Bootstrap. Шаблон для сайта верстался с нуля, для админки был использован один из бесплатных шаблонов.
Результаты: валидация - 100%, оптимизация для мобильных устройств - 100%, скорость для мобильных - 92%, скорость для десктопов - 96%
100% скорости для коммерческого сайта добиться возможно, только если полностью отказаться от внешних файлов - аналитикс, рекламные банеры, социальные виджеты... Но средний 90% и выше тоже неплохо, не так ли? Можете посмотреть сами: www.android-navigator.com

Что хотелось заказчикуПортировать магазин со старой версии opencart на версию 2+. Адаптировать магазин под мобильные устройства

Что и как было сделаноПеренос информации (категории, товары) был выполнен штатными стредствами opencart. Портирование шаблона заняло 5 рабочих дней. Кроме сугубо "внешнего" сходства, были реализованы современные фишки - такие как микроразметка на странице товара. В результате, согласно инструментам гугл вебмастера, имеем удобство для мобильных пользователей 98 из 100, скорость загрузки для мобильных пользователей 93 из 100, скорость загрузки для десктопов 96 из 100. Неплохой результат, а вы как считаете? Желающие могут посмотреть и убедиться лично: http://tehno-zona.com.ua.

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

Что и как было сделаноЭто моя первая работа, созданная в соавторстве с симпатичной девушкой-дизайнером из Севастополя. Слово "блог" очень часто звучит рядом со словом "вордпресс". Данная платформа была выбрана из-за предельной простоты и продвинутых SEO-возможностей.  Пагинация, вывод превьюшек и вывод похожих новостей реализованы прямо в шаблоне, а е-майл-подписка и кросспостинг в твиттер сделаны через фидбернер. Малое количество плагинов (использовано всего три - AIO-seo, cyr-2-lat и плагин для отложенной публикации в ЖЖ ) положительно сказывается на скорости генерации и загрузки страниц. Каталог реализован с помощью custom fields + отдельного шаблона + десятка функций.

Что хотелось заказчикуИнтернет магазин проекторов и сопутствующего оборудования. Ключевые требования - должен быть удобный поиск (точнее несколько видов поиска) по товарам и по материалам.

Что и как было сделаноДля магазина была выбрана платформа WebAsyst. Наиболее трудоемкая часть работы - модуль и плагины, отвечающие за поиск. Несмотря на то что в вебасисте имеется встроенный "расширенный поиск", в силу ряда причин пришлось делать отдельный модуль: Во-первых, "стандартный вебасистовский" ищет только внутри категорий - а по ТЗ он должен был работать на всех страницах. Во-вторых, согласно ТЗ, в зависимости от категорий и доп. характеристик покупателю должен выводиться либо сразу товар, либо страница с результатами (можете нажать "выберите модель" или "выберите партномер", чтоб увидеть разницу). Также были менее важные задачи, с которыми стандартный поиск не справлялся. Дополнительно был сделан поиск по статьям, т.к. используемый статейный модуль от JOrange не имеет своего поиска.

Что хотелось заказчикуСовременный корпоративный блог, имеющий несколько шаблонов для категорий (к примеру в "продуктах" записи идут в две колонки, в "статьях" в одну колонку с превью, и.т.д.)

Что и как было сделаноБыл выбран вордпресс, как наиболее подходящая платформа для любых блогов. Верхнее меню, поскольку там вперемешку идут posts и pages, сделано обычным html-ом. Превьюшки реализованы через the_post_thumbnail(), разные виды шаблонов реализованы соответствующими файлами (category-4, category-5 и т.д.). Слайдер на главной - легкий и быстрый S3 slider. "Прожорливость" вордпресса была вылечена банальным кешированием.

Что хотелось заказчикуМультиязычный промосайт, рассказывающий о творчести музыканта Петра Омельченко. Несколько вариантов подписки, несколько новостных лент, медиа-возможности (фото- и видео-галереи, проигрывание и скачивание mp3-файлов).

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

elitenootropics.com
seaofsavings.com
Kinodrive.kz constructor
android-navigator.com
tehno-zona.com.ua
focus-austria.ru
prolamp.kz
stepline.kz
peter-omelchenko.com