Миграция Magento — Разработка интернет-магазина Shopify

20 февраля, 2022

Клиент

Rest Relax Gaming — британская компания, стремящаяся изменить игровую индустрию с помощью продуктов, сочетающих великолепную эстетику с использованием только лучших материалов. Они консультировались со многими специалистами в разных областях, чтобы помочь усовершенствовать дизайн. Инженеры Rest Relax работают с передовыми материалами и новыми прототипами для разработки новых, радикальных идей.


Отправная точка

Rest Relax Gaming подала заявку на создание сайта Shopify для продажи своих товаров. Ранее компания распространяла все продукты через Amazon. Затем, в связи с ростом и желанием привлечь новых клиентов, компании потребовалось создать новый веб-сайт.

Цель

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

Прогресс

Перед началом работы мы создали логотип для сайта и согласовали его с заказчиком. Мы установили тему Empire, настроили ее и изменили цвета некоторых кнопок, расположение элементов и содержимое. Затем мы перешли к этапу разработки, который включал в себя настройку оповещений о покупке, уведомления о наличии на складе, настройку отображения дат поставки для определенных продуктов и другие улучшения.

Важной частью разработки сайта было внедрение специальных условий доставки. Мы привлекли команду Zippo для их настройки. Особенностью было ограничение доставки в определенные регионы Великобритании почтовыми кодами.

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

Результат

Перейдите к www.restrelaxgaming.co.uk чтобы проверить результат, и вы, возможно, захотите приобрести один из современных игровых столов.





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

Константин Давыдов — Дизайн пользовательского интерфейса, адаптивная верстка HTML/CSS/JS.

Андрей Гордий — функциональная разработка.

Эмилия Глазунова — общий надзор.

Александр Бондаренко — управление проектом.

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

Вы можете встретиться с нами на нашем сайте.

Технология

HTML5 / CSS3 / Javascript

PHP5 / MySQL

Shopify CMS

Создание Логотипов

Ниже представлен набор результаты наших дополнительных услуг по созданию логотипов.
Логотипы были созданы как отдельными проектами так и в рамках комплекса услуг.

RPHG Logo
PE Logo
Poppy Design Logo
Pacicic Hinge Logo
Palm Beach Logo
Mental Dental Logo
Meta Plume Logo
Hobby Helper Logo
Conferencely Logo
Only PC Tools Logo
UrbanAdvantage Logo
C4Hotel Logo
Crichton Group Logo
Claire Consulting Logo
Dudfnder Logo
MySmallBiz Logo
ClickWyse Logo
NVB Landscaping Logo
d9 Club Sites Logo
Diesel Complect Logo
Gallax Logo
SportsTower Logo
Video Tutorials Logo



Что такое Графический Дизайн?

Согласно Википедии, Графический дизайн — художественно-проектная деятельность по созданию гармоничной и эффективной визуально-коммуникативной среды.

Давайте разберемся, что это значит для нас, веб-разработчиков (дизайнеров, верстальщиков и прочих тружеников компьютерного пера и мышки). А также, и это самое важное, для сторонних (и не очень) наблюдателей веб-разработки – пользователей (владельцев сайтов и посетителей).

Самый простой способ разобраться в чем-то — это разложить это «что-то» по составляющим.

В общем, разложим.

Во-первых: Художественно-проектная деятельность.

Соответственно, исходя из значений отдельных слов, мы проектируем и создаем что-то по законам (есть такие законы) искусства, что не противоречит нашему эстетическому вкусу (как минимум).

Что создаем? Соответственно, — образ действительности.
Например, логотип Компании. Или веб-сайт этой же Компании.

Во-вторых: Гармоничная и эффективная визуально-коммуникативная среда.

«Гармоничная», иными словами, — сбалансированная подача образа Компании согласно ее представлениям о себе и ожиданиям окружения.

«Эффективная», значит – работающая, дающая требуемые результаты.

«Визуально-коммуникативная» – то, что мы видим и можем с этим взаимодействовать, осуществлять коммуникацию, то есть, общаться.

Ну вот, прояснили.

Резюмируя.
Как это применить на практике?

Веб-разработчикам (все тем же дизайнерам, верстальщикам, программистам и пр.):
Создавая веб-сайт, рисуя, верстая и программируя заказчику вожделенный эффективный инструмент его бизнеса, помнить об эстетическом вкусе и результативности того, что будет сделано. Т.е. рисуй красиво, оригинально, но не забывай, что это должно работать.

Владельцам создаваемых веб-сайтов:
При всей жажде запечатлеть себя и свою Компанию в мраморе, а сбоку пустить красный кант, не забывать обо все том же эстетическом вкусе посетителей и их возможном желании пообщаться на предмет заказа услуг или товара. Т.е. должно быть красиво, оригинально, выражать индивидуальность Компании (если таковая есть), но при этом еще и удобно, практично и не утомительно.

Давыдов Константин,
арт-директор DRStudio




Дизайн печатных материалов и фирменный стиль

Print Design Set 1


Print Design Set 1
















