portfolio-
DESCRIPTION
Portfolio of my work Illustration / graphic design / webdesignTRANSCRIPT
![Page 1: Portfolio-](https://reader034.vdocument.in/reader034/viewer/2022051704/568c515d1a28ab4916b25721/html5/thumbnails/1.jpg)
Illustrator, Graphic Designer, Web Developer
![Page 2: Portfolio-](https://reader034.vdocument.in/reader034/viewer/2022051704/568c515d1a28ab4916b25721/html5/thumbnails/2.jpg)
![Page 3: Portfolio-](https://reader034.vdocument.in/reader034/viewer/2022051704/568c515d1a28ab4916b25721/html5/thumbnails/3.jpg)
Illustration
![Page 4: Portfolio-](https://reader034.vdocument.in/reader034/viewer/2022051704/568c515d1a28ab4916b25721/html5/thumbnails/4.jpg)
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.
![Page 5: Portfolio-](https://reader034.vdocument.in/reader034/viewer/2022051704/568c515d1a28ab4916b25721/html5/thumbnails/5.jpg)
![Page 6: Portfolio-](https://reader034.vdocument.in/reader034/viewer/2022051704/568c515d1a28ab4916b25721/html5/thumbnails/6.jpg)
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.
![Page 7: Portfolio-](https://reader034.vdocument.in/reader034/viewer/2022051704/568c515d1a28ab4916b25721/html5/thumbnails/7.jpg)
![Page 8: Portfolio-](https://reader034.vdocument.in/reader034/viewer/2022051704/568c515d1a28ab4916b25721/html5/thumbnails/8.jpg)
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.
![Page 9: Portfolio-](https://reader034.vdocument.in/reader034/viewer/2022051704/568c515d1a28ab4916b25721/html5/thumbnails/9.jpg)
![Page 10: Portfolio-](https://reader034.vdocument.in/reader034/viewer/2022051704/568c515d1a28ab4916b25721/html5/thumbnails/10.jpg)
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
![Page 11: Portfolio-](https://reader034.vdocument.in/reader034/viewer/2022051704/568c515d1a28ab4916b25721/html5/thumbnails/11.jpg)
![Page 12: Portfolio-](https://reader034.vdocument.in/reader034/viewer/2022051704/568c515d1a28ab4916b25721/html5/thumbnails/12.jpg)
![Page 13: Portfolio-](https://reader034.vdocument.in/reader034/viewer/2022051704/568c515d1a28ab4916b25721/html5/thumbnails/13.jpg)
Web Development
![Page 14: Portfolio-](https://reader034.vdocument.in/reader034/viewer/2022051704/568c515d1a28ab4916b25721/html5/thumbnails/14.jpg)
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.
![Page 15: Portfolio-](https://reader034.vdocument.in/reader034/viewer/2022051704/568c515d1a28ab4916b25721/html5/thumbnails/15.jpg)
![Page 16: Portfolio-](https://reader034.vdocument.in/reader034/viewer/2022051704/568c515d1a28ab4916b25721/html5/thumbnails/16.jpg)
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
![Page 17: Portfolio-](https://reader034.vdocument.in/reader034/viewer/2022051704/568c515d1a28ab4916b25721/html5/thumbnails/17.jpg)
![Page 18: Portfolio-](https://reader034.vdocument.in/reader034/viewer/2022051704/568c515d1a28ab4916b25721/html5/thumbnails/18.jpg)
![Page 19: Portfolio-](https://reader034.vdocument.in/reader034/viewer/2022051704/568c515d1a28ab4916b25721/html5/thumbnails/19.jpg)
Graphic Design
![Page 20: Portfolio-](https://reader034.vdocument.in/reader034/viewer/2022051704/568c515d1a28ab4916b25721/html5/thumbnails/20.jpg)
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.)
![Page 21: Portfolio-](https://reader034.vdocument.in/reader034/viewer/2022051704/568c515d1a28ab4916b25721/html5/thumbnails/21.jpg)
![Page 22: Portfolio-](https://reader034.vdocument.in/reader034/viewer/2022051704/568c515d1a28ab4916b25721/html5/thumbnails/22.jpg)
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.
![Page 23: Portfolio-](https://reader034.vdocument.in/reader034/viewer/2022051704/568c515d1a28ab4916b25721/html5/thumbnails/23.jpg)
![Page 24: Portfolio-](https://reader034.vdocument.in/reader034/viewer/2022051704/568c515d1a28ab4916b25721/html5/thumbnails/24.jpg)
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
![Page 25: Portfolio-](https://reader034.vdocument.in/reader034/viewer/2022051704/568c515d1a28ab4916b25721/html5/thumbnails/25.jpg)
014
zation
![Page 26: Portfolio-](https://reader034.vdocument.in/reader034/viewer/2022051704/568c515d1a28ab4916b25721/html5/thumbnails/26.jpg)
![Page 27: Portfolio-](https://reader034.vdocument.in/reader034/viewer/2022051704/568c515d1a28ab4916b25721/html5/thumbnails/27.jpg)
Traditional Media
![Page 28: Portfolio-](https://reader034.vdocument.in/reader034/viewer/2022051704/568c515d1a28ab4916b25721/html5/thumbnails/28.jpg)
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
![Page 29: Portfolio-](https://reader034.vdocument.in/reader034/viewer/2022051704/568c515d1a28ab4916b25721/html5/thumbnails/29.jpg)
![Page 30: Portfolio-](https://reader034.vdocument.in/reader034/viewer/2022051704/568c515d1a28ab4916b25721/html5/thumbnails/30.jpg)
kylavana.github.io