Illustrator, Graphic Designer, Web Developer

Illustration

Hospital Mechanical Level

ClientAffiliated Engineers, Inc.

Date2012

DescriptionA part of the building that is normally not seen by most visitors; this mechanical floor illustration reveals the complexity of the interaction between the structural and mechanical needs of a high-rise hospital.

The illustration is true to life. It was modeled from the actual AutoCAD files used by the engineers and architects who were involved in the project. After I built the 3D model, a 2D image of it was imported into Adobe Photoshop and enhanced.

UTMB Infrastructure Map

ClientAffiliated Engineers, Inc. / University of Texas Medical Branch

Date2014

DescriptionThe University of Texas Medical Branch in Galveston was devastated by floods brought on by Hurricane Ike.

In an effort to reduce the impact of future flood events, UTMB contracted Affiliated Engineers to come up with an infrastructure design that would be more resilient.

This illustration shows the scope of infrastructure upgrades that AEI proposed, such as new utility tunnels, and hardened utility plants.

National RenewableEnergy LaboratoryClientAffiliated Engineers, Inc. / The United States Federal Government

Date2014

DescriptionThe National Renewable Energy Laboratory (NREL) was created to address some of the most complex energy problems facing the United States today.

The illustration at right pictures the Energy Systems Integration Facility (ESIF) which is central to that mission. Specifically, this illustration shows some of the more major laboratories in ESIF as well as the REDB electrical busway which is a critical component to the work done at ESIF.

Other Illustrations

(Clockwise from top-left)

Cathedral SectionPersonal Project, 2010, Photoshop

Waste to EnergyAffiliated Engineers, Inc., 2011, Photoshop

Conceptual RenderingClockwork Symphony, 2010, Photoshop

Playing Card ArtworkPersonal project, 2014, Illustrator

Smartphone InfographicAffiliated Engineers, Inc., 2015, Illustrator

CamelotPersonal project, 2009, Photoshop/Sketchup

Server Room DiagramAffiliated Engineers, Inc., 2013, Photoshop/Sketchup

Lightweighting Ad IllustrationAffiliated Engineers, Inc, 2014, Illustrator

Video Game ArtworkPersonal Project, 2015, pixel artwork

Web Development

Affiliated Engineers, Inc.Website OverhaulClientAffiliated Engineers, Inc.www.aeieng.com

Date2014-2015

DescriptionWith over 200 projects featured, the Affiliated Engineers website contains a lot of data. The original version of the website was composed entirely of static HTML pages, which made management of all that data a very labor-intensive task.

For the new version, a custom content management system was built. The CMS is designed to utilize data that Affiliated Engineers already has stored in their existing databases - making maintenance far easier.

As part of the upgrade, the website was also designed responsively, and fully utilizes design opportunities offered by modern browsers.

Portfolio Website

ClientPersonal Projectkylavana.github.io

Date2015

DescriptionI wanted my portfolio website to be accessible and look great on any device. To that end, I designed it be concise, clear, and completely responsive.

An effort was made to improve performance by compressing images, minifying HTML, CSS, and Javascript code, and by keeping the design simple.

The website degrades gracefully on older browsers, and is also fully accessible with Javascript disabled.

okcise,

ript

nd is

Graphic Design

Web-based Booklet

ClientAffiliated Engineers, Inc.

Date2016

DescriptionA web-based booklet celebrating the 1st year anniversary of Affiliated Engineers Inc.'s new knowledge sharing platform (nick-named FiL). The booklet was designed for web-based viewing, and I enhanced my illustrations with a Javascript-based page-turning plugin (Turn.js), as well as various css-driven animations.

You can view the booklet online here:http://www.aeieng.com/images/misc/fil_bday.html

(Looks best when viewed on a desktop. I also developed a fallback for mobile devices, but it is not in booklet format and lacks many of the animations.)

Greenbuild 2010

ClientAffiliated Engineers, Inc.

Date2010

DescriptionGreenbuild is a trade show/conference for any manufacturer, engineering firm, or architectural firm involved with sustainable design and construction.

The concept for Affiliated Engineer's 2010 Greenbuild presence was "Absolutely" -meaning the importance of using absolute metrics as opposed to relative metrics when measuring the success of a sustainable structure.

Getting noticed at a huge trade show like Greenbuild requires a really strong and memorable image. To that end, I presented our concept in a simple, yet graphically powerful way. The constructivist-esque imagery of an arrow in a target was carried throughout all of our collateral material - from the design of the booth itself, to the free stickers we handed out.

Other Design Work& Infographics

(Clockwise from top-left)

Client Relation DiagramAffiliated Engineers, Inc., 2010, Photoshop

Knowledge WebAffiliated Engineers, Inc., 2010, Illustrator

Various IconsAffiliated Engineers, Inc. / Confluenc, 2012-20Illustrator

Sustainable Design ProcessAffiliated Engineers, Inc., 2013, Illustrator

AEIexe Corporate BrandingAEIexe Corp., 2013, Illustrator

US vs. German Building Code VisualizAffiliated Engineers, Inc., 2011, Illustrator

014

zation

Traditional Media

Traditional Media

(Clockwise from top-left)

"Anger"2008, Linoleum print

La Sagrada Familia2007, London study abroad program, Pencil

"Stare"2004, Linoleum print

Figure Drawing2008, Charcoal

Portrait2003, Pencil

Cardiff Castle2007, London study abroad program, Pencil

kylavana.github.io