The Portfolio Site of Craig Nevels

Trendline Interactive

Website Redesign + Animation

Overview

I managed a distributed team of developers and designers, I was the only team member with Wordpress experience so I took on this project along with my daily tasks and meetings with clients.

This was a rare project, I coded the site but did not do the design. I coded this in WordPress, I like to hand code as much as possible and not rely on plug-ins. Plug-ins can break, hand coding will always work. This website is ADA compliant and responsive to any screen size. I always keep ADA and responsive coding in mind for any website or landing page project.

I worked directly with the designers and we made changes together based on my suggestions of best practice and coding to modify the designs so they work better with code. The font sizes were different on almost every page and a few layouts were impossible to code, I worked with the design team to standardize the font sizes for good Search Engine Optimization and redesign a few layouts so they could be coded and display properly on mobile devices and tablets.

Render Check

Trendline needed a video to explain their email process to clients. Instead of a print sheet that no one will read I suggested a video which is a lot more engaging than a PDF.

I worked with the head of creative and the head of quality assurance to record their voices to animate. I insisted they create a script to read form so we would hit all the necessary points and editing their voices would be easier to save time.

I designed this in Illustrator, exported the graphics and animated in After Effects and exported it as a movie.