Surf & YogaSports Web Platform

Story behind

The mission of this project is to connect like-minded people so they could share their knowledge in Yoga and Surfing.

The client came to us with ready designs that were an inspiration for us in terms of development. We were asked to develop a web platform which would provide a unique experience for the rich community of surfers and yoga lovers.

The web platform features the registration of profiles that highlights user’s experience as a trainer or as a student. Combined with the clean and good-looking interface, we’ve made a perfect spot for users who are in search of an instructor to practice yoga or surfing.

User Flow

Platform: Web
Development hours: 952

As it follows from the name, the site provides two categories of services:surfing and yoga. Thosetwo options are present right on the welcome screen. From here users can choose what kind of activity they prefer and make a quick search for instructor by location and date.

We’ve also added“How it works” button on the first screen since the idea is quite pioneering and we wanted to make sure anyone will understand what does this site stands for. Upon clicking the button users will be moved to the introduction section right below.

User Flow

Down below there is alist of destinations where surfing and yoga services are available:

Upon clicking the destination users will be directed to the page with a list of instructors in the region. From here they can see a price tag and an exact location on the Google Map.

The geolocation is one of the important Surt&Yoga features. It helps users finding perfect spots for morning yoga witha breathtaking sunrise view or sandy bays with high waves.

User Flow

The biggest benefit of the service is that all instructors can indicate their availability based on their calendar. From here users can book classes, pay for them, cancel and receive a refund. Moreover, we've added messaging feature users can chat with instructors directly before booking a class.

Instructor profile contains:

  • Instructor’s Bio.
  • Instructor’s Rating.
  • Calendar for Reservations.
  • List of Equipment for Rent.
  • Session Description.
  • Location Description.
  • User Reviews.

The agile review and feedback system ensures that all instructors comply to the highest standards.

The web platform features the registration of profiles that highlights user’s experience as a trainer or as a student. The profile page has dedicated field for such necessary information as: Emergency Contacts and Training Certificates.


The client asked us to use JIRA for follow ups, so he could be constantly updated. Each task of the project was presented in there, in order to give him the possibility track the progress, comment on bugs, and provide prompt advice.

The first step was making the agile architecture in accordance with the previously organized roadmap. The architectural phase was broke down into milestones, slicing and further developing the project through manual testing.

With the lead of their sharp and well-organized project manager, the development of the website was done on time and with precision. They needed a minimal amount of supervision to fulfil their responsibilities

Dris Mhammedi


We’ve been provided with wireframes and logo design, which allowed us to jump-start the project right from the development stage and focus on the integration of additional features and payment methods.

"The team leader demonstrated outstanding written and verbal communications skills. She listens carefully, asks perceptive questions, and quickly comprehends new or highly complex matters and she is careful to keep others informed in a timely manner."

Dris Mhammedi


Since the project will be available worldwide, the client asked us to make a clear, flat design that will be understandable for all users, regardless of their country of origin. We’ve made UI as simple as possible so that anyone could join the project, whether they have technical skills or not.

Google Maps
FacebookSDK The framework used to add Facebook's authorization and share options.
Web ServerApache 2
PHP 5.5.9Yii2
My SQL 5.6
FacebookSDK The framework used to add Facebook's authorization and share options.
i Frontend
  • HTML
  • CSS
  • Bootstrap
  • JS
  • jQuery


We took a simple Bootstrap theme for a page layout. Bootstrap itself is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

Features & Achievements

Yii, PHP

  • Payment integration (Stripe, PayPal)
  • Calendar
  • Google Maps
  • Social signup/login
  • Messaging system
  • Rapidly growing community
  • High website speed and performance

"GBKSOFT have researched extensively to stay on top of the current development goals. They ingeniously put the resources and tools available to their maximum use. They demonstrated a high level of competency in the skills and knowledge required. The GBKSOFT team learned and applied new skills quickly. Their skilled and knowledgeable developers have always came up with the best and suitable solutions and did their best to satisfy my needs."

Dris Mhammedi


GBKSOFT is a great company to work with. We have been collaborating on this project for a couple of months and we will continue improving the platform for a little bit longer. Thanks to GBKSOFT, we took this project from an idea stage to a project stage and then to reality.

GBKSOFT TEAM not only easily operates within the approved budget but also makes maximum use of the allocated budget and conserves organizational resources. I enjoy working with them, and would definitely recommend them. You can count on their team, they are very professional, knowledgeable and reliable.

Dris Mhammedi

Order Similar Project

Just contact us and we will do the rest!