NUBE FILM Academy

Branding, Graphic Design, Web Development
View Website

Initial Brief

Nube Studios is a collaborative effort of Industry stalwarts in the field of Audio Visual Communication. They deal in post production and color of films for multiple film industries.

They came to me with the objective of creating a new brand, Nube Film Academy, and to build for them a web platform where they could put up courses to teach students in their domain.

Understanding requirements

1
Creating a brand identity
Defining a visual identity for the Nube Academy brand that allows distinctive recall value and offers a greater aesthetic uniformity across brand devices for the website as well as additional use.
2
Designing the user experience
Defining user journeys for both the admin as well as the end user with respect to the use of the platform, creating wireframes and high fidelity prototypes that showcase how the product will be used before the development begins.
3
Development of the platform
Coding the platform according to the approved design specifications, including the front-end work, database management, deploying the web application and managing the backend.

Logo Design

Requirement Mapping

Color Palette

Nube Logo

Background gradient

Logo Directions

Combining f with capitalized A to create a repetitive horseshoe element.

Representing the f using negative space.

Creates a simple repetitive visual language.

Clouds. To stay consistent with the Nube brand ideology, some explorations with clouds are tried.

Simple, playful, and classy at the same time.

Lettering variations can bring out boldness.

This direction uses a modified capitalized version of the typographic style prevalent in the nube studios logo.

Font adjusted to get sharp angles and symmetry.

Futuristic, bold, sharp.

Experimentation with 3D wordmarks. Trying to bring an element of dimensionality to the logo.

Adds a unique dimensionality to the logo

Lettering variations can bring out boldness.

Inspired by cirrus : This variation looks at incorporating a representaion of the cirrus logo into a triangular depiction.

The stairway imagery depicts growth through ascension.

Capital variations with straight edges color distinction.

The block type represents stability.

Final Logo

Simplistic wordmark

Embossed feel

Consistent with Nube branding

Optical Alignment

Mockups

NFA Website

The requirement was an educational platform that allowed Nube to upload and sell courses that students could consume.

I built the client facing website that demonstrated the benefits of the courses, the web application that allowed students to consume these courses and an admin panel that allowed Nube to add and update courses, check student progress, and add assignments and tests.

Features

1
Dynamic main pages
Index page gets dynamically updated based on the latest courses with their updated lectures.
2
Powered by Firebase
Firebase suite for database management, storage, hosting and deployment on an ExpressJS server. Completely hassle free and scalabe REST architecture.
3
Optimized video rendering
Vimeo API integration for taking care of video compression, optimized flexible, high-quality video integration.
4
Industry standard payments
Razorpay integration for fast, secure payments all managed directly on the platform!
5
Fully functional admin portal
Admins with little to no tech knowledge can easily operate the portal to add courses, update lectures, manage testimonials, job postings, and track student records - all in one place!

Watch NFA in action

View Website