Tag Archives: template

/// How to make a mood board

 

Mood boards are so crucial to everything I do that’s visual. Starting a logo project? MOOD BOARD! Re-decorating my living room? MOOD BOARD! Planning my wedding visuals? MOOD BOARD!

Mood boards help align the aesthetic, color palette, and tone of a project. They get me on the same page with my clients. They can also help get the ideas out of my brain (or off of Pinterest, if I’m wedding planning) and into a clearly organized visual hierarchy.

 

Moodboard Mood Board Templates-05

Mood boards force you to select the crucial images that best represent the style of whatever you’re getting ready to create. I go a step further and make sure to pick images that include the following:

  • texture
  • design elements / inspiration
  • lifestyle images
  • color palette swatches

Below is a breakdown of how I organize a sample mood board which each of these elements.

Moodboard Mood Board Templates-06

In addition to the elements listed above, you can see that I also have a space for a “feature image” right in the middle. This should be the core mood / style / feeling of the project. It should be whatever resonates with you the most.

I also have a space for whatever else makes sense for the brand or project. I called this “Etc.” This can be any image or detail that you find is inspirational but may not fit the other elements.

A good mood board should help keep you visually focused as you move into the next phases of the project.

If you’d like some inspiration, try this, this or this!

If you’d like to try your hand at creating your own mood board, I’ve got three free mood board templates you can download here! These are in PDF format, which means you can open them in most design programs.

/// Web Designer vs. Web Developer: Which Should You Choose?

 

One of the questions I get asked most often is “What is the difference between a web designer and a web developer?”. There are some very clear-cut differences, which I’ll get into below, but truthfully, they can often overlap. I think this is why it can be confusing. But what are the main differences and which should you choose? Read on…

Web Designer vs Web developer-02


WEB DESIGNER

Web designers create and direct all visual aspects of a website including graphics, photos, layout, fonts, color palettes, and interactivity, which can include color changes, mouse rollovers, moving images, etc.

This person usually has the following responsibilities:

  • Researching and designing concepts that are easy to use (user-friendly), beautiful, and engage the audience
  • Designing page layouts and interactions (i.e.: button turns pink when you click it)
  • Working closely with web developers during the process of building the website online 
  • Having an understanding of different audiences and interests with the ability to translate that into an interactive web space
  • Working collaboratively with content creators and copywriters to visually represent their work
  • Bringing a brand to life dynamically through layout, font selection, color palette and interactivity 
  • Overseeing a project’s entire creative process

When looking to hire a web designer, make sure they also have the following skills:

  • Knowledge and interest in current trends in design, both digital and print
  • Ability to to understand the client’s perspectives or problems and come up with ideas that are clear and TKTK
  • Significant comprehension of how HTML, CSS, browsers, and devices all work together 
  • Ability to simplify solutions to problems and solve them through design 
  • A style that jives with your own
  • A strong portfolio of projects that are similar to yours

WEB DEVELOPER

(There are two main types of web developers, front-end or back-end. PRO TIP: If you’re looking to build a website, that’s front-end.)

A web developer is someone who uses HTML, CSS and JavaScript to create a website that a user interacts with directly through their web browser. Basically, they build the ‘front-end’ of the website (vs. the ‘back-end’ of a website which is like what you interact with when you login to a website, like WordPress).

This person usually has the following responsibilities:

  • Translating wireframes or design mock-ups to actual code that will produce visual elements
  • Bridging the gap between graphic design and technical implementation
  • Develop web pages for commercial and content management systems, or CMS platform (like WordPress)
  • Understanding of web development user experience best practices (i.e.: the logo should be at the top of every web page)
  • Having experience with and a deep understanding of web technologies including JavaScript/jQuery, CSS, PHP and HTML5 
  • Developing and implementing responsive websites (i.e.: does it look flawless on your tablet or phone AND your desktop computer?)

When looking to hire a web developer, make sure they also have the following skills:

  • Excellent problem solving skills (PRO TIP: Any good web dev. will tell you the job is about 98% problem solving!)
  • Experience working directly with graphic designers and website design mock-ups
  • If not hiring with a designer, developer should have excellent design and layout skills 

So now you know the difference but your still not sure which you should hire to build your website? This doesn’t necessarily have a clear cut answer because it depends on you and what you’re looking for. The truth is, you usually need both, but you should start the process by talking to a web designer. They often have web developers that they work with directly, and make the process that much easier for you. This way, you get a beautifully designed website that’s user friendly AND meets all the web standards. You could also hire just a web designer if you need help with customizing a theme for WordPress or SquareSpace.

Personally, I use a great group of web developers to help me build my custom WordPress sites, like my podcast site. Otherwise, I typically know enough HTML and CSS to customize a pre-programmed website or theme, like my website. It simply depends on the project.

Hopefully this (long) list of differences will help you choose who’s right for your web project. And if you’re still confused or have more questions, just holla at me! I’m always happy to chat. :)