Our Solution

Our Solution

Weguide - The Authentic Travel Community Platform

Our Solution

In this platform, an end-to-end solution was conceptualized and developed for Weguide, a start-up at Germany which includes a Flutter mobile App, back-end and Admin Panel. Users create their account and can explore after the authentic tours nearby or around the world.They can navigate themselves through a larger 2D Map to find routes where ever they are or wherever they want to go.

The tours are displayed with all relevant information including a personal note. The user can start the tour and is getting navigation to each special place where the tour guide left image, videos or audio notes that inform about the different places. After the completion the user can leave a rating to share the positive word.

The creation of the tours is a special designed process allowing the creator to build complex tours overland and -sees. By an click on the map a new location is set and they can decide how the user should travel there. The route between the location is automatically calculated based on this.

The tours can be provided for free or for payment that is shared between creator and platform.

On the other hand Weguide can oversee and manage the platform from the Admin Panel by upgrading users, managing the tours, reviewing reports of the users and managing content. The IT Solution leaves no wish open to build comprehensive tours, access authentic travel experience and manage the platform.

telescope_mas

Key Components

Key Features
registration

User profile management

registration

Tour management

registration

Tour creation

registration

2D-Map integration

registration

Payment integration

registration

Push notifications

registration

API development and server

registration

Admin panel

Tech Stack

Tech

Cross-platform development flutter (Dart)

Back-end

Flutter apps are written in Dart. Dart is an open-source and free language. Flutter contains more app-specific libraries, including widgets, materials, and Cupertino. With this, it is possible to build an application that will run on 6 different platforms simultaneously. These include Android, iOS, Web, macOS, Windows, Linux, etc.

Back-end framework, Logic, Server

Back-end

Nodejs was used for the backend. The NodeJS open-source program provides Cross-Platform access, real-time communications, and a single programming language. We used MongoDB as our database. With such a small footprint, it can control and coordinate deeply embedded apps in huge warehouses with a great amount of data. We developed the API logic to retrieve data for favors, updates in the clan or profile. Besides that we used socket for real-time chat experience between users.

Social Login

Social

Social Login is a single sign-on for end users. To eliminate the need to manually create a new account, we have integrated Google, Apple, and Facebook logins that use the existing credentials of the social network provider and create a new account for the RMN Events user.

Chat

Social

For the interactive course, the video call, we integrated the Zoom Video SDK and not only customized the layout, but also implemented the group splitting functionalities.

Google maps

Social

With Google Maps APIs integrations, we have been able to show the events through an easy 2D map interface.

Stripe Payment Gateway

Social

Stripe provides software and APIs for processing online payments: Accept payments, send payouts with various payment methods like credit card, bank transfer, Google & Apple Pay and much more. In RMN Events we implemented the ability to pay via credit card, so users can purchase event specific products, season passes for their athletes or register athletes to an event as guest.

Firebase Push Notifications (FCM)

Social

The integration with Firebase Notifications (FCM) is a free service that enables user notifications for Android and iOS devices. Firebase allows the product automatically and the console administrators to easily send notifications across platforms without having to write own implementations.

How Vitec Archived The Project Goal?

Client goal

In the first step, we discussed the current state and its processes over several meetings to understand and analyze all requirements. From this we created a digital concept that reflects the main features and user flows of Weguide and enables the implementation of an MVP.

services category

The IT Solution consists of several products. To ensure consistency and branding from the beginning, we first built a UI Design System and maintained it in Figma. Then we created the first screens to finalize the direction and thus the first product design.

services category

By using the Laravel framework and MVC design pattern for the website and back-end, as well as the the Flutter framework and MVVM design patterns, we were able to develop the project quickly and fix minor procedural bugs directly through an iterative review process with our partner.

services category

Quality is always our top priority, but time must also be considered. For smaller IT Solutions we reduce the testing to the most necessary to ensure all core functions. The tests went successfully and the smaller edge-case bugs were tolerated in the beginning.

