About the Project
This is a live streaming platform utilized in one of the automobile showroom to unveil new models and explain the features of it to the customers.
Project Goals
Develop a live streaming app for dealerships. This app would allow staff to stream live video to multiple social media platforms (YouTube, Facebook) and the dealership's website simultaneously, creating a seamless experience for customers.
Who are the Users
Sales persons, Sale managers
User Goals
User should be able to
1. Easily schedule and manage live stream events
2. Create, edit & manage PTZ camera angles effortlessly.
3. Effortless interaction while live streaming( switch between PTZ camera, mobile camera and preset angles.
External Devices
1. PTZ cameras (2nos) : For better qulaity video output.
2. Encoder : For multistreaming
3. Wifi ruter : for wider network coverage and can be used to connect different devices to the same network.
This was the setup installed by the client for this specific project in their dealership.
Understanding Requirement
After gathering all the requirment now it was time to understand and prepare a structure for it.
This was the glimps of inital brainstorming that i did with the manager .
User flow diagram
User flow diagram
Inspiration
Once undertanding the complete requirment, I started gathering some inspirations to get idea on how to work on UI. Below are some of inspirations.
Inspirations
Onboarding
Onboarding
Home screen
Preset as default selection
Home screen
Tabs: Since we had only two categories, I used tabs to group them. Which is the commonly used.
Remarks: Remarks will play a crucial role as the cam1 and cam2 are external devices integrated with the app, this message will help in cheking the status of connections(ON/OFF).
1.Preset flow
Select cam
Cam selection
Preseting screen
Preset screen with options to change camera, adjust preset, controller to set angle.
Preseting screen
Cam selection
The first image shows the selection of a PTZ camera, while the second image displays the selection of a mobile camera.
Cam selection
Presets selection
In preseting popup we can add new preset or we can edit the excisting one by clicking on 3 dot menu.
Change button is provided to use when switching bitween different preset angles because preset switching takes little bit time to change from one angle to other, so to avoid multiple click on different presets, change button has been provided which will reduce the load on PTZ camera
Presets selection
Controller
To change angle, zoom in & zoom out feature
Controller
2.Event creation Flow
In first screen since no events are created, an empty state has been added to avoid confusion and guide user to follow further steps.
Event creation Flow
3. Live Stream Flow
> On click of start live, a new screen for selection of platform will open,
> If the platorm is not signed in with google, It will ask for sign in
> If the platorm is not signed in with google, It will ask for sign in
Live Stream Flow
>Status of connection section will helps in checking all the device connection before live stream.
>Third screen is showing an error message for the disconnected device. This way it will help in resollving connection issues.
>Fourth screen is all set to move to preiew screen.
Preview Screen
Prevew screen helps in changing the desired screen and angle before streaming live.
Preview Screen
Live Streaming screen & Stop stream Dialog screen
>First screen is the live stream screen with camera selection, preset selection , platform display, Preset name and stop button.
>Second one is the dialog box to stop live event.
Live stream screen & Stop dialog box screen
Disapproved screen
> The stop button location was not approved to avoid accidental touches.
> The streaming platform option from one first screen was not approved due to vibilty issue.
> The streaming platform selection on the second screen was also not approved due to space limitations. This area is already occupied by the preset name and stop button.
Disapproved screen
And thats a wrap, this was the process followed to achieve the end result for the live streaming platform.
