Superbryte
Superbryte is an all-in-one suite to create the best possible training experiences in the remote world. The challenge was to conceptualize the web-app from ground up with all its functions and features, to then build a design system and eventually create the final UI of the platform and the website.
Services
UI Design
UX Design
Deliverables
Concept
Wireframes
App Design
Web Design
Date
2021
Links
superbryte.com
Storyboard
Styleframes
Final Result
Configurator
Homepage
Checkout
Product Page
Marketplace
Horse Detailpage
Community
Public Profile
My Stable
Platform Structure
For an intuitive and friendly user experience, the platform is set up with a simple and clear structure. The left sidebar enables to switch between the main functions of the app. The topbar guarantees easy and fast navigation through all views. The content area is flexible and adapts to the corresponding elements.
Overview
Superbryte offers different views and options to stay organized and structured. And to keep the platform easy and fun to use.
Dashboard
General overview and control center of the app. Phases overview, quick access and actions make it easier to stay focused and jump right in to work.
Training Overview
No matter if trainer or participant, this overview shows all trainings of all phases. Search, filter and sort functions make it easy to find the desired training.
Calendar & To Do's
For a focused view of timing and to dos, this view offers a well structured calendar and a check list to stay on time and prepared.
Training Structure
A training is the top level and acts as a framework. Each training consists of at least one session. These sessions have a date and time when they are happening. They include a lot of powerfull features to organize and prepare teaching material. Each session has a virtual training room which the participants can dial into.
Phases
Trainings consists of 3 phases. Preparation, the actual teaching and the post processing. Superbryte connects all three phases and enables the teacher to go through all phases without leaving the app, while always staying connected to the participants through the overarching chat.
TRAINING PHASE ONE
Preparation
The platform enables trainers to structure and organize the training. Tons of features such as homework, agenda, polls, whiteboards, breakout rooms and much more can be prepared upfront. Once complete, all files and features are accessible in the live training.
TRAINING PHASE TWO
Live Session
During the live session the teacher has access to all prepared files and material right in the app to focus on the actual teaching. Besides the uniquie features, the app obviously comes with the classic functions such as screenshare and recording.
TRAINING PHASE THREE
Post Process
After completing all sessions of a training, both trainer and participants get a summary of the training and all its sessions. Including poll results, files used and uploaded, a list of participants, screenshots and recordings and much more. The trainer also has access to detailed statistics for all trainings.
Community
Superbryte is also building a community for teachers and peers of the field. Users can create accounts, share their training and get access to exclusive content, training templates and much more.
Landing Page
Social Media
