Jon The Designer

X
css

Style it Up

Designing for the front end of a website is one of my favorite things, and greatest focuses. There’s something about creating a beautiful usable interface that gives me a sense of satisfaction. It’s awesome.

trends

New Trends

Like fashion, the internet is always changing, and so is the technology being used. With HTML5 and CSS3, mobile devices, and an array of different browsers, I strive to stay on top of what’s new and where the market is going.

html

Web Markup

Less is more – this old adage also applies to the web. Clean code is good code, it helps load times, accessibility, and the end developer. With the emergence of Html5 and CSS3 and the continuing support by modern web browsers, code is becoming cleaner.

balance

Balance

Balance is a critical part of web sites. The portion of design and flashy widgets to the portion of usability, load times, and standards is a fine line that needs to be studied with each and every project.

growth

Good Growth

With the world wide web always changing, it would seem silly to hunker down and refuse to learn new things. In this industry, you can’t be afraid of late nights, cold pizza, and caffeine highs, if it means you will have the edge.

plans

Plan it out

“Plan your work and work your plan.” My grandpa was known for saying that, and I love it. There are many popular workflows which all have their places. Without a plan, a website is destined to be in limbo for much longer than it needs to be.

Best Enterprises

Design, Development, Marketing

September 2009 - May 2011

Best is a telecom distributor that wanted to break into the web industry. I developed websites, created print and digital marketing pieces, and fulfilled most other “techy” things.

Ratchet / RBA

Development, Marketing, Design

June 2011 - July 2012

My role at Ratchet was a front end developer working within a larger team environment to meet deadlines, client goals, and internal incentives.

Jon

About Me

I’m Jon Best, a web designer and developer from Minnesota. I have a passion for creating unique experiences online. My goal is to continually simplify the creative process keeping it pure, and eliminating the muddled mess of extra steps and redo’s. I say let’s get it done right, the first time. I bring the unique ability to be a creative thinker and designer, while being a structured developer and logical thinker.  Everyday I want to be able to say I learned one more thing, no matter how small. The Web is the future, and it’s where I live.

Web

rba-front
lawyer-front
maf-front
leo-thumb

Graphic

pandora-thumb
btr-thumb
rwkmag-thumb
vday-thumb

Challenge = Inspiration

I feel like it’s been too long since I’ve written here, but maybe that proves that I am being productive? Either way, I’ve been busy pumping away on a new site that is nearing completion and I’m really excited about. It’s a golf tournament that travels the country and gives proceeds to the Arnold Palmer Hospital for Children (pretty awesome). They play on some of the most beautiful courses in the nation and offer a great competition for those up to the challenge.

This was a unique project for me in that the turn around for it was very fast. This meant that I had to go with my instincts on what the client wanted and what the purpose of the site was to be. With a tight timeline and a long list of things to accomplish, I didn’t get the opportunity to second guess or think twice, I had to keep pushing forward to meet my deadline, and rely on what I knew. The deadline and large overlay of goals I needed to achieve actually inspired me to work harder and make continuous progress on the website. It also triggered my problem solving skills, forcing me to come up with ideas quickly and implement them.

The main purpose was to promote the excellence this Tournament conveys, and encourage people to register and compete. The site will also act as a hub where people can go back to check results from past tournaments to see winners and photo galleries outlining the highlights of each tournament.

The Lawyer Charity Challenge was a great challenge for me; it tested my understanding of what the client wanted and going with my gut. There are some things you can quantify and measure, and some things you can’t. Instinct and feeling will always have a slight edge over measurements and equations.

We are still doing minor tweaks on the site, but it’s past the 90th percentile in it’s completion, click the preview below to check it out:

Chunk Typography

I wanted to upload this as a post, mostly because I don’t have any motion graphics examples on the site currently. It was a project I did while in college at the Art Institutes. It was good fun; hopefully I’ll end up finding some time to finish it up with part 2, I’ve got some wild ideas….

If you can see this, then you might need a Flash Player upgrade or you need to install Flash Player if it's missing. Get Flash Player from Adobe.

Site Inspiration

This site has been a work in progress for quite a bit now. With a number of layout changes, color schemes, tweaks and adjustments, it has been a tough but rewarding experience. One of the greatest challenges I found while creating the site is the minimalistic theme and process. It’s not the way I’ve normally create or have designed in the past, yet after looking at many different portfolio sites and examples, the ones I seemed to keep coming back to were simple and elegant, putting an emphasis on the work and content of the site. I quickly became enamored with this idea and wanted to master it. What I’ve learned is with a minimal design, every layout and color choice becomes important, even more so than with a more complex layout. Every item, and color must have a meaning, and an impact. The smallest tweaks and adjustments can change the entire feel of the site, the experience, and it’s likability.

I drew inspiration from two differnt types of designs, those of geometric, shape based designs, and those that werew a bit more graphic, with a painted look, depth of layers, and a organic feel.

The overall feel I wanted to convey was an airy, open, endless design, making you feel comfortable and curious. In the beginning of what I would choose as my final layout, I wanted to find a balance between white, greys, blues, and reds. Nothing patriotic, but more an elegance, with rich reds and subdued blues. Upon  feedback I found that many people found the blue headers “Web and “Graphic” in conflict with the site logo. It was also pointed out that the elegant typface for these headers was too different from the bold slate look in the logo. Back to the drawing board. I first messed around with the idea of red for the headers, I used about 10 different colors but it just seemed like too much red on the page, it took too much attention away from the featured thumbnails. I then began trying different greys, and found one that seemed to fit nicely. Next was fonts for these headers. Originally I had used Fertigo, which I really like. However it didn’t fit the bold, boxish look that was going on. I first opted for a much simpler font, Calluna. I kind of liked it, and didn’t. In the end I felt it didn’t command enough attention, it became lost in the sans serif sea. I then went for Adelle, after considering the slab serif type that was used in the logo. I instantly loved it.

Here’s a picture mid process one day with my cell phone, it’s not the greatest quality but I had to capture the moment.

 

Beautiful Motion Graphics

What can I say, I’m a junkie for motion graphics. I love the opportunity to do post editing work when it comes up, though it’s been few and far between, it’s always rewarding. Here are some cool inspirations I’ve found that I really like.

Stay Inspired.