Portfolios / First Round Essentials —

Creating stunning website with 3D illustration for their essentials product.

What we did —

Web Design
3D Modeling
Responsive Design

Client —

First Round
San Fransisco, CA

Website —
books.firstround.com

The Brief

Creating a responsive landing page design for part of the products from the first round. That is an e-book to guide the career path when going to become a manager, or just starting to build a company. Need a clean appearance, simple, and brand color consistency of the product. Readability is a must. At the header, there is a need for product presentations in the form of books with 3D visualization.

Typography

Wireframe & Layout

Designing a responsive layout with dimensions of 1440px  for desktop and 375px for mobile as a basic reference for other device sizes. The font is taken based on brand guidelines of the products that used “Gibson” as the primary font type on the website.

The format of filling out forms for downloading e-books is made as a popup module to create time efficiency and simplify users to get the product without redirects to a new page.

Color

3D Modelling

We build a wireframe as a first step to determine the shape of the object model to be built in 3D. It’s important to determine the facing positions and mockups to obtain maximum review results on a product. On rendering progress, all data that has been entered in the process of modeling, texturing, lighting with certain parameters will be translated into image output.

The Result

We’re hugely proud of our partnership with First Round, and our role as their external design team. Some of the outputs of our results include website design, responsive design, solving specific UX & design issues, 3D mockups for their product, and design assets.

Have a project in mind?
Let’s get to work.