Sound-Surf
![Sound-Surf Sound-Surf](https://images.ctfassets.net/b49x85ghzmyn/5lz4pYntnkH0pOliJMLUzp/9945b891e90b36da6bde6b3ac3fd9c09/soundsurf-banner.png?w=1200&h=631&q=90&fm=png)
Overview
During our time working at SoundSurf, we were fortunate to be involved in lots of different technological aspects of the business: front end development, end-to-end testing with Cypress, database schema design, back end development, ecommerce, AWS cloud infrastructure provisioning, SEO, external API integration, mobile third-party authentication, building web scrapers, and even writing email marketing copy.
This page will show a few samples of the work, focusing on front end development as this can easily be demonstrated using pictures. Please note that most of this was delivered without a full-time UI/UX designer.
Live Streams
This was designed to allow content creators to stage virtual concerts and sell tickets and associated merchandise to their fanbase. It proved fairly successful, generating some promising revenue streams for both Sound-Surf and the content creators.
In addition to ticket sales and the live streaming functionality, we also added sales dashboards, CSV exports of ticket/merchandise sales and purchaser information, and multiple scheduled emails to all relevant parties.
Live Streams homepage
Original ticket and merchandise bundle purchase flow
Ticket sales dashboard with CSV export options
Video PPV
We also implemented a video PPV system which allowed content creators to hide their video content behind a paywall. Around the same time, we also overhauled the previous video UI to help promote the new feature.
The PPV scheme went on to generate significant revenue for the business.
Video UI - designed to improve PPV sales
Notification Centre
This was a feature to keep SoundSurf creators informed about new sales, subscriptions and all other activites in their account. We created the UI and also implemented some complex MongoDB queries to perform joins across multiple database collections.
Notifications dashboard – keeping people updated at all times
Related Projects
Event Aggregator
The frontend for an aggregation platform, created with Gatsby, React Query and Formik
web · cloud
Cats at the Helm
Website and CMS for a cattery in the Scottish Borders, built in Gatsby using Netlify CMS
cms · web
NaviSavi
Video-only community for travellers, digital nomads and online wanderlust fans.
cloud · mobile