How to use this Page

Display Comments Add a Comment

Introduction by Lou Simeone

Designer Brian Miller took time out of his busy schedule to answer some questions for Illustration Pages. Brian is the owner of the Brian Miller Design Group, located in Norwalk Connecticut. The Brian Miller Design Group is a graphic design studio that focuses on brand-building for leading and emerging brands. Their services include Web design and development, brand identity, publication design, annual reports and Web advertising.

This interview will be of particular interest for those of you who are trying to make the transition from print design to web design. I've been there myself and that's why I wanted to interview Brian Miller on this topic. Brian has extensive knowledge on this subject and is the author and designer of the book, Above the Fold, an excellent resource for all designers. Above the Fold explores topics such as understanding web design, the anatomy of a website, sitemaps, search engine optimization (seo), web safe fonts and font replacement tools such as Cufon. If you don't know what any of these things are then you'll want to by his book. All of this and much more is covered in great detail. But for right now let's hit the ground running on the topic of Web design with Brian Miller

When did you make the jump from print design to web design and what prompted you to do so?

My very first job was my big jump. In 1995, I took a job as an in-house designer at First Brands corporation, makers of Glad Bags, STP Motor Oil and Scoop Away kitty litter. At one point, very early on in my stay there, someone came into the room of designers and said “Who here can design a Web site?” I raised my hand, but I had no idea how to design a Web site. A few months later the first ever Scoop Away kitty litter Web site was launched — catseyeview.com. To this day I still consider it one of my best sites. When the user arrived at the site they were asked their cat’s name. Upon entering it, the entire site was populated with the cat’s name. So instead of selling kitty litter to “your cat” we spoke directly to “fluffy,” for example. From a marketing standpoint it was revolutionary at the time.


Your formal training is as an artist and designer. Does web design satisfy you creatively?

Absolutely. I am of the mind that limitations breed creativity, and Web design comes with many limitations — although fewer each day. And although I am NOT a coder, I find the small bit of coding that I do just as rewarding and exciting as the design work that I do.

Display Comments Add a Comment

