back
to main account page |
First
Draft Designs - scroll
down the page to view the 2 concepts |
|
*Please
read the simple overview and notes below for each of the first 2 concepts
for the homepage design of the multimedia brochure. Some of the things
I felt strongly about as I thought of STC of Boston, were the following:
- It
is Boston based
- It
is Historical, yet changes with the times
- It
is a vibrant community
I
held these thoughts as I created these concepts.
These
are currently just some rough sketches and layouts to help us find the
right path to a final design/concept through further discussions...
Note:
There are 2 designs that each have 2 slightly different color schemes,
so there are a total of 4 designs on this page to scroll through...
|
|
|
|
|
Design
1: Successful and Sophisticated |
Goal:
For concept 1, I decided to use a theme that demonstrated STC Boston
as a proud historical society that has class and dignity. The design
directs your eye first to the Boston skyline at night, as either a black
and white skyline or colored skyline, placed in the center of the page,
with the STC logo below the skyline. I see some type of animation focused
here on the skyline and logo (we can go in more detail at the meeting).
Surrounding the skyline the user's eye should follow the navigational
areas of the multimedia brochure. They are designed to feel like buttons
that when rolled over will create an interactive response. This will
have allow for a nice and crisp visual effect. I also think about using
the bottom of the design to possibly rotate news or important items
you may want to highlight. The colors I used to help define the feeling
of this concept are the strong bold colors of dark blues and purples,
outlined in blacks and grays, and then contrasted with white and light
blue background and yellow/or white highlights for the text.
Design
1 version 1
Design
1 version 2:
|
Design
2 - Elegant, Simple and Fun |
Goal:
For concept 2, I decided to make the homepage concept to look more
cutting edge/hip. I decided the design theme would be based around the
word Boston, using the 2 O's in Boston as the main "windows"
for the page. Those circles will be a basis for any interactivity we
will use, and will provide a focal point for your eye. Ex. We can use
it to have images fade in and out, or have them swap different images
when you rollover certain areas, etc. Basically it will be a place for
the users eye to focus on when looking at the design for stimulation.
The navigation will be based with some simple bars either placed horizontally
or vertically. I think this design will play great for a simple yet,
elegant layout - that will allow for some fun interactivity. The colors
represent some crisp and clean shades of green, grays and black, as
well as the option of green and burnt oranges. I feel these colors give
a cutting edge feel for this type of design.
Design
2 version 1
Design
2 version 2
|
|