Beyond The Duero — Pixel-Perfect (идеальный до пикселя) блог и книжный магазин

4 октября, 2019

Клиент

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

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

Beyond The Duero Image 1

Цель

У нашего клиента уже был готовый дизайн для его сайта, и нам предстояло сделать все остальное — интерфейсное кодирование и программирование, чтобы создать двуязычный блог-магазин WordPress. Он должен был быть идеальным по пикселям, адаптивным и, что более важно, хорошо выглядеть на экранах всех размеров, даже тех, которые все еще находятся в технических лабораториях. Другая наша миссия состояла в том, чтобы добиться результата, который был нужен Тиму и которого не смогли добиться предыдущие разработчики. Мы должны были быть третьими и последними, кто, наконец, воплотит сайт в жизнь.

Прогресс

Клиент пришел к нам с проектами в формате Adobe Illustrator (.ai) (векторный формат, обожаемый дизайнерами печати), поэтому нам пришлось начинать практически с нуля. Это было настоящей проблемой, так как дизайн должен был быть идеальным в пикселях, но файлы .ai были даже не в пикселях, а в сантиметрах и с десятичными числами. Это несоответствие единиц измерения значительно усложнило и замедлило процесс кодирования интерфейса. Благодаря Тиму, который сам переделал все макеты, работа продвигалась быстрее.

Beyond The Duero Image 2

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

Beyond The Duero Image 3

Еще одной проблемой было заставить плагины WordPress работать вместе: Woocommerce для продажи товаров и WPML, чтобы сделать сайт двуязычным. Это было нелегко, так как эти два плагина находились в «конфликте» друг с другом, и нам потребовалось некоторое время, чтобы «примирить» их.

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

Достигнутый результат

Полностью настраиваемый пиксельный сайт, привлекательный и интригующий, приглашает вас в путешествие за пределы реки Дуэро и по всему миру.

Вот некоторые интересные особенности этого сайта.

Всплывающие окна появляются, как только вы заходите на сайт.

Магазин и блог функционируют отдельно — для каждого из них возможен независимый поиск, а ссылки из нижнего колонтитула разные. Вы можете выбрать три типа валюты и издание на английском или испанском языках. Вы даже можете добавить обе версии в корзину, не покидая страницу товара. Как удобно! Публикацию новых постов и продуктов можно запланировать на два месяца вперед через админ-панель.

Книги и печатные издания могут быть доставлены по всему миру, а стоимость доставки рассчитывается автоматически в соответствии со страной/регионом/штатом доставки и местными налогами.

Готовы ли вы к виртуальному путешествию? Тогда нажмите здесь.

Beyond The Duero Image 4

Команда разработчиков

Олег Фролов — адаптивное кодирование HTML / CSS / JS

Степан Шахраюк — разработка темы; функциональная разработка

Эмилия Глазунова — управление проектами

Юрий Давыдов — юридическая поддержка

Если вы хотите познакомится со всей нашей командой, кликните здесь

Технологии

WordPress 5.2.2

Adobe Photoshop CC, Adobe Illustrator CC

HTML5 / CSS3 / Javascript


Plugins

WPML, MailChimp, WooCommerce

Все Работы