SMC WEBSITE REDESIGN

Transcription

SMC WEBSITE REDESIGN
SMC WEBSITE REDESIGN
JAMSdesign
By Justin Vesci, Sara de Souza, Martina Lund & Alexander Ramos
CLIENT SURVEY
CLIENT SURVEY - GENERAL INFO
This is the client survey for your company Santa Monica College’s
redesign of it’s website. Please answer all questions to the best of
your ability so we at JAMSdesign can better serve you.
1: The name of our company is Santa Monica College (SMC) and
our current URL is http://www.smc.edu
2: Your primary contact on the redesign from SMC is Jonathan
Cordrey the president of marketing and public relations. He has final
approval on the project.!
Jonathan Cordrey !President of Marketing and PR!
jb@smc.edu!
310.555.5687 (o)
3: Our intended launch date is November 4th. We’d like to be live
before returning and prospective students can register for classes.
4: We’d like to keep the budget for this as low as possible since we
are a small college. If you have students in your design program that
would be ideal since they pay you… We must be fully live by
November 11th.
CURRENT SITE
1:Our current site does not promote us in a favorable way. It is too
convoluted and boring. It lacks style and functionality.
2: The most successful part of our site is the vast amount of
information we provide for people visiting. It’s successful because
there is so much of it that you cannot help but fall all over it.
3: Short comings and things I would change are the same. This is a
poor. Three short comings of the site are as follows!.
A: bland!
2: too much information that you are over loaded before you even
look.
!C: hierarchy is off
4: No usability tests have been gathered nor feedback.
5: It is not important to maintain our new look. A complete refresh
would be welcomed.
REASONS FOR REDESIGN
1: Main reason for the redesign is that we have an outdated site.
2: Our primary objective is to put a fresh face to our current
employees, students and prospective of both. We do not want to
turn them off with such a wealth of info that they give up before they
even try. We want you to easily find what you need and to return and
stay awhile. News, photos, social anything to keep you on page.
3: We want more page visits and longer visits. We will measure that
by how engaged a test group is.
4: We will be pushing with ad buys and social media grass roots
activities.
AUD/DESIRED ACTION
1: A typical visitor is a student between the ages of 17 and 28. They
are online everyday and they generally use the web for social media
and email. They spend most of their money on entertainment and
school supplies.
2:The primary action of the site visitor is to sign into their corsair
connect or to see the school schedule for days off and when to
register for classes etc. Things that are time sensitive.
3:The key reasons our audience chooses us is because we are a
small local college that offers a great education at a reasonable
price. Our staff is amazing and our facility is on the verge of that as
well.
4: We have over 800 visits a day. Of those 800, 120 are new users.
We use the internet counter thing that our IT people told us to use.
We are hoping for 1000 people a day 200 of them new users.
PERCEPTION
1: Adjectives that describe our site should be, slick, cutting edge
and hip.
2: Online we are perceived as cluttered and boring. We do not want
to keep that perceived notion.
3: We differentiate ourselves from our competitors by offering a
streamlined quick education that gets you to your goals faster.
!COMPETITION URLs
http://www.sbcc.cc.ca.us/
http://www.wlac.edu/
http://www.lavc.edu/
http://www.lacitycollege.edu/
4: Stylistically these sites are great
http://lhimage.com/
http://www.alistairlane.com/
http://milkandpixels.com/
http://thetwenty.org/
http://themetrust.com/
http://cgibytonic.com/
http://www.crownsandowls.com/
http://refryed.com/
CONTENT
1: We will use some of the existing content but we’d really like to
streamline. The content has not been audited and the person in
charge of that is Mr. Cordrey.
2:It is a complete overhaul. The basic structure is up to the
designers discretion and our approval.
3: Visual elements we like are solid colors, blocky, easily navigated
etc.
4: Our new site will differ from old by being stream lined and easy.
There is too much info all at once. We want to make the process as
stress free as possible.
TECHNOLOGY
1: I do not know what the target platform or browser we wish to use.
We defer to you.
2: We would like a lot of pictures/slide shows so whatever tech you
need for that
3:There is no personalization on our site. The visitor gets what it
gets. They can look up info an other things but this isn’t myspace…
4: We don’t need a secured transaction for purchases. School
merch will be on a different site handled by a 3rd party. Secure for
passwords and school info that students will enter but nothing for
purchasing.
5: We will need classes and professors to be in a searchable
database.
MARKETING/UPDATING
1: Most people find out about our current site by print ads and radio
spots.
2: Our marketing plans for the short term are to take advantage of
viral marketing and our amazing staff.
3: No we do not have an existing plan for marketing.
4: Our site will be updated in some places constantly. The news
section. But other parts will updated after or before semesters end
or start. We will provide content and hopefully have you content
management it for us.
PERSONAS
PERSONA
Persona type: Teacher
Name: Steven Holms
Age: 64
Family: Wife Camilla, and son David
Income: $50,000
Internet use (hrs/week): 40 h
Location: Los Angeles
Technical comfort:
Very comfortable with computers and all other devices.
Background story:
Steven has been teaching at Santa Monica College for 5 years. He has a PhD in
Graphic Design and has his own design firm in Venice.
Motivations:
Michael uses the Santa Monica College site to read about the college news and also to
access his staff email and the ecompanion where he is posting classnotes and assignements.
Frustration:
Michael thinks the site is hard to navigate, which is one of the reasons why he doesn’t
use it more than he forced to. For his basic needs it works pretty well, but he would like if it
was easier to navigate, and if ecpanion worked better on his smaller devices (ipad and iphone).
Their ideal experience:
up. Make the home page less busy so it's easier to take in the information displayed. Quick link
tto the corsair news paper .Faster to access the emai login for the facutly.
Quote: Works pretty well for the tasks the professor is performing. However, he would like it
PERSONA
Persona type: Prospect student
Name: Nils
Age: 22
Family: Mother Britte, Father Sven, Sister Catrine,
Brother Stefan
Income: $40,000
Internet use (hrs/week): 40h
Location: Norway
Technical comfort:
Very comfortable with computers and other devices.
Background story:
Nils is a prosepect student at Santa Monica College. He went to california for vaction last
year and decided when he got home that he wanted to go back. He has only been working
since high school but is now ready to go back to school and pursue an education in nutrition. He research colleges in california and found santa monica at the internet. He likes
sufring so he wanted the school to be close to the water. His plan is to study two years at
SMC then transfer to a suitable school. He is now working at a fishing company cleaning
fish. He makes a lot of money, which he is planning to use as a buffert in California.
Motivations:
is using the SMC webiste to find information about how to apply, how to enroll in classes,
what options he has for transfereing, and also to try to get a “feeling” for the college; Is it a
big school, small? Close to the ocean? Any cool students attenting?
Frustration:
There is a lot of information on the site and its very hard to navigate. Since english is’t his
first language it’s even harder to find what he is looking for, so he is using different translation sites to understand. The education system is very different from that in europe, but he
has a probelm finding anything to expalin differences.
Their ideal experience:
Would have been good if one could change the language of the site. To find what you look
for easier, maybe have a “prospect student” catagory in the main navigation.
Quote: The site looks a bit dated and not very “hip”. It’s very hard to find what you’re looking for as a prospect student. Being in another country and not being able to see the
actual school live, makes it even more important to give a good impression of the site
since it might be the only contact the prospect student will have with the school before the
decion to apply or not.
PERSONA
Persona type: Student
Name: Josephina
Age: 22
Family: Mother Eva, father Boris
Income: $5000 /year
Internet use (hrs/week): 28h
Location: Los Angeles
Technical comfort:
Very comfortable with computers and other devices.
Background story:
Josephina is finishing her AA in busniss this semester. At her sparetime she likes to hang
out with her friends, mountain bike and other sports. She dislikes math but worked hard
with a tutor and got through all math classes with a B.
Motivations:
Josephina uses the we site to find information about classes that she wants to enroll in
every semester, she uses it to find teacher's email and contact information, to find program
documents and she also uses it to log in to Corsair Connect.
Frustration:
She feels that one of the problems is the navigation of the site, that its hard to move
around the site and to find what one is looking for. Especially on her iphone. Corsair Connects works, but not ecompanion. Items in the main navigation that one doesn't really
know what it is, "college governance". Search function is not really working, sometimes
one can find information if you search through the site but it docent pop up as a result in
the site's search engine.
Their ideal experience:
To find what you look for easy, be able to search for information and know that it will show
up. Make the home page less busy so it's easier to take in the information displayed. Also,
make ecompanion work on the phone, since she has an online class.
Quote: Hard to navigate the site, would like it to be simplyfied. Have hard time remebering
how the easies tasks are performed since theres so many options as soon as you enter the
site. Some of the navigation cathegories doesn’t make sense. Ecompanion not working.
COMPETITIVE ANALYSIS
SMC WEBSITE REDESIGN: COMPETITIVE ANALYSIS By Justin Vesci, Sara de Souza, Martina Lund & Alexander Ramos
TABLE OF CONTENTS
METHODOLOGY ................................................................. 3
OVERALL GOAL AND OBJECTIVES.................................. 3
EXECUTIVE SUMMARY....................................................... 3
SAN DIEGO MESA COLLEGE............................................. 5
UNIVERSITY OF CHICAGO................................................. 6
UCLA..................................................................................... 7
SAN DIEGO STATE UNIVERSITY....................................... 8
ORANGE COAST COLLEGE............................................... 9
EL CAMINO COLLEGE...................................................... 10
BERKELEY CITY COLLEGE..............................................11
WEST LA COLLEGE.......................................................... 12
SANTA MONICA COLLEGE............................................... 13
FEATURES COMPARISON................................................ 14
2
SMC WEBSITE REDESIGN: COMPETITIVE ANALYSIS By Justin Vesci, Sara de Souza, Martina Lund & Alexander Ramos
OVERALL GOALS AND OBJECTIVES:
The goal of this competitive analysis is to provide a comparison of the Santa Monica College website to similar and competing schools in order to better understand the needs
for the redesign and gather data on effectiveness and overall usefulness of the website.
This report will provide a detailed analysis, including screenshots and breakdown, of
seven competing schools as well as the Santa Monica College site itself.
METHODOLOGY:
The competitive analysis was conducted and compiled by Justin Vesci, Sara de Soua,
Martina Lund and Alexander Ramos. We were assigned to review the sites from a potential users point of view. The users we narrowed it down to was faculty, current students,
prospective students, alumni, and people who are engaged in ther community.
We analysed and reviewed 8 websites for this competitive analysis;
The analysis was conducted in the following order:
•
Looking over which features the sites offered.
•
Doing individual analysis of each site
•
Combinding the information we have gathered.
EXECUTIVE SUMMARY:
We analyzed 8 websites ranging from community colleges do 4-year schools to gather
comparison and determine the most effective and appealing features in order to best
determine the direction of this redesign.
We have determined that the best websites offer a generous amount of information, yet
still manage to deliver said information in an appealing, cohesive, manner. The use of
large, subject related imagery and clean, modern typography bring about this effect.
We have two top favourites; University of Chicago (http://www.uchicago.edu/) and UCLA
(http://www.ucla.edu/). What they have in common and makes them stick out from the
other pedestrian websites, are their design and navigation treatment. They both have a
clear nevigation, that makes it easy to find out specific information quickly. Their use of
colors and clean home page delivers a large amount of detail in a grid format which is
appealing to users. The feature that University of Chicago and UCLA has that really is urgent that Santa Monica College should implement is a mobile website. Especially, since
users these days heavily rely on being able to find information through the smartphone
and/or tablet.
Looking at Santa Monica College Website we immediately noticed one of the main problems, it is its attempt to provide too much information on the home page. What we deduced from the most successful websites are the importance of first impressions, their
3
SMC WEBSITE REDESIGN: COMPETITIVE ANALYSIS By Justin Vesci, Sara de Souza, Martina Lund & Alexander Ramos
treatment of the main page. The impression Santa Monica College gives now to a user
is a messy and outdated feel. We recommend a paring down of the amount of items on
the home page and moving them to their own landing pages. For example, the “discover
SMC”, “about SMC, and “campus resources” sections can be combined and given their
own dedicated page in the prospective student section. With clear navigation, this can
be accomplished.
In regards to the navigation, the decision to hide the dropdown menu under a “Show/
Hide expand” menu is highly confusing. It is counteractive to a dropdown menu and
is something that should only be implemented in case of limited space, such as on a
smartphone. A more intuitive way to handle it would be to implement a Mega-Menu on
the site. Mega menus are a growing trend among sites that has vast amount of pages,
which is a solution that is used at e.g. Amazon.com. This might be something we should
investigated if it could be used for the Santa Monica College Website redesign. However,
we found that there is an overwhelming amount of redundant links on the home page,
which makes for a very confusing for the user. For example, “Corsair Connect” and “SMC
Online” takes the user to the same section of the site. We recommend paring down the
navigation. Something trending amongst educational institue websites are navigation by
user type, this is something that Santa Monica College has, but it is not easy to discern
amongst all the rest of the info-material on the main page. This is something that should
be more emphasized to be able to have a user-friendly site, and not be treated as an
after-thought. Looking at the footer-navigation or rather ther lack of navigation, is something that is in desperate need of re-vamping, or at least there should be access to a
sitemap/A-Z index.
This analysis lead us to the conclusion, that if we are going to make Santa Monica College’s website successful, there are three key factors we need to implement. A clearer
navigation, using a cohesive design that are have strong typography and making a site
that are ready for all devices.
4
SMC WEBSITE REDESIGN: COMPETITIVE ANALYSIS By Justin Vesci, Sara de Souza, Martina Lund & Alexander Ramos
SAN DIEGO MESA COLLEGE
WWW.SDMESA.EDU
Admissions Page
Main Page
OVERVIEW:
The San Diego Mesa College website is
loaded with content, which is well organized
and easy to navigate, however there is
virtually no design to the site. The use of
imagery is almost nonexistent and there
seems to have been no thought put into
typography or even a logo. This gives the
Student Page
site a very dated look. While the site is
very basic, it does provide the necessary
information in a straightforward manner.
EFFECTIVNESS RATING
Overall Experience:
Functionality:
Look and Feel:
5
SMC WEBSITE REDESIGN: COMPETITIVE ANALYSIS By Justin Vesci, Sara de Souza, Martina Lund & Alexander Ramos
UCLA
WWW.UCLA.EDU
Why LACC Page
Mobile Site
Main Page
OVERVIEW:
UCLA’s website delivers a wide range of
information in a clean, eye catching
manner. Its navigation is clear and has a
neat feature of having a fixed footer. UCLA’s use of imagery and minimal text make for
an overall pleasing site. The site manages
to deliver a great deal of information in a
Academics
cohesive manner. A feature that is highly
appriciated is that the website can even
be enjoyed on the smartphone, because
of it’s mobile website.
EFFECTIVNESS RATING
Overall Experience:
Functionality:
Look and Feel:
6
SMC WEBSITE REDESIGN: COMPETITIVE ANALYSIS By Justin Vesci, Sara de Souza, Martina Lund & Alexander Ramos
UNIVERSITY OF CHICAGO
WWW.LACITYCOLLEGE.EDU
Why LACC Page
Mobile Site
Main Page
OVERVIEW:
University of Chicago website offers a
flexible and modular grid structure that
allows for varied page layouts while
emphasizing an underlying unity and
consistency across the site.The large
features module, used on the homepage
and other top-level pages, allows for rich
Admissions & Aid
and deep storytelling. The navigation
includes both user-defined nav and MegaMenu in an impleccable way. On top of
that it offers a responsive web design.
EFFECTIVNESS RATING
Overall Experience:
Functionality:
Look and Feel:
7
SMC WEBSITE REDESIGN: COMPETITIVE ANALYSIS By Justin Vesci, Sara de Souza, Martina Lund & Alexander Ramos
SAN DIEGO STATE UNIVERSITY
WWW.SDSU.EDU
Admissions Page
Main Page
OVERVIEW:
The SDSU website provides a wealth of
information on its home page yet still
manages to do so in a visually appealing
manner. Its navigation is clear and easy
to understand. The colors, along with the
strong typography, help to add a very
appealing personal feel to the website, as
Undergraduate Page
opposed to a very sterile and plain
template feel.
EFFECTIVNESS RATING
Overall Experience:
Functionality:
Look and Feel:
8
SMC WEBSITE REDESIGN: COMPETITIVE ANALYSIS By Justin Vesci, Sara de Souza, Martina Lund & Alexander Ramos
ORANGE COAST COLLEGE
WWW.ORANGECOASTCOLLEGE.EDU
Student Service Page
Main Page
OVERVIEW:
Orange Coast College offers a site that
has a modern interface and also manages
to include reams of information, but still
make the site easy to digest for the
audience. One of the things that they have
implemented on their site is a “slide-down”
user specified navigation with icons, which
Enrollment Center Page
makes it easier for the user to quickly find
the information they need. Whether it’s a
current student, prospective student, or
school faculty browsing the website. The
only downside is that you can only reach
this from the first page.
9
EFFECTIVNESS RATING
Overall Experience:
Functionality:
Look and Feel:
SMC WEBSITE REDESIGN: COMPETITIVE ANALYSIS By Justin Vesci, Sara de Souza, Martina Lund & Alexander Ramos
EL CAMINO COLLEGE
WWW.ELCAMINO.EDU
Student Service Page
Main Page
OVERVIEW:
While the El Camino College site contains
wealth of information for the users. The
site clearly falls short when it comes to
design, specifically the usage of imagery
and typography. Most of the images used
are pixelated, which cheapens the
experience; and the typography is
Current Student Page
implemented without any consideration.
For example, the line length of the body
copy is too long for comfortable reading.
These factors make the site feel outdated
and leave a lot more to be desired.
However, what site manages without fault
is a cohesive design.
10
EFFECTIVNESS RATING
Overall Experience:
Functionality:
Look and Feel:
SMC WEBSITE REDESIGN: COMPETITIVE ANALYSIS By Justin Vesci, Sara de Souza, Martina Lund & Alexander Ramos
BERKELEY CITY COLLEGE
WWW.BERKELEYCITYCOLLEGE.EDU
Apply & Enrollment Page
Main Page
OVERVIEW:
Berkeley City College website is simple,
but it does not have interesting visual
impact. No clear hierchy to the site, which
gives it a rather bland impression.There
are vast amount of text and most colors
are mid tone. On a positive note, there is
somewhat good use of negative space.
Student Services
Moreover, this website does not offer
navigation by user type, so the site visitors
will need to use secondary navigation on
the left side.
EFFECTIVNESS RATING
Overall Experience:
Functionality:
Look and Feel:
11
SMC WEBSITE REDESIGN: COMPETITIVE ANALYSIS By Justin Vesci, Sara de Souza, Martina Lund & Alexander Ramos
WEST LA COLLEGE
WWW.WESTLACOLLEGE.EDU
Event Page
Main Page
OVERVIEW:
West LA Colleges site has the unusual
problem, when it comes to education
websites, it’s lacking in information. The
website relies to heavily on imagery, too
the degree that the images compete to
much with each other. This website is not
a good example for a web design for an
International Page
educational site. Though the navigation is
fairly straight forward.
EFFECTIVNESS RATING
Overall Experience:
Functionality:
Look and Feel:
12
SMC WEBSITE REDESIGN: COMPETITIVE ANALYSIS By Justin Vesci, Sara de Souza, Martina Lund & Alexander Ramos
SANTA MONICA COLLEGE
WWW.SMC.EDU
Class Schedule Page
Main Page
OVERVIEW:
One of the main problems found with the
current Santa Monica College website is
its attempt to provide too much information
on the home page, which overwhelms the
eye. makes the website highly unpleasent
to navigate. Which lowers the look and
feel to the whole site. Another problem is
Student Life & Services Page
the redundancy of some navigation items
and confusing site mapping. The Santa
Monica College site a cohesive design,
with consistant color palette. However,
EFFECTIVNESS RATING
Overall Experience:
Functionality:
Look and Feel:
13
11
9
7
SA
LA
W
ES
T
K
C
EL
EY
C
IT
Y
G
E
C
O
LL
EG
O
LL
E
N
E
TA
G
E
M
O
N
IC
A
C
O
LL
EG
E
E
C
O
LL
E
IN
M
A
C
ER
13
B
13
EL
N
A
O
R
14
EG
C
O
LL
IV
G
E
C
G
O
IE
D
N
SA
LA
U
14
C
O
A
ST
U
N
ST
AT
E
O
F
TY
SI
ER
IV
U
N
SA
10
O
O
G
A
C
H
IC
C
O
A
ES
M
G
O
IE
D
ER
E
LL
EG
FEATURES COMPARISON
N
SI
TY
SMC WEBSITE REDESIGN: COMPETITIVE ANALYSIS By Justin Vesci, Sara de Souza, Martina Lund & Alexander Ramos
Search Function
Financial Aid Info
Contact Info
Social Media
Video/Music Clips
Mobile Website
Faculty Contact Info
Course Catalogue
Nav by User Type
Donation/Giving
Calendar
News/Current Events
Account Log In
Virtual Tour
# Features per Site
Rank Effectivness
14
11
COMMUNICATION BRIEF
COMMUNICATION BRIEF
Project Summary
Santa Monica College is one of the states leading colleges in transferring students to the
University of Californa, University of Southern California and other four-year campuses.
The college has 34000 students and approximately 3300 of those students are international, coming from more than 100 different countries. Santa Monica College has over 80
different programs of study and that is probably one of the reasons why the web site is very
busy, since there is a lot of information that should be available.
The goal for the redesign is to make the site a more contemporary, more user firendly,
responsive so it can be used on all devices, more up to date, and make the site reflect that
the college actually is one of the leading community colleges in the state, which its not
doing now.
Talking to prospect students, especially students from over seas, we found out how important the web site is, since its the first realtship the student might have with the school. The
importance of a welcoming, visually good looking, and easy to navigate site, is even more
important for a school like santa monica college with the high number of international
students.
Audience Profile
The three major groups of audience for the Santa Monica College, which the redesign will
focus on, is prospective students, current students and faculty.
A prospective student could be a 22 year old guy from Norway. He is comfortable with all
the different devices thats available on the market. When he is looking at the SMC site he is
using his laptop, or his iphone. On the site he will explore, the different programs of study,
the school environment, course catalog, apply, online courses, financial aid, information for
international students, log in to tcoursair connect to enroll in classes. This person would
expect it to be easy to find information and explore the school without actually being there.
A current student could be a 21 year old girl, living in Los Angeles, has a part-time job and
is planing on transfer to a four year college or university. She is comfortable with computers
and all other devices. She uses her iphone to surf the web, check emails, listen to music in
the car and to network socially. When she accesses the SMC site she would look for course
catalogs, online courses, log into corasain connect, ecompanion, pay for parking, enroll in
classes, financial aid, find emails to teachers, information about transfers.
A typical teacher at SMC is 63 years old but are still comfortable with computers. Use
mobile devices less, prefer to read emails, new papers online, and other class related
issues from a laptop or desk top computer. It could also be a teacher hos has a high knowledge of devices and uses the computer for many hours a day. At the SMC site he would
look for events, news, the corsair newspaper and announcements. He would also use it to
post grades, email the students and colleagues.
COMMUNICATION BRIEF
Perception/Tone/Guidelines
The current SMC site is very unorganized and messy, the hardest thing with the site is to
find what you're looking for. So much information, that doesnt feel organized.The look of the
site and the logo, is also dated. Being one of the top Colleges it should not only look more
contemporary, fresh, clean and modern, it should also be responsive, and feel modern. With
over 34'000 students the site should be more user-friendly, easier to get around and easier
to find information one might be looking for. The ecompanion should also work at iphones
and other devices ,which it doesnt today. Changing the design of the side, take away some
of the clutter will make the site less chaotic and confusing.
The tone of the site will be more modern, clean, with new visuals as photos and media. The
site should reflect how large the college is, that it has the greatest transfer rates in the state
and that its very international. Also be responsive so it can be visstied easy from any
device.
Communication Strategy
What the site could communicate is the broad variety of programs that are offered, how big
the school is, the high transfer rates, the great location which is a promotional key. Visually
it should communicate freshness, professionalism, youth, great pictures and media that
reflect the same thing. The organixation of the site will be renewd,it will look clear and
should satisfy the need of the visitor -help them find what they are looking for in the least
amount of clicks possible.
Competitive Positioning
SMC is located at a great spot in Southern Califorina, which is to advantage (even more so
for international students), Its regarded one of the best two year colleges with one of the
highest rates of transfers in the states. It offers a lot of programs of study, 80 different fields,
which is more than many of the competitors.
Targeted message
Easy to use, responsive, modern.
Martina Lund & Justin Vesci
SCHEDULE
Date 5-12-2013
Santa Monica College
Preliminary Schedule
Client: Santa Monica College
Project: Website Redesign
Designer delivers new Creative Brief, estimate
and schedule
05/16
Designer and Client meet to conduct User
Profiling session
Wednesday, 05/30
Designer finalizes and delivers User Profile
document
Tuesday, 06/20
Designer delivers draft navigation as Sitemap
document
Week of 07/04
•
•
Designer delivers draft wireframes and any Tuesday 07/11
revisions to initial sitemap
Designer & Client determine schedule for
content delivery
Designer begins site look and feel
Wednesday, 07/18
Design direction presentation
Tuesday, 07/25
Designer delivers revisions to look and feel, if
required
Friday, 08/01
Once Client signs off on design look and feel,
Designer completes page designs (10 to 15
pages estimated)
08/01 - 08/08
Client delivers final content
Thursday, 08/29
Designer begins final production of all graphics
files
Week of 09/01
Designer begin technical production:
Week of 09/21
Designer to create HTML, image folder and CSS
files for posting to development site.
Beta testing
Monday, 10/21
Site launches
Monday, 11/04
FINAL ESTIMATE
SMC WEBSITE REDESIGN: COMPETITIVE ANALYSIS By Justin Vesci, Sara de Souza, Martina Lund & Alexander Ramos
Phase
Hours (lo)
Hours (hi)
Hours (mean)
Cost
220
264
242
$36,300.00
40.33
100
30
10
110
35
15
60
10
10
75
14
15
Information Architecture
70
90
80
$12,000.00
13.33
Interaction Design
75
120
97.5
$14,625.00
16.25
UI Spec (Wireframes,
Storyboards)
Usability testing
15
20
25
35
20
27.5
$3,000.00
$4,125.00
3.33
4.58
60
75
67.5
11.25
20
35
40
0
27.5
$6,000.00
Site development
245
355
50
120
120
65
300
45
100
102.5
52.5
$42,375.00
50.00
Quality Assurance
100
90
95
$7,125.00
15.83
770
994
882
Discovery and Research
User research
Data gathering and research
User interviews or surveys
Personas
Mental model; Goal and needs
matrix
Business research
Competitive Study
Business Needs Analysis
Screen audit and inventory
Heuristic analysis
Documentation
Information organization
IA Deliverables
Use Cases
User flow diagrams
40
30
20
20
Visual design
Design comps
Design iterations
Style Guide
40
Graphics production
XHTML
CSS
Programming
40
80
85
40
Testing
Bug fixes
40
60
Hours
Hourly rate (Type A)
Hourly rate (Type B)
Hourly rate (Type C)
Hours/day
0
105
32.5
12.5
0
0
67.5
12
12.5
0
0
50
40
$0.00
$15,750.00
$4,875.00
$1,875.00
$0.00
$0.00
$10,125.00
$1,800.00
$1,875.00
$0.00
$0.00
45
35
30
30
$6,750.00
$5,250.00
25
25
40
60
30
$3,750.00
$3,750.00
$6,000.00
$0.00
$4,125.00
$6,750.00
$15,000.00
$15,375.00
$5,250.00
50
45
Total cost
$3,750.00
$3,375.00
$
$
$
882.00
150.00
100.00
75.00
6
$118,425.00
Holidays
24-Dec
25-Dec
28-Dec
31-Jan
2
Start date
Days (6hr day)
0.00
17.50
5.42
2.08
0.00
0.00
11.25
2.00
2.08
0.00
0.00
7.50
5.83
4.17
4.17
6.67
0.00
4.58
7.50
16.67
17.08
8.75
8.33
7.50
SITEMAP
Santa Monica College - Sitemap
Home
admissions
enroll
academics
academic dept.
main campus
student services
bookstore
academy of
entertainment
bundy airport
campus
international
athletics
faculty and staff
faculty association
athletics
board of trustees
career opportunity
give to smc
KEY
multiple links
primary navigation
secondary navigation
WIREFRAMES
LOGO
SEARCH
WELCOME
HERO IMAGE
STORY LINK
ARTICLE
CALENDAR
NEWS
NEWS
PHOTO
FOOTER NAV
NEWS
PHOTO
PHOTO
SOCIAL