- CFC Berkeley Website Redesign
Proposed redoing of the whole site
- A redesign has long been desired for the website of Chinese for Christ, a church in Berkeley. The current design, above, dates from a decade ago and, as evinced by a dramatic pulling of content for renovations, no longer meets the church’s needs.A recent change to the home page, moreover, is luridly creepy, shady-nasty and totally unacceptable: the product looks like a website for a cult. I shall leave you to determine what makes it so bad.
- May such abominations be wiped from the face of the earth. If the sins of the Canaanites were not yet great enough in the days of Abraham, Isaac and Jacob, this one would be the last straw that broke the camel’s back: design-wise, it does merit the fire and brimstone of Sodom and Gomorrah, or at least the Flood of Noah, that after a cleansing destruction it may start afresh.*Below I shall introduce some mockups for a redesigned website, in order to take your mind off that Satanically horrible home page. Keep your eyes focused on the new design, and the memory of evil apparitions will fade soon enough.
- The same simple logotype, while used differently on the two pages, is clear and distinct in both places, proclaiming the church’s wired, tech-savvy attitude with the sans face, and with the serif face its connexion to the historic faith of the Church.In both pages above, I’ve also labelled email, telephone and fax concisely, not with words but with icons. This detail is not dramatic, but it does communicate more effectively through concision.On the English main page, the picture of the church is subtle enough not to hinder reading, but it also leads readers deeper into the site by drawing the gaze downward from the logotype. For those who look more closely, the picture also gives an impressionistic but recognizable image of the CFC building. The prayer superimposed on the picture works closely with it, first of all in its being a prayer, fitting for a church building, but also in its being in fact a prayer of approach, used in some churches to help worshippers prepare to hear the law and the gospel. The message conveyed is that worship is the central activity at CFC, the context through which all actions should be understood.*
Here follow two ministry pages. Because the content is closely tied to the ministry of Sunday worship, and because these pages with their descriptions are central to the structure of the website, they differ but little from the English main page.
- Next come two pages associated with Crossroads Christian Fellowship, the university student ministry at CFC. The general layout conventions are the same, but the colour scheme is dramatically different. The colours used are blue and gold, reflecting the school colours of UC Berkeley, the school that most Crossroaders attend.
- The next page presents content that is not part of the website’s static structure. Instead, what it contains, essentially, is material published by CFC. The layout, therefore, immediately differentiates this page from the website’s structural pages.
- The handling of sermons may be a good case to look through. Below you can see three different pages that deal with sermons, each serving a specific purpose. The layout of each one, therefore, is different, adapted to its purpose.
- For fun, I also tried to envision new Chinese pages that would be simple and clean like a Japanese design but still look Chinese.The first order of business was to replace blue with red, the colour of good fortune and joy. Since red does appear even in monochrome Chinese paintings and calligraphy scrolls because of the vermilion seals stamped upon them, it was not excessively loud and distracting.I also tried to have a very open design with a peaceful flow. As you can see, there is a lot of whitespace here in order to maintain a dignified simplicity.The second page imitates the typography of Bibles printed with vertical text: punctuation appears to the side, and paragraphs are divided by the 〇 pilcrow - the latter, I guess, would have to be implemented with a script.