These are holiday cards that I conceptualized, story-boarded and animated using Adobe After Effects.
Assurety Print Collateral
A software business consulting company needed print collateral to help explain their services and offerings to clients. They requested a pocket folder, 5 inserts describing each of their main services and 2 illustrative process infographic inserts. They inserts had to be editable in Microsoft Word so client can make copy updates.
This was a collaborative project where my role as a Graphic Designer / Production Artist was to implement typography, layout and production of the pocket folder/inserts, retouching, creating timeline graphics and other supporting elements, make minor updates to infographics, developing the template on Microsoft Word and cross-check between PC and Mac to ensure functionality of the template.
Truck Parts Catalog
Rush Truck Centers is the nation’s largest provided of premium products and services for the commercial vehicle market. They needed a catalog to showcase the breadth of their products in stock at over 108 Rush Truck Centers dealerships across the country. This was a collaborative project where my role as Graphic Designer was to do the following:
- Create design systems for logos, charts, images, footnotes and widgets, and procedures to organize layout components for various content needs that a team of contractors could follow and seamlessly piece together towards the end of the job.
- Create the layout, design and overall structure for the internal pages (including headers, folios, footer elements and table design).
- Train several independent contractors on how to use design programs like Adobe Indesign and Photoshop to effectively get consistent results with the charts as well as retouching the images.
This catalog won agency of the year in the BMA Lantern Awards.
Check out the flip viewer below to a preview of the first 48 pages. The entire catalog is about 132 pages with 16 chapters.
Cordant Wealth Website Redesign
Cordant Wealth is an investment company that at the time, wanted a website redesign that was minimal and clean that showcased their transparency to build trust for their clientele. This was a collaborative project where my role as UI Web Designer was to create design elements such as the icons for the banners, web design wireframes, mockups and oversee the development team for quality assurance and perfect the mobile experience with CSS.
Homepage Walkthrough:
In this video, I show how the banner ui works which depicts how the company helps their clientele through each stage of their investment lifecycle. I designed the timeline button graphics and overall ui interface to work in all browser dimensions and devices. I also created the overall structure and style of the page beneath the banner. Following that same structure, my colleague helped execute the internal pages excluding the forms and Wealth Management Resources page.
Featured Page:
In the Wealth Management Resources page, I designed a simple and functional interface that solved client needs for the ability to sort resources for 4 different types of clients into 4 different categories such as blogs, videos, webinars and white papers.
Pref-Tech Website Redesign
Pref-Tech is a security solutions company that wanted a more modern design that highlighted there expertise, values and services. This was a collaborative project project where my role as UI Web Designer was to create web design wireframes, supporting design elements such as typography, lines and textures, product mockups, oversee the development team for quality assurance and perfect the mobile experience with CSS.
In this video, I walk through the homepage to get an idea of the UI interface and layout of the website. At the time our senior designer worked on the banners, while I worked on the overall layout and supporting design elements which is nearly everything else beneath the banners.
KMI Website Redesign
Kinematics Manufacturing (KMI) is leading supplier of highly-engineered, precision motion control solutions, servicing the solar, oil & gas, mining, construction and other industrial markets. They wanted a design that highlighted their expertise while showcasing their products. The interface needed to be easy to navigate so viewers can compare specifications across various categories of products across desktop and mobile devices.
In this collaborative project I worked in a cross functional team consisting of art director, senior designer, developers, copywriters and proofreaders. My role as UI Designer was to create a design system, wireframes, high-fidelity mockups and supporting design elements, oversee the development team for quality assurance and perfect the mobile experience with CSS.
Design System Created in Figma:
I created a scalable design system in Figma which consist of typographic guidelines and color schemes, and reusable components that allows each webpage to look consistent. I implemented an accent green color to their swatch palette to represent KMI’s progressiveness, being leading innovators in their industry.
High Fidelity Mockups
These are the top 3 main pages I created in Figma as high fidelity mockups. The web design and graphics I created were made to support the brand messaging that KMI are global leaders, innovators and visionaries.
