|
|
Create a halftone border in Photoshop.
|
|
Add a halftone drop shadow using Photoshop.
|
|
|
Web: Sisters of the Holy Cross (cont'd) |
|
Original look
The original site contains
a vast number
of pages, often bringing
a viewer several
levels into the site.
The design is outdated
and needs a
modern appearance.
|  |
Updated logo
The current logo is not
a cause for design distress,
but it could use
a tune-up. The handdrawn
lines display
a simple, vernacular
style, so the logo is
updated and revived
with a few changes to
the vines, leaves, and
earth graphics. |  |
Fonts
Designer Samuel
Berkes chose Arial
for the body copy
because it’s legible
and versatile in many
web platforms. He
suggests Panorama
Light (available at
www.itcfonts.com)
for the headlines an
the logo. |  |
Colors
Berkes recommends
these web-safe colors
to represent a natural,
calm appearance
throughout the redesigned
pages. |  |
Navigation 1
While the original navigation
system works
OK, it’s hard to follow
among pages. The
redesigned site’s new
navigation uses a tab
system to move from
page to page, creating
a visual guide.
Home page
A new look for the
home page is inspired
by a “headline news”
style. The original
“What’s New” page
featuring changing
stories and events is
now included on the
home page.
|  |
Image treatment
Images on the original
site are feathered on
the edges and displayed
in full color.
Berkes gave these
images a crisp edge
instead, and treated
them with a duotone
to match the color of
the new site.
Logo treatment
The logo is given
full treatment only
on the home page.
Subsequent pages
show only the graphic
portion to create more
room for articles and
other information.
Navigation 2
Top and sidebar navigation
stays in place.
The articles can be
scrolled, but this static
navigation gives the
viewer the option to
move to a new page
at any time.
|  |
|
|
|
|
|
|
|
