Microsoft Higher Education

Art Direction / Branding / UI / UX

Person working on a pink laptop, viewing a 3D digital cityscape model on the screen.

My Role

I assembled and visually directed the creation of 3D interactive site. I collaborated with creative leads, 3D artists, and developers. I helped sketch, research, and iterate to eventually form a series of 3D renders, a 3D campus, and user interface filled with informational content juxtaposed by vibrant designs.

Background

The world is fraught with outdate systems running vast quantities of data and information. Colleges, universities, and public instutions are some of the most prolifically outdated in their technology usage. Microsoft wanted to illuminating the benefits and capabilities they had for higher education institutions across the world. Our approach was to create dimensional environment, representative of higher education campuses, to allow Microsoft salespersons to literally walk their clients through an informative web experience.

Explore the in-progress site
A purple-colored 3D environment representing a magnifying glass looking closer at an array of geometric objects.
Colorful abstract geometric artwork featuring spheres, cubes, and triangular shapes on parallel white lines against a bright teal background.
A purple-colored 3D environment representing a magnifying glass looking closer at an array of geometric objects.
Three large balloons, one silver, one blue, and one teal, float against a gradient teal background.
Colorful abstract art with stacked blocks in teal, blue, gray, white, and wood textures, featuring geometric shapes and metallic spheres
Sketch of abstract cell tower.
Colored sketch of abstract cell tower.
Abstract digital artwork with a metallic sphere on top of a small wooden block, placed on layered purple platforms, surrounded by floating geometric shapes on a purple background.
Black and white line drawing of 3D isometric geometric shapes, including cubes, cylinders, and rectangular prisms, arranged in an abstract architectural pattern.
An isometric illustration of various 3D geometric shapes including cubes, cylinders, and arches in shades of teal, gray, brown, and black on a teal background.
An abstract arrangement of geometric shapes including cubes, cylinders, and spheres in shades of teal, green, wood grain, and metallic silver, set against a teal background.
Hand-drawn sketch on graph paper of various abstract environments connected together forming a cyclical environment.
Hand-drawn sketches of 3D geometric shapes, blocks, and diagrams illustrating different concepts such as full scale, isometric, block diagram, hybrid, and hexagonal shapes, with some annotations and labels.
Material palette for the 3D renders.
Reduced moodboard of textures we wanted to use for the website.