Tag Archives: design

The Problem With Building Your Own Website

First off,  I would like to say that I think it is a great idea to learn how to code. It will benefit you in a lot of ways and help you become a better problem solver. However, your first website probably shouldn’t be a website for your company. The website for your company should have one sole purpose: make you money.

The problem with first time web developers/designers is that they learn a lot of cool little tricks and they try to use all of them on their website. They learn how to make a button flash, add a cool gradient, and make rotating slides that look amazing – at least in their eyes.

Everyone starting out does these type of things. I remember when I first learned a few tricks. I thought they were the coolest things ever. The problem was that none of those little tricks help any website make more money.

An experienced design team approaches a new design with conversions in mind. An experienced designer has all the same tricks but knows when and why to use them. Everything added to your website needs to be added to improve the customer experience, not have the customer leave and say “wow, that website was cool.”

So go ahead and learn how to code, but try it out on your personal blog, not your company image.

Q&A with a UI/UX Designer

For this weeks blog I decided to interview a friend of mine and professional graphic/web designer. 

 Ryan Canfield is UI/UX designer & front end developer at Synapse Studios specializing in web-based javascript applications.


What do you think is one the most important thing as a web designer?   Thinking past static design & layout to consider the web at all screen sizes.

What about the creative process?   We use a repeatable, successful pattern. It starts with sketching, wire framing, mock ups, rapid prototyping and then development .

 How important is the creative process to you?   Very! Synapse didn’t have designers a few years back, it was developers doing front end. Having designers makes a huge difference in the usability of web applications.  Being classically trained as a graphic designer helps me daily in web design. I use the principles of design, like color theory, rhythm, balance etc. these fundamentals are paramount!

What is your outlook on simplicity?   Simplicity depends on necessity. That is one thing designers forget with the web design and graphic design in general. They feel like they need to fill all the space like it is some “hole to fill” esp. junior designers. Question the necessity of everything you include in the design and then question whether is it presented in the best way possible.

What about the the placement of things like “call to actions?”   You want to make sure your main call to action is available and accessible almost anywhere.  If you’re delivering information you want it at the end of that information. It should be the most prominent path for a user to take.

What do you think about traditional web placement i.e. headers etc. and switching the placement of them up, in non traditional ways?   It really depends on the users of the site or app. Sites that have the same user base are better candidates than sites that have mostly unique visitors. Additionally, younger, more techie users are going to figure out the placement of things and are less likely to get frustrated. With users that struggle you probably want a more conservative layout. You have to determine purpose of the site and the target audience. A marketing site is going to be selling products/services, reference website will be delivering information etc.

Any input for junior web designer?   Mobile first approach, responsive design and write clean code!   

 

world wide web banner

A web sites web banner is by far one of the most important area of a site. It is what people see first,  this is where the viewer makes initial visual contact and gets an overall feel and vibe of the site, and ultimately decides if they want to continue on or not. I can not tell you how many web sites I have left due to the  fact they had a weak header. Even though it is the content that matters in todays world people judge books by there covers, and the web banner is the cover. I like this piece of information I found online, it is from a graphic designer and multiple business owner named Dawn Papandrea-Khan. She states, “usually when we visit a website or blog, we can get a feel for what the site represents in only a few seconds. This is the reason why it is even more important to focus on making the right first impression through a custom header graphic.”

As a designer, there are a few key aspects and bits of information I think the header should contain. The company, the product etc. Which brings me to my next point I found in an online blog talking about this exact topic. This is from boostability.com the importance of a header. 

1. Who are you? (You would be amazed how many websites make their visitors dig around to find out the name of the company!)

2. What do you do? (Again, the number of visitors who are forced to assume your site sells a product rather than just talks about it is ridiculous. Be clear!)

3. Why should I buy from you, not the other guy?

The web is littered with garbage, visual noise and a bunch of sites that house web banners that all look the same. It is up to me as the designer to produce clean, visually interesting web banners that represents the sites overall demeanor and entice people to stay on the site and explore further. It is also up to me to find new and exciting ways to display the content  so we can separate ourselves from the crowd.   Also, I feel like in design I have to take risks. I have to try new and “edgy” things and think outside the normal design box that I often get tunnel visioned in. I would also like to explore maybe trying a banner with out the traditional rectangle box, maybe another shape  or placement? That is something definitely for the sketchbook and some thought.

Sketchy Situations


To me, one of the most important parts of the creative process is sketching. Usually coming right after the initial brainstorming, it is essential for to me to start getting ideas out of my head and onto the paper. This part of the creative process is critical, and is often overlooked or not even used at all. For me, to really explore layout possibilities and new areas it begins with sketching.

Sketching can vary from project to project. For a logo design I might start 45 minutes of straight sketching, with out erasing not making it look pretty just getting ideas out of my head asketching web banner layoutnd onto paper. From there I would pick maybe 3-5 of those and focus on those, then narrow those down making visual decisions, repeating this process.

 It helps me to understand and study the space before I go into the computer. It helps to find new positions, things that are static and centered are predictable and often visually uninteresting, (there are times when static positioning is effective, situation dictates.) Basically when I sketch, I am not going into the design “blindfolded” or rolling with the punches that technology throws at me. I need a foundation, and that is sketching, you can’t build a house with out a foundation!