Humble Venture Capital

Client: Humble Venture Capital

Role: Design & Frontend

Tools: Sketch, Wordpress, HTML, CSS

Timeline: 2016-2017

Objective

Design and build a website for a venture capital firm based in DC & NYC.

Requirements

  • Client must be able to edit the copy and replace images

  • Pages to include: Homepage, Investment Approach, Portfolio, Case Studies, Team, Contact

Process

  1. Client interview and requirements gathering

  2. Design mocks and review

  3. Develop, deploy, feedback, adjust

  4. Final delivery and asset transfer

Design

The directive from the client was to leverage a space theme and bring a design unity across the different sections of the experience. Each one of the following blocks had a corresponding page that followed the overarching design pattern. I mocked the designs in sketch and shared them with the client in Invision throughout the design phase.

Development

The website was built in Wordpress for ease of editing by the client and required a significant amount of custom html and css to transform the original template into the accepted designs. It was my first experience creating in wordpress so I was learning while building and required different considerations for developing the system to be pick up and used by the client after the site is set up. It also opened my eyes to the expansiveness of the Wordpress ecosystem and the different themes/plugins available for creators to leverage.

Reflection

Humble's website was my first dive into client work and exposed me to managing the product development process with external stakeholders. Proactive communication works wonders in managing expectations and frequent updates makes sure everyone is on the same page throughout the process. Being clear about what blockers arise and when input is needed ensures the right prioritizations are made, leading to the right outcomes. I’m excited for the next client project and thankful for the opportunity to work with such a great organization.

Site Info

What is this?

Ryan Luu's Portfolio & Blog

Why does this look familiar?

The design mimics Dropbox Paper. It's what I use to organize my daily process, so I thought it would be a fun challenge to recreate it's ux from scatch for my personal site.

How was it built?

This site was custom coded with React Hooks and Gatsby. I included a few unique features that I enjoy, like hovering over videos to initiate playback.