S&A Kimball Medical  Office Technology Perspective, LTD - booklet Vector
REU 6 Center of Wrapping Center of Wrapping Intourist-Novgorod

Что такое Графический Дизайн?

Согласно Википедии, Графический дизайн — художественно-проектная деятельность по созданию гармоничной и эффективной визуально-коммуникативной среды.

Давайте разберемся, что это значит для нас, веб-разработчиков (дизайнеров, верстальщиков и прочих тружеников компьютерного пера и мышки). А также, и это самое важное, для сторонних (и не очень) наблюдателей веб-разработки – пользователей (владельцев сайтов и посетителей).

Самый простой способ разобраться в чем-то — это разложить это «что-то» по составляющим.

В общем, разложим.

Во-первых: Художественно-проектная деятельность.

Соответственно, исходя из значений отдельных слов, мы проектируем и создаем что-то по законам (есть такие законы) искусства, что не противоречит нашему эстетическому вкусу (как минимум).

Что создаем? Соответственно, — образ действительности.
Например, логотип Компании. Или веб-сайт этой же Компании.

Во-вторых: Гармоничная и эффективная визуально-коммуникативная среда.

«Гармоничная», иными словами, — сбалансированная подача образа Компании согласно ее представлениям о себе и ожиданиям окружения.

«Эффективная», значит – работающая, дающая требуемые результаты.

«Визуально-коммуникативная» – то, что мы видим и можем с этим взаимодействовать, осуществлять коммуникацию, то есть, общаться.

Ну вот, прояснили.

Резюмируя.
Как это применить на практике?

Веб-разработчикам (все тем же дизайнерам, верстальщикам, программистам и пр.):
Создавая веб-сайт, рисуя, верстая и программируя заказчику вожделенный эффективный инструмент его бизнеса, помнить об эстетическом вкусе и результативности того, что будет сделано. Т.е. рисуй красиво, оригинально, но не забывай, что это должно работать.

Владельцам создаваемых веб-сайтов:
При всей жажде запечатлеть себя и свою Компанию в мраморе, а сбоку пустить красный кант, не забывать обо все том же эстетическом вкусе посетителей и их возможном желании пообщаться на предмет заказа услуг или товара. Т.е. должно быть красиво, оригинально, выражать индивидуальность Компании (если таковая есть), но при этом еще и удобно, практично и не утомительно.

Давыдов Константин,
арт-директор DRStudio




Набор работ с анимацией

Баннеры







Логотипы













Промо









3d Моделирование





Интерактивные Заставки







Анимированные иконки

Animated Icon

Animated Icon

Animated Icon

Animated Icon

Photoshop Работы

Нажмите на фотографии ниже, чтобы увидеть

Работы по созданию наборов иконок в комплексных проектах.

Mental Dental Logo
Mental Dental Icon User Mental Dental Icon Search Mental Dental Icon Add to Cart Plus Mental Dental Icon Wishlist Mental Dental Icon Cart Mental Dental Icon Menu Bars Mental Dental Icon Add to Cart
Смотреть всю работу


Cloud4Hotel Logo
Cloud4Hotel Icon Cogs Cloud4Hotel Icon Horn Cloud4Hotel Icon Tools Cloud4Hotel Icon Promo
Смотреть всю работу


SprinTec Logo
SprinTec Icon SprinTec Icon SprinTec Icon SprinTec Icon
SprinTec Icon SprinTec Icon SprinTec Icon SprinTec Icon SprinTec Icon SprinTec Icon
Смотреть всю работу


Crichton Logo
Crichton Icon     Crichton Icon     Crichton Icon
Crichton Icon Crichton Icon Crichton Icon Crichton Icon Crichton Icon Crichton Icon Crichton Icon
Смотреть всю работу


clubd9 Logo
clubd9 Icon  clubd9 Icon  clubd9 Icon  clubd9 Icon  clubd9 Icon  clubd9 Icon 
Смотреть всю работу


clairconsulting Logo
clairconsulting Icon clairconsulting Icon clairconsulting Icon clairconsulting Icon
Смотреть всю работу


Dudfinder Logo
Dudfinder Icon Dudfinder Icon Dudfinder Icon Dudfinder Icon Dudfinder Icon Dudfinder Icon Dudfinder Icon Dudfinder Icon Dudfinder Icon Dudfinder Icon Dudfinder Icon
Смотреть всю работу


HobbyHelper Logo
HobbyHelper Icon
HobbyHelper Icon HobbyHelper Icon HobbyHelper Icon HobbyHelper Icon HobbyHelper Icon HobbyHelper Icon HobbyHelper Icon HobbyHelper Icon HobbyHelper Icon HobbyHelper Icon HobbyHelper Icon
Смотреть всю работу


NVB Landscape Logo
NVB Landscape Icon NVB Landscape Icon NVB Landscape Icon NVB Landscape Icon



Hospital Icons

Swissedu+ и выход на новые рынки

30 января, 2020

Клиент

