Clear Spring Desgin, Bedford, Bloomington, South Central Indiana Web Design

Blog

New static website theme, that absolutely screams

I can’t stand slow websites, I don’t want to wait on a “loading” screen or see an animation that spins, I just want to go, where I want to go. So I love trying to code extremely fast websites, the faster the better! My goal is to build a series of super fast website themes that I can base my future work on. So hopefully this will be the first in a series of new themes.

It’s an extremely lightweight, responsive static theme, the entire website CSS is only 1.67 KB, the JavaScript is only 485 bytes gZipped! I’ve set up a demo version on my staging website and it runs like a scalded dog. 🙂

I’m not sure how many of these I’ll give away, but this one is free/open-source if you want to download the files on Github. If you are wondering why a brewery, there’s a ton of free pictures of beer on the web, so why not.

Determining your website audience

Here are some questions that I usually ask in the discovery phase of any new project. They say (whoever “they” are) “you, aren’t your customer”. So what you like, might not be what your users or potential customers like. Let’s try to find out about them.

  • Who is your target audience? Who needs the information and why?
  • Why will they come to your site?
  • What do they need, what problem needs solving?
  • How and where are they accessing your website? From their home, standing in line at crusty-mart?
  • What percentage of your audience is female?
  • What’s the typical age range?
  • Are they parents, grandparents, single?
  • What is their level education?
  • Describe your perfect customer?
  • How do you expect the audience to respond to your website, are they going to email you, call you, text you,
    and/or post a question on your Twitter or Facebook?
  • Will the audience receive the same information in any other form or
    media from your organization as part of a campaign? Or as part of another organization’s communication?
  • What are the top 3 questions your audience will have when they visit your site?
  • What are the most important qualities of your products or services that your audience values the most?
  • Why should the audience buy from you?
  • What would do to encourage a user to buy from you today?
  • What would prevent a potential customer from buying from you today?

We can build on this research and create a Persona or 2 to design for. Learn more about my thoughts on the design process here.

Setting website goals

I believe there are 4 phases of website or User Experience design.

  1. Discovery
  2. Design
  3. Development
  4. Deployment

In the discovery phase, I’ll ask more questions than your nosy neighbor, below you’ll find some questions to try to help define the focus and a clear objective for your website.

  1. What is the reason for this website, define a clear focus and a concise purpose.
  2. What single unique, focused message would you want to communicate to your website visitors?
  3. Do you have a mission statement or strategic plan that you can share?
  4. Is a high or low awareness of your business or brand in the marketplace?
  5. If your business was a car, what kind of car would it be?
  6. What does your business do better than anyone else?
  7. What are some of the distinct differences that make your business unique or more desirable?
  8. Please list in order of importance the key products, services or features of your business?
  9. Can you provide a short description on the benefits of each?
  10. Please list in order of importance the “things” you want people to do you your website?
  11. Rank the applicable purposes of your website, with 1 being the most important.
    • ___General Information, contact information, hours, location…
    • ___Branding, creating a consistent message, look and feel…
    • ___Online Sales revenue, selling products or services online….
    • ___Offline Sales revenue, lead generation/qualifying prospects…
    • ___Ad revenue, displaying Google Ads or similar…
    • ___Internal needs, job applications, employee management…
    • ___Transformation, upgrading the look and feel….

Hopefully, these questions will give us a good start on determining the goals for our website.

The 3 “P’s”

Nope, it’s not some new crappy band. It seems like every design project is based on the 3 “p’s”

Performance
How can the website load faster? How can we help users reach their goals faster?

Perception
How can we make this look better? How can we help our users look at us differently?

Profitability
How can we increase our profits? Just many ways can we capture profit from this web project?

It seems to me most projects are focused on these 3 things, what’s important in your next project? Determine your project goals, or comment below.

Brownstown Public Library


Brownstown Public Library

I recently had the opportunity to redesign the Brownstown Public Library website.
They are using Square Space for the Content Managment System.
Square Space, takes care of your hosting and has some great looking templates.

The Square Space interface seems easy enough to use, however, I did spend time coding some CSS to get the right look and feel.
Check out a pretty cool “easter egg”, I added their phone number to the contact image on the homepage.

Revel Salon


Revel Salon

This is a recent redesign of the Revel Salon website. Revel Salon, had a great selection of photography, making this a cool project.
We are providing the hosting for this WordPress website and it’s running a theme from
Theme Forest
. They provide a lot of nice inexpensive themes to get you started.

Does your website need a redesign or maybe you have an idea for a new website? Contact us today!