As if we need more social networks to follow, Lady Gaga (has just unveiled LittleMonsters.com her very own social site that’s all about her and her fans. If you haven’t received your invite yet, here’s a tour to fill you in on what... Read the rest of this post

Add a Comment

New illustrative website design and build for a water chlorination company in Shropshire: Water Clean Services Ltd.

Completely customised and original design. A content management website based on open source content management system Wo

Add a Comment

Hello all you lovely Monday Artday'ers! I just wanted to let you know I have a spanking new website, designed by yours truly. You are welcome to take a peek and let me know what you think. Also, if there's something that doesn't work, I'd be happy to hear it.

Oh, and I'm also hosting a giveaway on my blog. Although it has nothing to do with art... It's classic enamel signs (house names and house numbers). But you are welcome to participate anyway if you'd like! :)

Add a Comment

Here is another project that I completed over the summer. The client was going to open a brand new preschool in Portland, OR and wanted a logo and website. Since the preschool is located right by the Wildwood nature trail, she wanted the logo to reflect how close to nature the school is physically and in its curriculum.

This project was fun. Since the school wasn’t even open yet there were no photos to work off of so I got to illustrate everything. My goal was to keep the message of “close to nature” at the forefront while still emphasizing the fact that this is a place for young children.

I wanted to give the client a website that was easy for her to update so I built it using WordPress. That way she wouldn’t need to call me unless she needed a redesign or a change in the structure. She can change any of the text on the site and the news section is a blog so she can easily share information with parents. Go and check it out at www.wildwoodnatureschool.com!

Add a Comment

I love the web presentation of this portfolio site:

Add a Comment

Let me start by explaining how big of a geek I am.

I was one of the first of my friends to jump on that internet thing (will certainly fail), rely on e-mail as main source of communication (never last), and build myself a little thing called a web page (won’t be around for long). I’m what you call an “early adopter.” In twenty years I’ll be like Todd Rundgren or David Byrne, exploiting new technologies before my fans know they’re available.

Oh, and I’ll have fans.

I digress.

I learned HTML and a tiny bit of Java early on because I’m an impatient guy. I want a web page up NOW, not next Tuesday. So I searched Yahoo (pre-Google days) and taught myself how to code. It was fun, because I’m a geek and I do other insane things like make films one frame at a time. I even laughed at WYSIWIG editors because they were “the easy way out.”

Then I grew up.

Nowadays I love tech like Wordpress, Freshbooks, and AWeber. I’ve learned that “automated” and “template” are not curse words. I’ve now embraced the world of WYSIWIG (What You See Is What You Get, for the uninitiated). There was a tipping point when I decided that enough was enough, I wanted to spend more time being visually creative with my site and less time learning how to code things correctly. About the same time, my mother saw a copy of Freeway at the Apple store (I know, I know, my mother… shut up). She was itching to buy me something so I let her. I already had Dreamweaver with the Adobe Creative Suite, but I hadn’t even cracked it open. So I gave Freeway a whirl and created a new version of my web site.

Like any new app, I was at first befuddled by the menus, toolbars, key commands, windows, etc. Once I got into it and started seeing results, I was blown away. I’ve upgraded twice since then and I’m still loving it. However, I decided to combine my thoughts on Freeway itself and my review of Softpress’s latest version, Freeway 5 Pro (I’m using v 5.3.1 for this review).

Crack it Open

Installing Freeway on the Mac is pretty simple, as I would expect. By the way, I’m impressed by nice graphics on a software install because it usually means they don’t believe in afterthoughts on a product release. It reeks of careful planning and strategic branding, which I appreciate as a visually-oriented person. There’s also a very nicely formatted PDF help guide and I recommend doing the tutorials. I did it backwards (skipping them) but I probably would have learned more quickly that way.

Build Something

It’s pretty easy to get started building a site, even if you’ve never done it before. You can select templates for different themed sites if you prefer. I can see how it makes it easier to start, but the templates don’t appeal to me personally. If I wanted to get my 10-year old daughter building her web site, I would probably guide her towards a template. Savvy site builders will probably enjoy tinkering with a blank page to start.

I am the Master

If you’re familiar with master pages in PowerPoint or Keynote, then you already understand Freeway’s master page feature. The best use of Freeway is by choosing the CSS layout and using master pages. For example, I have a client who uses Freeway. I create his graphics (headers, icons, and such) and set up his pages for him based on a master. Then I just shoot him the necessary folders and Freeway source file so he can add his text, photos, or tweak things at will. If he gets stuck, I can guide him as long as he hasn’t messed with the master page.

Previewing and Uploading

Freeway has a nice preview feature. You can either preview your pages directly in the Freeway window (see also Improvements), or you can choose a browser and see it “live.” You can also upload the necessary files directly from within Freeway using the built-in FTP feature. Personally, I publish the site and upload my files using an FTP app, but I usually have other things I need to mess with on my site (client proofs, downloads, Wordpress stuff). I figure as long as I’ve got the hood open, I may as well clean the spark plugs.

Drag n Drop and Site Tweaks

Here we go. This is the number one, top-of-the-charts-with-a-bullet reason I love Freeway. Like I said, I’ve become more of a visual designer in recent years. One thing I like to do is create my site layouts in Adobe Illustrator. I can try things out visually and then figure out how to engineer them later.

When I found out that I could take the header I created in Illustrator and just drag the file right into Freeway, I was blown away. Seriously, astounded. This means that later, when my ever-changing creative mind goes wacky and I want to put a robot image in there instead of a pixie, all I have to do is tweak my Illustrator file and it automatically updates in Freeway. Then I just republish my site and it’s done.

As an artist with a gallery, I often go back in and update images on my site. This tool is just awesome for me.

I was also able to drag both the Quicktime movie of my demo reel and some Flash movies onto my animation page. A few control and quality settings and Bob’s yer uncle.

As an example of how quickly I can change something on my site, I recently decided to add a members club. In about four hours, I created a plan, set up the new pages, found some Actions (more on this later), inserted images, and had everything uploaded to my site.

In my world, I need to act quickly on these kinds of ideas and get back to illustrating and animating stuff. If I had to hand-code these updates, I would never do it. However, I should mention that because I have some hand-coding skills, I can look at the source file and at least understand where a trouble spot might be.

Meta and SEO

The buzz these days is SEO. It used to be that you would throw some keywords, a description, and a summary using META tags and you’d call it done. That’s still something you want to do and Freeway gives you an easy way to do it. However, that’s not the end. For a site to be truly searchable, you have to get key words and phrases integrated as part of your content.

As a visual designer, this is my main frustration. Without standards between browsers, my HTML text is going to look different on a Windows machine using IE than it will on a Mac using Safari, or an Ubuntu machine using Firefox. Using graphical text (users can’t select it in their browser), you have a lot more control over how your text will look across platforms. The rub is that search engines won’t find you with all graphical text, and HTML text is a crap shoot, unless you have several different machines to test on. There’s a section in the Freeway User Guide that states it succinctly: “…that’s the way life is with web design.”

Freeway gives you great options for choosing graphical or HTML text. I try to strike a balance between the two. One thing Freeway lets you do is go back and switch between graphical and HTML text in a block without changing any code. I can choose which text I think is important for search engines to pick up and which text I just want to control more closely.

Forms and Scripts

The time finally came when my site grew beyond the static brochure-type and I needed to make it more interactive (hence my new membership thingy).

The forms and actions included in Freeway 5 Pro are pretty handy. For example, I placed a Google map directly on my page with just a few settings to show where in the world Sparky HQ is. I figured it out in about five minutes after scrolling through the Actions panel for cool things I might want.

I also created PayPal Add to Cart buttons for the image licenses I sell on the site. Once I got the code from PayPal it was fairly easy to create the buttons. No graphic design necessary.

 

There’s a site called Actions Forge that’s specifically for creating and distributing Freeway Action scripts. At the time of this writing, there are 126 actions available, from rollover functions to password protection.

There are also options to insert markup language in your page. If you find a bit of code somewhere that you want to use, there are options for placing it (see also Tech Support). If you have no idea what I mean by markup language, then you probably won’t even use that feature. However, as your skills grow, you’ll discover it and love it.

 

Improvements

I’m sure that Softpress has an improved feature list on their web site and marketing materials. However, I specifically avoided looking for it because I thought it would be more fun to showcase the improvements that I noticed in my own work. Wasn’t that nice?

iPhone Support: The iPhone and Blackberry aren’t going anywhere. Handheld devices are just going to get better. Freeway has a new iPhone panel that helps you optimize your site for the mobile web.

Shape Menu: It’s small details like this that make my visual designer eyes perk up. My site has lots of rounded-corner boxes. When I want to make a shape in Freeway, I want it to be easy to manipulate. The updated shape menu makes this easier.

View Menu: I got used to the old way of previewing my pages in Freeway 4, but I wasn’t thrilled with it. Now the preview menu is right up top and easy to click. I preview my pages often, so this is a nice change for me. I can also access my master pages and link maps in the same bar, as if I were in a browser. For my efficiency, this small change is huge. Besides, it looks nicer.

Google Actions Suite: I mentioned Actions before, but this is new. I use Google Analytics and this integration is just awesome.

Blogger and MobileMe capability: I don’t use either of these services anymore, but I noticed they are available. Gives me hope for WordPress.

Stability: I used to get at least one crash per session in Freeway 4, but I put Freeway 5 through it’s paces and it seemed to hold up. 

User Guide: This just gets better with every version, as it should. If you’re new to creating web pages, the User Guide even has a section called, “The World Wide Web and Freeway.”

Tech Support

The Softpress web site has pretty good support options. The usual Knowledge Base, Manuals, contact stuff… simple. If I had to research something, it’s all there. The real test of support for me is the people.

If you recall my new member area project, I had chosen a password protect URL action from Actions Forge. It was easy enough to install and set up and when I tested it on my local machine, it looked like I was in business. However, when I uploaded the new pages to my domain server, I got… bupkis. Zero functionality. Oxford, we have a problem.

After doing some research and attempting to alter the code (geek), I decided to put in a support case. Joe from Softpress Support contacted me the next day and gave me some suggestions. Later I heard from Keith in Support who gave me more suggestions. He also gave me an option of sending him the Freeway file itself so they could take a look at it, which I did. As of this writing, they haven’t found the issue yet. Of course I need my issue resolved, but during the process it’s all about the people and their communication; Softpress Support does an excellent job.

Since I’ve seen the Action working on other web sites, I’m certain it’s an issue with my server or something I’m doing (or not doing) on my end. In the meantime, I found a similar javascript that I was able to implement quickly. I had members signing up and the password they were getting was useless, so I had to take care of those people before playing with the Freeway Action.

Did I mention I’m a geek?

Freeway is simply an excellent web-building tool. At different times I’ve thought about trying out Dreamweaver just to see how the other half lives, but then I move onto other projects that are more important. The thing is, Freeway lets me do everything I need to for my web site. As I’ve grown the site I’ve found new features that I hadn’t touched before. I tend to use things as I need them rather than explore every feature just because it’s there. So I’m confident that I know where to look for an action or feature when I want to do something totally new.

I’ll be using Freeway to maintain my site and build others, as well as recommend it to my clients for the foreseeable future.

Below are some screen caps from my recent site update:

 

 

 

Add a Comment

Today's word of the day is: Workshop

I'm back from Nashua, where the New England SCBWI conference was a huge success and my four-hour workshop on web design and blogging was well-attended and well-received. The grand finale was a live update of my website to include news about the presentation itself, thanks to a kind volunteer photographer in the audience.

In fact, with all of those other workshops going on, I was amazed that anyone wanted to come to mine at all. We really did have a great group of authors and illustrators who peppered me with enough questions to last the entire time--and we probably could have gone for another four hours if I hadn't lost my voice by then. Thanks, everybody!

Add a Comment

Hey y'all,

I'm looking for someone to help me add another column to this blog on the left hand side (so it will essentially be a three column blog), so that I can switch over some of the links. Also this would allow me to add some discreet ads so that I can continue to send out books to people who win them no matter where they are in the world. Postage to other countries is expensive.

So if one of you could help me out, please email me at the address in the right hand side bar.

Thanks,

Linsey

Add a Comment