Technicolor Ventures

WEB DESIGN

briefcase-25briefcase-25

THE BRIEF

Create an online presence for the recently formed investment arm of Technicolor. The primary goal of the site was to help establish an online track record of investments, in a single scrolling landing page that stood out from common VC sites of that era. 

image-1image-1

A quick representation of the responsive nature of the website.

designdesign

WIREFRAMES

To help solidify the visual direction, I wireframed an overview of the website, to sequence the order of slides that would be presented. Since each slide would represent a key element or individual company, the requirement lent itself to more of a vertical slideshow navigation style.

ventures-overviewventures-overview

A wireframed overview of the website sequence of slides.

portfolio-slide-breakdownportfolio-slide-breakdown

The core elements needed for a portfolio company slide.

code-editorcode-editor

DEVELOPMENT

With the visual direction defined, the next phase was to find a website framework that would enable me to communicate the visual direction of the site. Services like Squarespace were promising, but costly in comparison to direct hosting and one-time payment bootstrap themes. So I searched and decided on a framework from the esteemed firm, Designmodo and their product Slides.

Atom IDE - HTML & CSSAtom IDE - HTML & CSS

Love Sublime Text, however I decided on Atom due to its active development.

folder-devfolder-dev

FINAL CODED WEBSITE

The final outcome is a colorful, vibrant and graphic presentation of an venture capital firm that stood out from the rest. No hilarious videos or headline grabbing portfolio exits. But a mobile friendly and interesting representation of honest investment in technology and innovation.

View the live site at: technicolor.vc

imageimage

GALLERY

As the investment portfolio grew, the number of companies displayed did too. Below are a collection of some of my favorite slides displayed on the website.