blog

Redesigning the TAC front page… still

Comments (4) · 7 January 2008 · permalink

Post this to: del.icio.us · Twitter · email

Categories: Church Web Sites, Web Design,

So, after the last article I continued working on the beta. I took the comments on board (sort ot)… and turned on the beta version. It’s now the live front page of the TAC web-site.

It still is not at the quality you’d get from a real designer. During the redesign, I consulted my local graphic designer, who really knows nothing about web design, but knows a lot about using text and setting things out – the thing I came to understand was the need to create a layers to make the design more professional looking.

Layers, meaning, not just text on white… but texture, imagery, borders, clearly defined spaces. Hence, defined boxes, similar but subtley different.

Despite the advise, I didn’t quite get there… got over the whole process and made the beta site live.

A small part of the new version is the use of some imagery for the Bible talks. When the concept for this web-site was being discussed on this very blog, we discussed using photos. I never achieved that on the site, but using photography to represent our Bible talks is much easier than showing people in our church (and less fake than using stock photography to represent the people of our church).

So, I went about fiddling with some stock photography to represent the Bible talks. Where I previously created clip art derived graphics, I made a photo based graphic (seen on this page). I also made a larger version that can be used in church, as part of the PowerPoint presentation, to give a consistent image to the talks of a series.

But then last night, I had a new idea. An idea that would take the design back to 2 columns, and increase the imagery:text ratio on the front page. Beta2 (have a look), well… I don’t need to explain, it’s pretty obvious what I’ve done. What do you think? Be honest, I know you will be. I’m still not a fantastic graphic designer, but I certainly like the feel of this new look.

Gravatar for Neil A
Permlink
1 ·
Comment by
Neil A ·
Date Stamp
Monday 7 January, 2008 at 03:32 AM

I had an immediate, positive response to the beta2 page Simon.

The more graphic-focussed content sits really well…

Keep tweaking, but so far, good job… wink
 
Gravatar for Daniel
Permlink
2 ·
Comment by
Daniel ·
Date Stamp
Monday 7 January, 2008 at 11:13 AM

I like the second beta. The <span class=“caps”>CSS</span> doesn’t seem to work for the podcast/recent talks section (split into two lines) but as a proof of concept I like it, especially the more graphical nature of the page.

 
Gravatar for Simon
Permlink
3 ·
Comment by
Simon ·
Date Stamp
Monday 7 January, 2008 at 12:14 PM

Well, the <span class=“caps”>CSS</span> does work, except Internet Explorer gets it wrong. Will spend time with it soon.
I blamed IE a little too quick, there was a code error, but IE is still a pain. Beta2 now looks better in IE, but not spot on.

 
Gravatar for davidgawthorne
Permlink
4 ·
Comment by
davidgawthorne ·
Date Stamp
Tuesday 8 January, 2008 at 04:21 AM

Yeah, I like the Beta2. It brings some order to the visual chaos that too much text sometimes creates.

 
Commenting is not available in this channel entry.
 

Menu

About

A personal blog by Simon Job.

From MathsClass

My blog about maths teaching.

Locker Problem

I recently used the “Locker Problem” in a Year 7 Maths Enrichment class (mixed ability). Here are some resources I used:
read more…

Subscribe

by RSS or Email

Follow

on Twitter

 

© 2005-2012 Simon Job · Use and recommend: ExpressionEngine, DreamHost
The posts and comments I make on this blog are made in a private capacity and do not represent the official view of my employer.