Just recently, we launched a new blog for a local Century 21 Realtor, Carmen Stanton. The goal? Create a blog that captures Carmen’s personality and gives her a place to connect with her potential customers. She loves the outdoors and her dogs, and so the design for her blog speaks to that, aesthetically. See the blog now »
Mobile and future friendly
Of course, I just had to make the blog mobile-friendly, so no matter how you are viewing the blog: on your phone, tablet or desktop computer, the blog will look great. No matter what new mobile device comes out (and the various size dimensions of them), this blog is going to look good, because it is fully responsive and flexible. In this way, the website is future-friendly. To see this responsive and flexible layout in action, check out the short video below.
Recently, this website was redesigned and let me tell ya – it was a fun experience. I spent about 6 months slowly redesigning this website (off and on). The old website was designed in early 2009 and it was definitely showing it’s age. This is only the first redesign of our website — probably because we are so busy creating cool work for lots of clients (and balancing full-time jobs).
Check out the video above to see how the site looks on various mobile devices. The video also covers a quick rundown of our goals for the new website. The goals center around responsive design and mobile first principles. Wonder what those are? They are the future of web design and something everyone who has a website should be thinking about. More about that here.
Check out CreativeImprov.com when you get a chance (simply click the ‘home’ button at the top of this blog).
For the last 3 years, I have designed the poster for the Mineral Area College, Carol Moore Memorial Jazz Festival. It has been a joy to do this sort of project being a jazz saxophonist and also loving jazz. It combines two things I love: jazz music and design.
The process
The design process for this poster began with breaking out the watercolor paint and drawing out legendary saxophonist, Phil Woods’ name and seeing what I could come up with. The big idea is that the poster needs to reflect the core of jazz music — jazz improvisation. Improvisation is an act of composing music in the moment and not always knowing what you will come up with. The beauty of improvisation is in the tension between structure and spontaneity. I wanted to reflect that tension with the poster by employing both hand drawn elements and computer generated elements.
If you live near Park Hills, MO – check out the concert on March 2nd!
I thought I would share some of my thoughts on the web design trends I’m seeing for the coming year. They focus purely on optimizing websites for mobile viewing. This is because it’s a huge shift that is already happening and is going to continue to happen even more in 2013.
Mobile first
An estimated 1.2 billion smart devices will be purchased in 2013 (source). This is huge, and because of this, we need to start thinking about mobile devices first and desktop second.
The goal is to create a website that first and foremost looks great on a mobile device. Notice I said ‘mobile device’, not iPhone or Galaxy SIII. Why? Because new and different mobile devices are hitting the market so rapidly that web designers need to focus most on creating websites that will look great on any mobile device regardless of the size rather than focusing on just the most popular device.
When we think about our next website project in terms of mobile first, it brings a lot of focus to our design. Mobile first will make us better designers as it stretches us to make the website communicate effectively on a small touch-based screen where the audience’ attention span is even shorter. Many times it will be even more likely that your audience is multi-tasking and only has a few seconds to look at your website. Prioritizing your design/content has never been more important. No longer can you get away with those extraneous bits of design or content that are niceties but not necessities.
In the last year, the number of Internet page views on mobile devices has doubled (source). This points to a shift from desktops to mobile devices that has been happening the last few years and it is going to continue ever-so feverishly in 2013. Web designers need to adapt (pun intended) to this and think… mobile first.
No longer can you get away with those extraneous bits of design or content that are niceties but not necessities.
Responsive design
While thinking, ‘mobile first’ focused on the overall concept of designing for mobile first and foremost, responsive design is more focused on how your website looks anywhere from a super-wide desktop screen to the smallest phone screen. The act of a website changing layout as you change devices or screen widths is responsive design. Simply put, responsive design is when a website ‘responds’ to the width of the screen and device to give the audience an optimal viewing experience.
The phrase ‘responsive design’ was first coined by Ethan Marcotte in a 2010 article. This article is the antithesis of the current trend that focused on creating separate websites for different devices. Responsive design means that your website layout is percentage based in order flex with the various device and screen widths out there.
2012 saw a big explosion in responsive design. Top websites like Time, USA Today, Microsoft and Mashable all went responsive. With these top sites going responsive, 2013 will surely see many more small and large sites following suit.
How can your website layout flex from a wide desktop to a smartphone? The answer is: simpler design, fewer graphics, less ‘pixel-perfection’, and more CSS3 replacements.
Simpler web design (but not simplistic)
As the number of websites going responsive rises, the design and layout of these sites will become significantly simpler than ever before (I said simpler, not more simplistic). Of course, this means that web designers need to adapt to these changes and think responsively: How can your website layout flex from a wide desktop to a smartphone? The answer is: simpler design, fewer graphics, less ‘pixel-perfection’, and more CSS3 replacements. This shift will reward great designers, because making a website simpler means it also needs to be effective. There’s a difference between simple and simplistic. A simple design is the result of many problems being solved and everything working just right. It’s just effortless. A simplistic design is the result of unresolved design problems and fear of the project at hand.
Tell us a bit about yourself. Where are you from? What do you do for a living?
I am the senior writer/editor in the Communication & Marketing department at A.T. Still University in Kirksville, Mo. (I’m a Kirksvillian born and raised). Outside of writing and editing magazines, I’m a married mother of one brilliant little boy and have a daughter on the way.
Do you have any formal training?
I received my BS in marketing/management from Park University.
Describe your workspace.
I have to have things organized. Everything has a place. I prefer well-lit, bright spaces – it helps me when proofreading and helps me stay awake! I also have several photos of my family in my office.
Describe your creative process. What steps do you normally follow?
I’m always thinking about my audience – what are they going to think is cool? What do they want to read? Then I look for those things in everyday life. Once I have an idea, I brainstorm a shell for a story, and then I research information to fill in the missing links. I don’t usually go through many drafts. I’ve found that I write best when I correct sentence construction, punctuation, and grammar as I go instead of waiting until a revision.
Less is more. Explore new ways to write
in different formats.
What motivates you?
The final product. There’s nothing more exciting than seeing your words printed on the glossy pages of a magazine!
What is your advice to others just starting in your field?
Less is more. Explore new ways to write in different formats. Keep the end product in mind, visualizing how the article will look when it’s laid out.
What do you do to market yourself and/or your business?
I recently launched a portfolio website to market my freelance work. Other than that, I count on word-of-mouth from friends and family.
Who are your heroes in your field?
I read a ton of magazines for inspiration on content and design. Right now some of my favorites are Discoveries by Cedars-Sinai and Real Simple. The writing is so conversational and interesting, and the design is so clean it blows me away!
What do you do in your spare time?
When I’m not playing with my son I’m probably cleaning house (boring, I know). I love going out to eat, visiting friends, and drinking coffee.
This piece on military medicine is reader-friendly because it’s scannable.
As editor of an alumni magazine, I’m always looking for new ways to engage my audience. The website allows us to feature exclusive online content not available in the print edition.
A social object, to me, is something that communicates an idea quickly. Whether it’s a short sentence, a photo, a video or anything else you can think of. The point of a social object is that the idea is so awesome that people want to share it.
2. Make ‘em feel like VIPs.
Think about making things exclusive to only your Facebook fans. Examples include posting videos or photos only for your Facebook fans. Also, during live events, post what’s happening as it happens (this could be mobile photos, quotes from speakers, or an up-to-the-minute record of what’s happening.) This rich content will become ‘social objects’ and make it more likely that your fans will share it with their friends.
3. Create a dialogue.
Do this by sharing things that encourage conversation. Be as conversational, personal, and authentic as you can be. Ask questions. Encourage people to like, share or comment on the things you share…and that doesn’t mean you should write “like this post” at the end of every post. Instead, post things that people want to like, share or comment on.
4. Continue conversation.
How? By responding to comments from fans, thanking them, asking questions, continuing conversation
5. Create a local conversation.
Write content for certain locations or languages. While posting content from the fan page, look for the gray ‘Public’ button and drop down to find ‘Location/Language’. This allows you share content with a targeted group of people from a specific city, state, language, etc.
6. Create a tribe.
Create a tribe of people who believe in what you do and why you do it. Do this by sharing your passion every day, with consistency and creativity.
7. Be patient (and never give up).
It’s okay to only have 50 people who ‘like’ your fan page. It’s better to have 50 people who are richly engaged and love your product, service or organization than 1,000 people who could care less what it’s all about.
This printed mailer was recently sent out to residents of Knox County (up here in Northeast Missouri). It measures 8.5 x 11 inches and was mailed flat. Talk about massive impact! I hope the size, message and layout are the perfect combination to get people to the grand opening on April 14!
The branding was followed through in this mailer by using the colors from the logo, the same typeface and complementary visual elements (rounded corners, clean icons and small triangle pointers). I mentioned this before – but working with Knox Community Center has been a great experience in creating a cohesive set of visual material – everything from color choice, logo, website, and (very soon) letterhead, envelope and business cards.
Making the simple complicated is commonplace; making the complicated simple, awesomely simple, that’s creativity.
One of the most important reasons to hire a professional designer is for that expertise in communicating visually and cohesively. The goal in your next project should be to communicate your message as simply as possible.
One of my favorite quotes on design was actually said by a jazz bassist – Charles Mingus. He says, “Making the simple complicated is commonplace; making the complicated simple, awesomely simple, that’s creativity.” That quote is printed on the back of our business cards and we keep that idea front and center in all of our projects.
Fee free to contact us if you have a project in mind where we can help you make the complicated simple.
The website is built using WordPress and HTML5 and CSS3. The CSS3 effects include navigation arrows that slide in on hover and the footer Facebook button fades in on hover. Other CSS3 effects include the orange buttons with border-radius and gradients applied.
It seems that Google Local Business Listing has fallen under the radar, at least in my sphere of influence. So I wanted to share some advice to anyone who runs a small business or provides a marketable service.
What is it?Google Local Business Listing is a way to get your business on Google Maps and subsequently Google search results…for free.
Why is this important? When someone searches for your product or service along with your city, your business will show up, top ‘o the list.
Localized. As I mentioned above, you get free local advertising on Google. When folks search a keyword plus your city, local businesses are displayed above the regular search results.
Build Street Cred. Whether you sell cheeseburgers or wedding dresses, Google Local Business Listings is one big way to build your street cred. How? Customers can write reviews of your product or service for others to see. Don’t be shy about asking customers to write a review for you on Google. We’re not. This is also an incentive to provide top notch service and products to your customers, because you may receive bad reviews too!
How much does it cost? Nothing is free these days… but this sure is and…
It works! At least for us. We’ve got two clients so far by using Google Local Business Listings. Google has begun sending out periodic stats on how many hits you receive from your listing as well! Now, you might be asking….
How do I sign up? Go here and login with your Google account and simply fill a few things out!
Tell us a bit about yourself. Where are you from? What do you do for a living?
My family and I reside in Kirksville, MO where I work as a full-time graphic artist. In my freelance time, I contribute and license photos and illustrations through a stock agency. When I’m not working on a stock art project, I enjoy creating photo illustrations for contests, personal projects or clients.
Do you have any formal training?
I graduated from the University of Missouri – Columbia with a Bachelor of Fine Arts. I studied art and took several classes in printmaking and graphic design. My formal training provided a solid foundation of art fundamentals, however my work experience has allowed me to discover and learn so much more.
Describe your workspace.
The wall art for my home office includes a mix of my work, Aubrey Beardsley prints and Nighthawks by Edward Hopper, which hangs above my desk. In the painting, I picture myself as the guy at the counter, enjoying a coffee and the peace of the moment. My typical work tools include; Adobe Illustrator, Photoshop, my WACOM table and a coffee.
Describe your creative process. What steps do you normally follow?
All projects involve an idea phase, where I am thinking of a concept and direction for a project. After deciding on a concept, there is planning, sketches and then execution of the project.
I recently created a walkthrough of one of my photo illustrations that outlines the process I use for creating my work. You can read more here.
Work hard. Always have a project, this will develop your creative experience and sharpen your software skills.
What motivates you?
My motivation comes from a desire to create. I want to make something that I enjoy and make it better than I could make it before. I am a curious person with a lot of interests and experimenting with a variety of media and applications is refreshing.
What is your advice to others just starting in your field?
Work hard. Always have a project, this will develop your creative experience and sharpen your software skills.
What do you do to market yourself and/or your business?
I maintain a portfolio site and blog at JamieC.com. I post recent work and links to my various social media pages. I also maintain a Youtube channel where I post videos that show the process of my photo illustration work.
Who are your heroes in your field?
Bert Monroy has been a source of inspiration for many years. I’ve had the opportunity to meet Bert at Photoshop World and I’ve watched and read a lot of his training that is available. Bert’s love for work, attention to detail and passion for light is admired.
What do you do in your spare time?
I have a close family and we spend a lot of time together.
Can you share a few of your favorite pieces and give a bit of background for each?
“Pen & Path – Isolated Adventures” This is a photo illustration I created for a Photoshop design challenge. The challenge was to use a tool, menu item or anything from Photoshop and make a Blu-ray cover based on that theme. I chose to use the pen tool and paths, and then related the classic tortoise and hare characters to those items.
“Dark Matters” I photographed a series of stock photos of an assassin model and I wanted to feature one of the images from the series in a photo illustration. The result depicts a woman facing off against a werewolf around his lair.
“The Dibbuk Box” This is a book cover I designed for a client. The book is based on my client’s experience owning a haunted Jewish wine cabinet. I photographed the dibbuk box and few of the elements, the remaining images are stock photography.
Recently, this website was redesigned and let me tell ya – it was a fun experience. I spent about 6 months slowly redesigning this website (off and on). The old website was designed in early 2009 and it was definitely showing it’s age. This is only the first redesign of our website — probably because we are so busy creating cool work for lots of clients (and balancing full-time jobs).
An estimated 1.2 billion smart devices will be purchased in 2013 (
While thinking, ‘mobile first’ focused on the overall concept of designing for mobile first and foremost, responsive design is more focused on how your website looks anywhere from a super-wide desktop screen to the smallest phone screen. The act of a website changing layout as you change devices or screen widths is responsive design. Simply put, responsive design is when a website ‘responds’ to the width of the screen and device to give the audience an optimal viewing experience.
As the number of websites going responsive rises, the design and layout of these sites will become significantly simpler than ever before (I said simpler, not more simplistic). Of course, this means that web designers need to adapt to these changes and think responsively: How can your website layout flex from a wide desktop to a smartphone? The answer is: simpler design, fewer graphics, less ‘pixel-perfection’, and more CSS3 replacements. This shift will reward great designers, because making a website simpler means it also needs to be effective. There’s a difference between simple and simplistic. A simple design is the result of many problems being solved and everything working just right. It’s just effortless. A simplistic design is the result of unresolved design problems and fear of the project at hand.
