TravelSim

TravelSim — интернет-магазин сим-карт с выгодными тарифами связи для путешествий.

Больше не нужно покупать местные сим-карты и изучать предложения от операторов в каждой стране — TravelSim автоматически переключается между поставщиками, предоставляя доступ к интернету, звонкам и sms на протяжении всего вашего путешествия по одному тарифу.

travelsim.de/de
Simcard picture Hand picture

Задачи проекта

  • Запуск версии сайта, адаптированной для немецкой аудитории

    Была проведена кропотливая работа по осуществлению перевода всего контента совместно с заказчиком;

  • Высокоуровневая бэкенд-разработка

    Сайт использует интеграции с другими сервисами — передает структурированные запросы и получает в ответ объемные массивы информации, которые необходимо корректно обрабатывать. Был выбран фреймворк Laravel, благодаря которому можно расширять проект и строить сложные связи между таблицами данных, не ухудшая при этом скорость загрузки;

  • Реализация удобной админ-панели с интуитивно понятным интерфейсом для редактирования контента сайта

    В качестве системы управления контентом была выбрана CMS Laravel Nova, которая удовлетворяла требованиям клиента.

Frontend разработка

Для фронтенда мы использовали Vue.js

У клиента был готовый дизайн, состоящий из лаконичных и информативных блоков. На главной странице мы реализовали:

Анимированный слайдер с пейзажами популярных направлений и выгодными тарифами для них

Wähle ein Land und informiere dich über die Verbindungskosten

Internet

€35

3 GB

Asia Data package 3000MB.

*146*941*58#

Mobilfunkanbieter

China Unicom 2G/3G/4G

Eingehende Anrufe

€0

Ausgehende Anrufe

€0.25/min

Блок с выпадающим списком доступных стран — при выборе страны здесь без перезагрузки страницы отображается актуальная информация о самой выгодной стоимости связи в данном регионе.

Adaptive first slide
Adaptive second slide
Adaptive third slide

Сверстали адаптивные версии страниц, сохранив при этом минималистичный дизайн и удобство интерфейса для пользователя.

ИнтеграцииИнтеграции

01

Top connect

провайдер услуг роуминга, который предоставляет сайту все необходимые данные по услугам и сим-картам. С помощью обращения к сервису можно:

  • Получить информацию о сим-карте
  • Активировать/деактивировать услуги
  • Получить актуальную информацию о стоимости и доступности услуг — все страны, пакеты и тарифы

Обмен данными происходит в формате XML.

Numbers and button
Numbers and button
02

JTL: сервис доставки по Германии

Используется для доставки физических сим-карт после покупки. В сервис передается информация из раздела “Orders”, где указаны детали заказа: способ оплаты, заказанный товар, адрес доставки. В личном кабинете отражается информация о текущих доставках.

03

PayPal и Ecommpay

Платежные сервисы для совершения оплаты выбранных сим-карт.

Paypal illustration

Для реализации интеграций потребовалась плотная коммуникация с иностранными службами поддержки.

Особенности проекта

Simcard and globe

Реализуется продажа двух типов сим-карт

  • Физические Classic Sim — необходимо получить карту с помощью сервиса доставки и вставить в телефон
  • Электронные eSim — с помощью QR-кода сим-карта привязывается к телефону покупателя
Toggled simcard Hand

Автоматическая регистрация при покупке

  • Для совершения заказа необязательно регистрироваться, пользователь автоматически сохраняется с данными, которые были введены при оформлении заказа
  • На сайте можно не только купить сим-карту, но и активировать карту, купленную ранее. После этого можно будет отслеживать её статус и управлять услугами через личный кабинет
Person in dialog window

Все возможности в личном кабинете

  • Инструкции ко всем действиям с сим-картой доступны в личном кабинете — активация, смена тарифа, пополнение баланса с банковской карты, подключение/отключение услуг
  • Для контроля своих расходов есть возможность формировать распечатку подключенных услуг за определенный период времени в pdf-формате
  • Есть система промокодов, задаваемых администратором, которые влияют на стоимость покупки

DE / EN

Две языковые версии сайта

  • Весь контент должен быть редактируемым из админ-панели и отражен на двух языках

Покупка SIM

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

Internet options
Arrow

Пакеты интернета

В выпадающем фильтре можно отметить до 8 стран — при каждой отметке будут показываться пакеты с тарифами, доступные именно для этого набора регионов. При выборе тарифа появляется кнопка покупки, позволяющая сразу перейти в корзину, и USSD-команда, с помощью которой можно перейти на данный тариф с действующей сим-карты;

Internet options

Звонки и смс

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

Блок выбора страны и самого выгодного тарифа — аналогичен блоку на главной странице: идентичное отображение информации о доступных операторах связи на данной территории.

Buying page
Arrow На странице покупки к выбранному пакету интернета можно дополнительно добавить средства на звонки и sms — с помощью бегунка пользователь устанавливает сумму, которую он планирует положить на счет. Пересчет осуществляется автоматически — покупатель видит в конце страницы общую стоимость своей покупки в реальном времени.

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

Отзыв клиента

Денис Непомнящий

Денис Непомнящий

Студия Флаг занималась разработкой и программированием сайта мобильного оператора в Германии travelsim.de. Всё выполнено очень хорошо. Ребята из Флага не только выполняли поставленные задачи, но предлагали альтернативные решения, что очень помогло в оптимизации онлайн-сервиса. В целом работой очень довольны и заказали у них разработку такого же сайта для Прибалтики.

Thank You!

travelsim.de/de