wireframe

Tathata Golf Website 2.0

January 11, 2018 By Mooney Leave a Comment

Goal:

Redesigning ain’t easy, but it sure is fun

Process:

I started creating compositions and wireframes around May. We started to hit on the look and feel of the site closer to August. It was clear at that time that some assistance was going to be needed. We contracted out to have someone begin the process of taking the 14 compositions I had and building the pages roughly. We were told it would be done in 4 weeks, including responsive, videos, and animations. 12 weeks later we still did not have responsive, the videos working 100% or all the videos. I stepped in right as the new site was coming online and 4-5 very long… long days we were able to meet the deadline and pull it off. Below are samples of the pages that were created.

Tathata Golf Docs

July 25, 2017 By Mooney Leave a Comment

Goal:

Create & Greatness

Process:

Having the title of Graphic Designer – Web Developer – UI/UX means … well you have to Graphic Design.
Below you will find samples of some of the content I had built for Tathata Golf. Everything from Investor Docs, Company overviews, Logos, Moodboards Style Guides.

Logo & Moodboard Designs

Moodboard was utilized early on when we started to concept the new website. I tried to utilize the look and feel being developed by Synapse Studios who designed the app. They were utilizing Invision and Sketch so I utilized this pre-production phase to start learning both of those. Logos created in Illustrator.

Company Overview Samples

I created several keynote/pdf documents for Company Overview, Investors, and such. Here are a sample of some of the pages I designed.

Style Guide Samples

Before I started they had a style sheet that was a pdf. The colors were off and not consistant per logo, I brought all the content into one document using Photoshop and InDesign and just updated that document with version control.

CMS Samples

Never got to finish this project. Couple of sample covers and page designs for the CMS booklet.

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

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.

wireframe

Goal:

Process:

Goal:

Process:

Logo & Moodboard Designs

Company Overview Samples

Style Guide Samples

CMS Samples

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:

Wireframes:

Composition:

Goal:

Process:

Completed Site Designs:

Footer

Social Media