I make websites and stuff.

Varun Chopra's Portfolio

Varun Chopra is a Cannes-nominated filmmaker, student and director studying in Loyola Marymount College in sunny Los Angeles, California. His first film—God on a Leash, is selected to be showcased at the 2016 Cannes Film Festival. I was tasked with creating a website for him and his projects.

The scope of the project was pretty clear, and there was a lot of flexibility and freedom—Varun (the client) didn’t need the site right away, so I had a fair amount of time to experiment and flex some design muscles .

1. The Content

The site structure was going to be understandably simple, so I quickly whipped it up and got it approved so we could move forward.

We agreed on a standard homepage-about-work-ish model and started to move to the visuals from there on.

2. Visuals

Varun was pretty clear from the start that he wanted the first impression of the site to give a subtle indication what it is that he does.

I tried mocking up some draft looks for how the visual language of the site might look like:

Varun agreed with the general aesthetic I was looking to go with, but he still couldn’t see that intuitive message that this was a filmmaker’s website. During one of our conversations, we came up with the idea of playing a short looping video in the background—that would have something to do with filmmaking, or films in general.

Thanks to the fact that Varun had access to all the equipment we might need to shoot the video, I had the opportunity to art-direct my own shoot. The general direction of the video was to shoot equipment or scenarios that indicated something "meta-film".

As Varun worked on the clip, I worked on a prototype and experimenting with the vertical navigation with a free stock video with a similar color tone from Mazwai.

Early prototype of the animated background homepage.
Early protype on mobile viewports.

The Background Videos

We had an option between the 3 clips that Varun put together and produced

1. The Director’s Chair

The director's chair as a background video for the homepage.

Apart from being inherently symbolic and aesthetically pleasing, the director’s chair video had a couple of problems.

  • The name appearing twice: That seemed sort of counter-intuitive and didn’t make sense, when it sat together on the page with the other content.
  • Viewport Change: When the site will be viewed with devices of different screen sizes, the video will resize, stretch and shrink to fit the screen—and when that happens, parts of the chair might become hidden which runs the risk of people not recognizing that this is director’s chair, and hence, making its essence of no use.

2. Film Set Equipment

Film set equipment background video for the homepage.

This clip adds the right amount of color and vibrance to the page and also looked aesthetically pleasing. The motion was also smooth, and resizing and snapping of this video didn’t rob it of its essence.

3. Final Website

Fid. 2.10: The final piece.

Hi, I'm Prabhav Khandelwal. home

I'm a Delhi-bred freelance designer currently studying Cognitive Design, Human-Computer Interaction, and Design at the University of California at San Diego. My vices include typographic pornography, obscure Indian music, Manchester United and (thinking about) writing.

I grew up learning how to design and code websites since high school. I tried my hand at designing and coding as much as I could as a freelancer, and ended up studying HCI and Design at UC San Diego. During my time at college, I started UCSD's first design consultancy called Studio 1346 on campus connecting students with industry clients and getting them real-world exposure. I also worked with Design for America to address social issues like homelessness and food insecurity through the iterative design process. My love for designing and coding websites has never left me, I've always been working on some freelance project or the other ever since my high school days.

Currently, I'm taking on freelance design work, so if you have a project in mind, I'd love to chat! I'm also working part-time with Mindsparkle Mag as an Editorial Intern interviewing artists and designers and publishing their stories. Here's my favorite interview so far! Give it read, I hope you'll enjoy.

Previously, I was a UX Research Intern at Google on the Localization team. Our holistic goal was to make Google’s vastly diverse user base feel at home by making products feel native, in over 75+ languages and cultures.