Нам так нравится работать с нашими клиентами! Они являются экспертами в различных областях и страстно развивают и расширяют свой бизнес на международных рынках. В этом отношении Саймон и Наталья Шнайдер, ведущие деловые партнеры Swissedu+, являются ярким примером. Агентство Swissedu+ эффективно предоставляет образовательные услуги в Швейцарии во всем их многообразии — от консультаций до организации процесса поступления в университеты. И ему нужен был дружественный и заслуживающий доверия веб-сайт, чтобы эффективно ориентироваться на российский рынок и рынок стран СНГ. Создание сайта на WordPress.


Swissedu+ Главная страница Создание сайта на WordPress

ОТПРАВНАЯ ТОЧКА

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

Swissedu+ - Список школ-пансионов

Цель

Создание сайта на WordPress

Нашей главной целью было создать и запустить многостраничную платформу WordPress с высокой адаптивностью, которая будет содержать шесть страниц, сверстанных в формате HTML на основе Bootstrap, с интегрированной CRM. Кроме того, мы стремились предоставить Саймону простую в управлении панель администратора пользователя. Мобильная и планшетная версии веб-сайта также должны быть удобными для пользователя!

Процесс

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

Swissedu+ - Спортивная школа - страница школы

Результат

Наша команда отлично справилась с разработкой темы, тестированием качества и исправлением ошибок, интеграцией CRM Pipedrive и плагина Calendly. В частности, последнее, несомненно, способствовало коммуникативному эффекту платформы, вызывая больше запросов от русскоязычных клиентов. Простая тема, дизайн с неприхотливой уютной атмосферой, очень удобные для пользователя рекомендации по разделам дают уверенность будущим ученикам и родителям в том, что они смогут приступить к подаче заявки.

Мы получили огромное удовольствие, работая с Саймоном и его командой. Мы желаем им наилучших достижений в выходе на новые рынки! И мы всегда готовы помочь.

Swissedu+ - Сайт на разных устройствах

Клиент на текущий момент поменял концепцию дизайна. Смотреть демо работы


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

Константин Давыдов — Дизайн пользовательского интерфейса, адаптивная верстка HTML/CSS/JS, разработка темы для WP

Степан Шахраюк — серверная разработка WP

Анатолий Григорян — управление проектами

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

Также, вы можете познакомиться со всей нашей командой.

Технологии

WordPress CMS

Adobe Photoshop CC, Adobe Illustrator CC

HTML5 / CSS3 / Javascript

Plugins

Pipedrive CRM, Calendly, Super Cache, Yoast SEO, iThemes Security

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

Хип-Хоп Сайт — Элегантный и доступный

5 августа, 2019

Если вы думаете, что хип-хоп не может быть элегантным — вы ошибаетесь. Если вы думаете, что хороший сайт может стоить недорого — вы правы. По крайней мере, сайт Northside Hip Hop Archives доказывает это.

Hip Hop Site Image 1

Клиент

Команда канадских энтузиастов хип-хопа из Торонто попросила нас перенести их сайт Архива хип-хопа. Их предыдущая платформа, Adobe Business Catalyst, была закрыта, и сайт пришлось перенести на новую. Веб-сайт также нуждался в некотором визуальном и функциональном улучшении.

Hip Hop Site Image 1

Цель

Сайт должен был быть перенесен с платформы Adobe Business Catalyst на CMS WordPress, и он должен был работать хорошо, независимо от того, сколько аудио-, графических и видеоматериалов он содержал.

И, что очень важно, это должно было быть недорогим.

Цель была поставлена, и работа началась.

Прогресс

Прежде всего, нам нужно было установить и настроить тему Obsidian, выбранную командой Northside Hip Hop. У них был отличный логотип, и нам просто нужно было настроить визуальные элементы темы, чтобы они идеально соответствовали ему, и структурировать его в соответствии с содержанием. Для этого мы создали поддомен на хостинге клиента и установили там выбранную тему WP. Таким образом, мы создали сайт разработчика, где продолжили нашу работу по разработке.

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

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

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

И вот сайт запущен и работает по старому URL, но в новом виде и с новыми возможностями!

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

Вот ЖИВОЙ САЙТ, загляните на него, послушайте хорошую музыку и прикоснитесь к истории хип-хопа. Мы сделали все возможное, чтобы сделать новый сайт чистым, удобным и вдохновляющим. И команда NSHH может легко обновлять его новыми песнями, текстами и статьями, гарантируя, что он останется свежим.

Отзыв

Вот отзыв нашего клиента о Upwork: “Эмилия и Даниэль из DRStudio проделали отличную работу над нашим проектом переноса/разработки веб-сайта. Они были профессионалами, очень компетентными, организованными и отзывчивыми. Отличное общение и очень основательное. Очень рекомендую.”


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

Степан Шахраюк — разработчик WP backend/front-end

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

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

Всю команду можно увидеть здесь.

Технологии

WordPress CMS/ Obsidian theme

Adobe Photoshop CC, Adobe Illustrator CC

HTML5 / CSS3 / Javascript

Plugins

Polylang, Yoast SEO, iThemes Security