Product Branding
Problem
Rev is the only true end-to-end video streaming and content management solution. Easily deploy and centrally manage all of your video, including live events, video-on-demand and video conferences. Rev infrastructure is built on Amazon Web Service and boasts 99.9% uptime. But most of high end Rev users are requesting with their BRANDING LOGO AND COLORS and DESIGNS, that they can embed all features into their website and used all over the world. For example FEDEX user wants to see this product with their logo and matches to their website that they can use this for all their departments.
This starts from one of REV client wants to change their front page while they are launching their new venture. Rev is not a USER SPECIFIC. Due to this issue we cant provide the changes and makes rethink the user to consider of REV.
Research
As I have prior experience to branding and theming of the product this project makes me very confident to handle.
I had been conducted various user interviews of REV users and mapping their answers and with current design, These interviews helps me to understand what exactly user are looking and how many settings we need for each designs, and combined all ideas and make few wireframes. Almost designed 55 high fidelity mocks of landing pages and shrink into 3 designs and 5 level of settings.
I had research few website builder tools that makes me good idea how the new technologies works irrespective of all the devices.
Responsiblities
PROJECT LEAD
Design Systems
Customer Journey
Mapping
User Interviews
Sketching
Wire-framing
Visual Design
Interactive Prototyping
Tools
Paper & Pencil
Figma
InvisionApp
Adobe Photoshop
Adobe Illustrator
Adobe XD
HTML5
CSS3,Bootstrap
Java Script, JQuery
Testing
A/B Testing & Experiment
Actively involve in testing tp match the app with my designs.
Quick and easy fixes for any complicated problems.
Smart Recommendation.
Helping the documentation team to create a brand new style guide that user can refer easily if they needed.
Sketch
Conducted almost 5 different existing clients by showing the low and high fidelity mocks. Most of the Clients are happy to see this interactions except few federal users who dont want to change the designs and they are not ready to adopt the new changes. Inorder to loose these clients we made a changes that old design is going to default template and user can change by choosing all other options, even though it is too old I always believe ” thinking on user shoes will reach our company goals “
Design
Rev’s Branding menu allow you to turn your entity into a true video portal styled with your organization’s logo, colors, and font preferences. You can choose different themes and designs for your landing page to ensure your portal is a true reflection of your organization’s style. This style guide details the designs, colors, and formatting options.
The Home landing page is displayed when a user first logs in. Rev considers the Home landing page comprised of
three parts:
Header
Featured Video Carousel
Home Page Carousels (Default options are Recently Added Videos, Live Videos, Upcoming Events) .
You can customize the Header, Featured Video, and Home Page Carousels branding displayed on the Home Page by choosing templates as part of Rev’s Branding menu. There are four tabs under Rev’s Branding menu to assist you when branding your Rev portal; General, Header, Featured Video, and Home Page. Making selections under each tab will maximize your ability to showcase your organization’s brand when setting up your Rev portal
Below you can find few examples of the branding settings.
General Tab Options:
Logo – Upload your company logo
Colors – Choose your portal’s primary and secondary colors (Primary, Primary font color, Accent, Accent font color)
Font – Select a font or use the default Roboto font (.woff format only)
Header Tab Options :
Header Color – Specify the Header background and font colors
Template – Choose a Header template (Classic, Two Tier, Modern)
Help Links – Add customized Help URLs
Featured Video Tab Options
Classic Template – Specify a banner background type and if auto scroll is on or off / No limits
Poster Carousel Template – Specify if auto scroll is on or off / No limits
Tiles Template – Limited to the first five videos in the Featured Video playlist
Customize Portal Logo, Colors, and Fonts
The General tab is where you upload your company logo, specify the primary and accent colors for your portal and what font you will use. Each of these attributes is described in more detail below. Logo Format and Size The image format you use may be in any of Rev’s accepted image formats: .jpg, .png, or .gif
Wireframes
Few Examples of wireframes that developer can help to get easily adopt the idea of the design, these ideas are helpful for user side help guide.
Player Controls branding
Result
Total 55 templates designs can be made with 4 Admin Settings, each include 10 settings.
This impact huge change and added few more logos to Company website and increase the review in millions.
Future
These Branding settings are not integrated in the admin side which is not less usage of end client , Rev has a phase-2 release going to add admin and webcast and analytics and other areas branding by using these settings.
Thanks for watching. Want to see more products case study…..