Design | Cardeo

The UX Design Process

I recently had the opportunity to attend a UX workshop that was part of Vancouver Design Week. The workshop speaker was Steve Fisher and he outlined an excellent UX design process. In this post, I’ll outline the process, combined with a few points from my own system for designing a website. Continue Reading »

Adobe CS5 Released

Adobe has released version five of their suite of apps, CS5. Personally, I feel like I just upgraded to CS4, so I’m probably going to hold off upgrading to CS5 for a little while. Hell, I haven’t even figured out all the new features in CS4 yet! What do you think? Is this release to soon? A bit of a money grab on Adobe’s part?
Continue Reading »

Lessons From Swiss Style Graphic Design

the web design process: parts 3 & 4

I thought it would be better to get this series done by friday, so I’ve decided to roll parts 3+4 into one post. We’re going to cover the last 5 parts of my web design process today. Check out the overview of all the steps below:

Make sure you check out part 1 in the web design process series.

Make sure you check out part 2 in the web design process series.

Overview

» Defining the end goal
» Navigation planning and sitemap
» Hand-drawn rough layout
» Photoshop comps
» Review comps to ensure the end goal has been met
» Coded comps (alpha)
» Dynamic content integration
» Browser testing
» Launch checklist
» Soft launch (beta)
» Launch and promotion
Continue Reading »

The web design process: part 2

Time for part 2 of 4 in the web design process series. Today I’m going to cover Photoshop comps, reviewing your goals, and coded comps. Check out the overview below to see all the main steps in the design process.

Make sure you check out part 1 in the web design process series.

Overview

The web design process: part 1

Everyone always preaches that the “process” is so important, but they never actually go into details on what the process is! Don’t get me wrong, I think having a process is critical to designing an effective website. The goal of this post is to outline a step by step guide for designing a website – from initial concept to launch.

Overview

I’m going to start by listing all the parts of my design process. Let me state here that there are many design processes, this just happens to be the one that I’ve found works best for me.

Setting Type on the Web to a Baseline Grid

There’s a great article over at alistapart.com concerning Setting Type on the Web to a Baseline Grid. This is a problem that has always driven me mad in web design. My print background wants everything to look the same! They outline a simple technique that will help your type and layout overall.

Everything You Ever Wanted To Know About Grids At TheGridSystem.org

thegridsystem.org

http://www.thegridsystem.org

Isn’t it great when you find a new website that just blows your mind? thegridsystem.org is one of those websites and it is also one my new favorites.
Continue Reading »

5 Web Design Books Every Graphic Designer Should Read

This is part two of a two part series on design books. The goal is to help bridge the gap between web and graphic designers. Part one of this series was 5 Graphic Design Books Every Web Designer Should Read. For part two, it’s time to pick on the graphic designers and recommend a few excellent web design books.
Continue Reading »

Creating Groups From Multiple Layers In Photoshop

When you are working on a large project in Photoshop, using layer groups is a must. Here is a quick-tip on how to quickly create a layer group from multiple layers.
Continue Reading »

CSS3 Handbook iPhone App

10 tutorials to get you started with CSS3. Topics covered include: round corners, opacity, shadow, shapes, backgrounds, custom border, custom font, text effects, and fading. There is also a comprehensive list of CSS3 properties and which browsers support them.

Available for iPhone, iPad, and iPod Touch for only $2.99. Learn More

BUY NOW

Get a Quote

Cardeo is proud to offer custom WordPress theme design & coding. As well as, regular website design services. Click the button below if you'd like a quote.

Get a Quote