Mooney

Designing a site when…

April 22, 2016 By Mooney Leave a Comment

Designing a portfolio when you have little time

The before

Just like that. Before I realized it I was out of a job. I realized right then the weight of what that means. How do I pay my mortgage? How do I tell my wife? The zinger came when I finally realized, oh crap! I don’t even have a site up!

I had relied on the fact that I was happy. I was content at my job and was damn good at it. Never did I think I would need to update my portfolio and or build a site let alone so quickly. Being me I had to remember some big key steps…

1) The biggest key is to stay flexible and positive.

This was all I could muster between the job applying, interviewing and doing tests for various companies.

OOOOH AHHHH …. pretty lame right? The problem I ran into was … what do I show?

Animation? Bootstrap? Parallax? straight HTML? Pictures of my dogs? What I knew was that I am a good coder/designer. That I needed to keep that in mind. Don’t lose sight of who you are and what you can do. I decided on things I was good at. One was designing. The other was chicken enchiladas.

2) Design it on paper first!

I did about 1 – 2 hours of rough layouts and designs, really trying to plan out the look and feel of my website. What I wanted to show, how I wanted it to work, where it needed to be to compete for jobs out there.

I even went so far to create wireframes and a quick pdf guide to keep me on point

I knew I wanted to show responsiveness, every job I was applying for was really asking for and wondering how to showcase mobile-friendly websites to reach more customers.

3) The end or is it?

So where did I end up? I did find some freelance, and some contract work, keeping positive and letting people experience your energy was a big reason for these experiences. Also being grateful and humble helps appreciate what you have and whom you have.

But now I am back, back out in the world looking.At least this time I have a prettier page to assist in my search. Still not 100% complete but neither was the death star. #hanshotfirst.

and since I mentioned it before, pics of my dogs.

Thanks for reading!

– Kyle

PetSmart Ads & Icons

April 15, 2016 By Mooney Leave a Comment

Goal:

Build Emails & Transitional Emails

Process:

During my time with PetSmart, I was tasked to update, gain ground on new email templates and catch department up with lots of past due emails. Below are various emails I created. 3-month contract produced 48 various emails and caught department up on their deadlines. Other projects included Secret Life of Pets emails and designs, transactional, web icons, web banners and even helping with re-branding efforts.

CRM Emails:

Transactional Emails:

I was asked to build out batches of emails for transactions with PetSmarts online customers.

Website Icons:

The icons were designed for the new PetSmart website.

Fish Icons

Reptile Icons

Sales Icons

Small Pets Icons

Bird Icons

Gift Cards

Insight Resource App

April 5, 2016 By Mooney Leave a Comment

Goal:

Creating presentation platform via website

Process:

I started with quick sketches to layout the concept, sharing my sketches with the senior designer. The concept was then presented to the project managers.

Wireframes:

Once the sketches were approved, I constructed the wireframes and built them in InDesign. This showcased the overall look and feel of the template.

Composition:

After the wireframes were approved, the senior designer and I each created our own versions to present. My version was chosen for the final design.

Automatix

March 10, 2016 By Mooney Leave a Comment

Goal:

Create a website/app based presentation

Process:

I always like to start with sketches, wireframes, final composition and production, but I had to move quickly.

Due to the time constraints (5 days), I skipped wireframing and went straight to the composition. I made sure I was on brand with Jaguar and Land Rovers content, fonts, logos, colors, and photos.

Completed Site Designs:

Once my compositions were approved, I built them in HTML, CSS, JavaScript, and Lightbox.

Insight Rebrand Videos

February 13, 2016 By Mooney Leave a Comment

Goal:

Rebrand like you mean it

Process:

With 2016 came a new logo, values, and push to make Insight more modern and clean. We wanted to build momentum around the new brand without spoiling the new logo just yet. Below are two videos put together by marketing. The shapes I created with the help of Richie Martin, with the audio at the end.

Closer to Launch Video

The second Richie gathered all the clips and I helped edit them so the timing was closer to the jokes and punches to the music. I don’t recall if I created the Hi graphic or slides after or if that belongs to Chris Reddoch a talented graphic designer. So I will just give both credit since this definitely was a team effort. Not every day you create marketing for a fortune 500 company.

Insight Event Emails

January 27, 2016 By Mooney Leave a Comment

Goal:

Create emails for large scale events

Process:

We had a whole department of talented people who would coordinate, plan and run full events all over the world. They usually needed stuff from me. Like emails, landing pages, posters, fliers, sometimes business cards, or print materials. Even the occasional powerpoint. Mainly emails.

Insight Emails

November 14, 2015 By Mooney Leave a Comment

Goal:

Over 14k Emails and counting

Process:

Through my career with Insight, I built over 14,000 emails utilizing various templates, script styles, coding tricks and utilizing Marketo, Exact Target, and Outlook.

After the copy was provided, I would be allowed(within reason) to design banners, play with logo and or various font styles. I would try to match the campaign styles in the emails for consistency.

Insight Landing Pages

March 27, 2015 By Mooney Leave a Comment

Goal:

Landing Pages for Insight Enterprises

Process:

A lot of the landing pages started using Adobe Experience Manager. They start also with a client asking for a campaign to lead to a landing page, a whitepaper, an infographic is offered in exchange for contact information. That information eventually leads to a sales call.

I made sure to adhere to not only Insights brand guidelines but also the partners who were paying for the pages construction and advertising.

Insight PPC Ads

March 22, 2015 By Mooney Leave a Comment

Goal:

Pay Per Clicks, billboards & Props

Process:

Billboards take a while just for the large file size. Luckily a trick is create a smaller file at the same ratio, like 3:1 and save at a higher resolution, when you blow it up it will keep the clarity. Not much to the PPCs. You find out what the promotion is and create several artboards in Adobe. The great thing about that is you can add resize and make multiples than export them all at once. Streamlines the process and keeps the work flowing out instead of back in with additional ad requests.

Props

After the rebrand there were several events, sometimes they required printing and cutting out props on foam core to be used by staff and partners. Below a set of some I printed, made, and mounted.

Mooney

Designing a portfolio when you have little time

The before

1) The biggest key is to stay flexible and positive.

2) Design it on paper first!

3) The end or is it?

Goal:

Process:

CRM Emails:

Transactional Emails:

Website Icons:

Fish Icons

Reptile Icons

Sales Icons

Small Pets Icons

Bird Icons

Gift Cards

Goal:

Process:

Wireframes:

Composition:

Goal:

Process:

Completed Site Designs:

Goal:

Process:

Closer to Launch Video

Goal:

Process:

Goal:

Process:

Goal:

Process:

Goal:

Process:

Props

Footer

Social Media