services category

We set up the server and deployed the back-end, database and website. Both apps were published and with that the solutions were accessible and ready to be used by everyone. We were endlessly happy to receive the first positive feedback from our users and our partner.

services category

Main Functionalities

Functionalities
Check-Out

User Registration & Profile Management

Check-Out

Weguide offers login with social logins such as Google and Apple or classically via email and password. A verification process with a one-time password (OTP) has been integrated to make registration secure for emails. After logging in, the user can directly see the tours in their vicinity or the currently recommended tours.

Within the app, the user can edit all information, add a payment portal to receive money for their own paid tours, or delete their account.

Check-Out

Explore Tours

Check-Out

Users can discover the tours in different ways. Either on an interactive 2D map in which the regions and cities of the world can be searched for tours or in a list view.

You will also be shown tours in your area or tours that are currently very popular.

Check-Out

Create Tours

Check-Out

The creation of tours requires 3 simple steps:
1. Step: Enter all general information about the tour, including a private message (video or audio) and the main transportation option.

2. Step: Create a tour by placing various stops on a 2D map. By selecting a transportation option, the route between 2 stops is automatically calculated using the Places API. Each stop contains videos, audios, pictures, etc. that have to be recorded on site. If you are a professional user (special user type), you can upload content from your smartphone.

3. Step: Further details (duration, categorization and images) are entered here to give the tour the necessary finishing touches.

Check-Out

View Tours

Check-Out

Tours can be opened to see the contents of the tour in a summary as well as its creator, ratings and route. If you want to do the tour, you either have to buy it (subject to a fee) or you can start it directly. Users have the option to report non-compliant or objectionable content so that Weguide can take a closer look at the tour.

Check-Out

Do Tours

Check-Out

Tours are carried out by completing the individual stops.Each stop can be opened to see the content in a kind of "Story-View" Once you have successfully completed all the stops, you can rate the tour using a simple 5-star rating system.

Biggest challenge

Biggest challenge and our journey of overcoming

Biggest challenge

The biggest challenge was the development of the tour creation in Weguide. The goal of enabling comprehensive tour creation that is as simple as possible without users loosing the thread was not easy. But in addition to the UX issue, it was also a technically challenging task. A lot of data had to be created dynamically and processed with the help of 3rd parties before it could be exchanged with Weguide's server.

In order to clearly structure the tour creation, 3 steps were created. The content was then divided between the 3 steps. A draft function was integrated to enable creation over several days. A visibility function was integrated to hide tours for the time being and to share them with selected people.

In order to simplify the creation of routes, we have used the 2D map to create a stop with a single click on the map. This stop can then be filled with content.The route itself is created using the Google Places API and the selected transport option. If the user wants to swap stop locations, we have integrated drag & drop functionality.Not a day goes by without us trying to streamline the process together with user feedback.

Most special moment in
our journey

journey

The most interesting experience in the project was the creation of the 2nd step (the route creation) of a tour. There was a lot of documentation, testing and implementation to build the right processes and technical components. Very challenging and tricky, but that's why we love building software. Trying new things, making mistakes, fixing them and building something even better was definitely a guiding principle in this complex feature.

If you are interested in how Weguide works, visit the App stores (see below).

If you are interested in implementing a similar or completely different project with us, we look forward to getting to know you.

journey

Leave A Reply

Reply

Your email address will not be published. Required fields are marked *

Marc

Marc Roset, CEO at Vitec, loves working with people around the world to develop trend-setting and innovative IT concepts. His working methodology can be summarized as follows: "Talent wins games, but teamwork and intelligence win championships."

Other Interesting 360° Success Stories

Portfolio

Every successful project has its own success story. We aim, we work, we deliver and let our next projects tell a new story. We have a lot more in our closets. Please let us know if there is anything you need and we will bring it out for you. Together, let's create another one.