Parallax
Parallax
www.thinkparallax.com
555 Second Street, Suite 1
Encinitas California 92024
ta b l e o f c o n t e n t s
pa g e n u m b e r proposal
2 Executive Summary
3 Overview
6 Process
7-15 Experience
16-17 References
18 Pricing Schedule
19 Legal Information
21 Signature Page
executive summary
Maricopa Community College district is the largest in the nation and is made up of 10 colleges, 2 skill
centers and serves over 200,000 students each year. It is one of the largest employers in the state with over
8000 employees; similar to a large, multinational corporation. The numbers give you an immediate impression
but its the students, faculty and programs that tell the real story.
Starting off with an array of constituency groups and programs, it’s clear that the diversity throughout the
colleges creates a unique, multicultural environment that adds depth to every campus. It not only engages
students with different perspectives but gives a realistic view of the workplace that the students will soon
become part of. Diversity creates a unique environment, but award winning programs in everything from
bilingual nursing, performing arts to fitness programs for older adults gives just a glimpse into the positive
effect Maricopa Community College district has on the community, state and throughout the country.
The colleges facilitate learning and growth and are specifically geared towards university transfer, continuing
education and job training programs. With an extremely diverse student, faculty and program group, an
equally diverse and custom set of communication tools are needed to connect with each audience.
Parallax is a branding and interactive agency that specializes in developing programs and communication
tools that are specific to each client and their audience. The Parallax niche is developing a distinct visual
and messaging platform that is then turned into a functional online or print solution that will connect to
the intended audience and drive results. Other firms mention custom solutions, but this is what we do. Our
process is always a combined effort, working closely with each client and viewing every project from every
angle. Our solutions have ranged from online tradeshows to customizable intranets that were not only unique
to our client and their audience, but at the time of launch groundbreaking in the digital world.
Our experience in the educational and public sector combined with our work with privately held companies
makes us an ideal fit for the project. Our skill set fits the criteria and our varied yet specialized solutions will
fit the needs of the diverse Maricopa Community College district.
The following proposal provides an overview of our company, process, and pricing.
PAGE 2 OF 21
PA R A L L A X
visual communication
M a r i c o pa c o m m u n i t y c o l l e g e d i st r i c t m e e t s pa r a l l a x
(The following three pages are in response to Respondent Questionnaire 7.1 and 7.2)
Parallax is a full service visual communications firm that specializes in creating brands that connect clients
to their audience through precise messaging and smart visuals. Our award winning work drives success
through a diverse client base from high tech and hospitality to the public and education sector.
Parallax defined: Parallax is the apparent movement of two objects relative to each other when viewed
from different angles.
As a “Parallax,” we look at every project from every angle and with more than 30 years of combined
experience from concept to completion we’re confident that we can exceed client expectations. While the
finished project and results are important, we put a strong emphasis on the process in which we achieve
those results. Research, planning, clear deliverables and constant communication make the project a
success — that, and lots of creative juice.
We’ve driven success by developing successful, customized programs for a variety of clients including:
Our strength, specifically in terms of online solutions, is conceptualizing the project as a whole and
developing a program that is geared to drive specific client results. We begin with research and then
develop the appropriate site architecture and visual interface with functionality that is unique to the
client and their audience. We map out the entire project and oversee the details all the way through the
site launch. On smaller sized projects the development is kept in house, but for larger scale projects we
contract with the specific development team that fits the project. Rather than limiting our possibilities
in terms of development by having one or two in house developers or creating a mediocre code base,
we contract with the best developers in their particular language specific for each project. All of our
developers/partners are San Diego based and either work at the Parallax office or meet weekly in person
with the Parallax team during projects. Internal daily communication is conducted through Skype,
IM, email and phone.
PAGE 3 OF 21
PA R A L L A X
visual communication
PAGE 4 OF 21
PA R A L L A X
visual communication
Pa r a l l a x i n h o u s e s e r v i c e s
discovery - surveys/focus group - user research - information architecture - site mapping - wireframes
- communication brief - user interface design / design templates - usability testing - module design -
content management design - technical and visual style guide - online marketing - online advertising
(flash/static ads) - online newsletter design/development - social media - blog design/development -
xhtml/CSS - Wordpress and Expression Engine (PHP CMS) design/development, Flash development -
site support - CMS and system training - site analytics
pa r t n e r s e r v i c e s
Database development - Dynamic Database Applications - SQL Server/Apache - RDBMS data modeling
and administration - ASP.NET - SSL Integration - C# - Ruby on Rails - JavaScript - AJAX - JQuery -
Cold Fusion - Perl - Custom application development - Drupal - API integration - mobile development
and application - intranet development (custom/template) - Ecommerce (prefer Magento cart) SEO -
SEM - video (scripting/shooting/editing)
awa r d s
Published:
Communication World: Feature article, September 2008
Ragan Communication: Published article, March 2009
PAGE 5 OF 21
PA R A L L A X
visual communication
pa r a l l a x w e b d e v e l o p m e n t p r o c e s s
This is our general web development process. Specific steps and tactics for projects with the Maricopa Community
College District will be defined per project.
LISTEN
step 1 >> research
• onsite meeting and tours
• interview key stakeholders
• determine general scope of work, goals and objectives
• evaluate existing external/internal brand
• research (audience surveys, focus groups, anec
dotal observations, industry/non industry research)
• competitive analysis
• needs assessment/discovery
• synthesize learnings
1
FOLLOW THROUGH
step 5 >> launch
• training and support
• provide completed style,
user and technical guide
• provide feedback and
5 2 APPROACH
step 2 >> analysis
guidance • establish design objectives
• campaign to launch • site map and wireframe creation
• measure success (axure.com for larger sites)
• determine next steps • present a plan of attack and detailed timeline
• create information architecture related to
structure of company
• technical needs assessment
• finalize technical requirements
4 3
IMPLEMENT
step 4 >> development and testing
• set up database and staging server
DESIGN
step 3 >> create online brand
• code base is stored on multiple development and
• explore visual boundaries of brand
staging servers and workstations, all backed up.
• determine depth of brand
• CMS intsall, configure CMS GUI
• establish rules and guidelines for brand
• develop style sheets and animation
• create design template / user interface
• social & multimedia integration
• usability testing
• search engine optimization, analytics,
• create style guide
• internal testing, client testing
• design all subpages, modules, CMS interface
PAGE 6 OF 21
PA R A L L A X
visual communication
sample work
The summaries listed below are a sample of the web projects Parallax has worked on and give an overview of the
diversity of projects, clients and custom solutions created for each. Each client and every project is unique and all of
the projects below involved aspects of Parallax process, but are modified for each client, need and timeline. A detailed
description of the Parallax creative and development process is on the preceding pages.
(The following nine pages are in response to Respondent Questionnaire 7.3 and 7.5)
project name The Skinny, Intranet for San Diego County Retirement Association
url http://74.208.123.150/
user: demo
pw: skinny
(best when viewed in IE)
site is hosted internally and connected the active directory making certain content unavailable.
objective Development of an interactive site that will improve internal communication, workflow, engagement and
communication among employees and management
solution The Skinny, a customizable intranet that allows management to communicate daily with employees and improves work
flow with a new set of online tools
overview An extensive discovery process was performed, surveying and interviewing all of the department heads, employees and
the communication department. In the end it was determined that each department had varying, yet overlapping needs
in terms of daily work functions and communication. Several
existing intranet platforms similar to Sharepoint were researched
but Parallax and SDCERA determined the most effective tool
would be an custom coded intranet, similar to iGoogle, that
would allow each employee to customize their own desktop
with the widgets needed to best perform their job functions.
These widgets could be added or removed with one click and
dropped and dragged around the desktop for personal preference.
In addition, Parallax, together with the communications
department, determined that several widgets would be stationery
and mandatory for all employees to improve communication
from management. Each widget varied in complexity are
considered stand alone custom coded applications.
PAGE 7 OF 21
PA R A L L A X
visual communication
items and continues as of today. The design process included usability testing, in which a selected group of employees
varying in age, department and skill set worked with the design team providing feedback about various design and
functional attributes. This allowed a refinement that would later prove to be most effective in terms of usability.
A few of the widgets that were created are: forms and documents, polls, photo gallery, 1937 Act (a 400 page legal
document, that allowed users to search, highlight and make notes, links (internal and external) and an employee
directory to just name a few. More can be seen on the site. The rest of the content lived throughout a four - tier
navigation system and is content managed by each department.
Prior to the launch Parallax created an internal advertising campaign to entice, intrigue and engage employees about
the upcoming Intranet. Parallax provided a week long training program as well as documentation that helped users feel
comfortable and confident when using the site.
timeline 10 months
r e s u lt s 3 months after the launch of The Skinny it became the default homepage for all employees, which turned out
to be a huge win for the communications department. 100% of the staff use the site on a daily basis. As planned,
communication and internal functions have been greatly streamlined resulting in increased employee productivity,
extremely streamlined communication and improved engagement. Similar to social networking, The Skinny allowed
personal information and comments from employees to be shared which in turn resulted in better communication and
relationships between staff and management, which is priceless.
additional work Internal advertising campaign, External postcard campaign, External survey campaign, External newsletters,
Annual Report
PAGE 8 OF 21
PA R A L L A X
visual communication
project name Invent the Future, Interactive site / Fundraising Campaign for University of California San Diego
url http://inventthefuture.ucsd.edu/
objective Create a campaign and interactive site that would be part of a five year plan to raise $50 million for undergraduate
scholarships and graduate fellowships.
solution An interactive, video heavy site that explored the relationship between the student and donors combined with a strong,
energetic visual brand. (the website is one of several tactics in the campaign)
overview Parallax was brought in during the planning phase of the campaign to develop a visual brand and a website that would
connect with current and potential donors. During the first phase Parallax developed the visual brand and guidelines
that would serve as the foundation of the campaign for the next 5 years. While the brand was being established Parallax
finalized the technical requirements and came up with the idea to show the relationship between donor and student
through video. Different technologies were explored, but the IT department insisted on a .NET site that would live
on their server. With an extremely short timeline (2 months) and limited budget, Parallax facilitated a web/campaign
committee that acted as a sounding board for both the visual and structure of the site. The committee consisted of
faculty, students, alumni and various staff for the communication department. Parallax opted to have less functionality
on the site but spend more of the budget on video, as we believed it would be most effective for the campaign and the
allocated budget. Parallax subcontracted with a video company, Ten Stories, to script and shoot video of students and
donors that would be used on the site and reused throughout the campaign. The design of the brand was finalized and
a simple set of guidelines was created to ensure consistency. The User Interface design was created shortly after which
explored different animations and video integration as a focal point—exploring the student/donor relationship. In the
end a straightforward, yet playful javascript animation housed the videos and enticed the user to click, view and donate.
The brand, site, and videos were completed on time and on budget with great success both with the internal team and
externally with donors.
timeline 2 months
PAGE 9 OF 21
PA R A L L A X
visual communication
url http://www.sdcwa.org
objective Develop a new structure, online brand, functionality and overall user experience for The San Diego County Water
Authority
solution A complete discovery process that led to a new structure, new workflow, new design and new technologies (drupal)
that completely changed the internal workflow and external perception of the organization.
overview The SDCWA site redesign started with a extensive discovery process which included meeting with all department
heads, surveying employees, partner agencies and the public. After gathering the data and working with SDCWA,
Parallax determined that a complete reorganization of the information was the next step, which included a completely
revised site map with a host of new added functionality to improve the user experience on all levels. During this initial
phase an extensive technical requirements document was created and the visual research process started as well. The
visual research process included an internal survey, focus groups and many hours of research - industry, non-industry
and technology trends with the Parallax team.
Initially Parallax presented wire frames and then went through an extensive design and presentation process, with
several rounds and presentations to many different internal groups. A new User Interface was chosen and from there 10
custom templates were designed, all fitting to the specifications of the templates that were determined in the discovery
process. From there, the designs were signed off and development began. An initial drupal install had began prior to
the designs being finalized to help speed up the process. The development and testing process took approximately 6
months and a host of functionality was included. A few examples are: mega menu navigation, live audio from board
meetings, video/twitter/blog integration, filter by type of user, master and sub calendar displays, in-depth RSS feed and
e-mail subscription, advanced search engine, water district locator, WAP, multimedia new center and more. During the
development process Parallax created content and
migrated over about 95% of the content from the
old site, taging each page for taxonomy/SEO.
PAGE 10 OF 21
PA R A L L A X
visual communication
timeline 14 months
r e s u lt s The site was launched in October 2010 and already the response has been phenomenal. Visually, SDCWA is now
presented as a modern, stable, forward-thinking industry leader and the restructure of the content has noticeably
improved usability, as users can navigate to the appropriate sections without contacting SDCWA by phone or e-mail.
Internally, the robust Drupal platform allows every department to become content producers where before, all of the
responsibility relied on one person. It has only been 2 months since the site launch, but the site visits have increased as
well as the duration of each visit.
url http://www.pc.maricopa.edu/90/timeline/
solution An interactive Flash based site that integrated photography/imagery and stories with a engaging user experience
overview The Phoenix College 90th timeline was part of a campus wide celebration that occurred at the beginning of the fall
semester in 2010. Phoenix College was looking for a way to tell the history of the school online using a timeline.
Through a collaboration of ideas, Parallax presented wireframes about how the site could function. Phoenix College
agreed on one direction and Parallax moved forward with visual research process. The process included learning
about the schools’ brand, likes/dislikes, industry research and interactive research regarding details about how the site
would animate. Design options were presented following the research and one direction was chosen. From there the
Flash animation was finalized and the content was
integrated through and XML file which would
allow the Phoenix staff to internally make changes.
timeline 2 months
PAGE 11 OF 21
PA R A L L A X
visual communication
project name San Diego Community College District, Continuing Education site design
url http://sdce.edu/
objective Redesign of the site to fit with the organization wide rebrand
solution A modified structure and new design to fit with the new brand and to improve the user experience
overview Parallax began the relationship with Continuing Education at the end of 2008. Through internal discussions, feedback
from Parallax and the communications department it was determined that a complete rebranding was needed to change
the community’s perception of the organization and streamline communication. Parallax proceeded with a complete
rebranding process which included surveys, focus groups, and extensive industry and visual research. The brand was
developed and Parallax together with the communications department identified a variety of communication tools that
would need to be updated.
The website fell into the first phase category and redesign ensued. Rather than a complete restructure, it was determined
that because of the limited timeline a “facelift” would be needed to bring the site up to speed with the new brand. After
the majority of communication pieces had been transferred over, Parallax would then go through a complete redesign/
restructuring process. (Parallax is currently in the process as of December 2010) Parallax formed a web committee that
acted as a sounding board for new ideas / design feedback. The general site structure remained the same, but elements such
as certificate program videos, a success story campaign and class locations with a google map integration were introduced
as a way to engage the user but was able to maintain the existing site structure.
Through the process Parallax worked with the IT department to finalize the site structure and technical requirements. The
site was developed in Drupal and because of limited funds and internal resources Parallax provided Continuing Education
with finalized Photoshop files for the homepage and 4 subpages and Continuing Education developed the site. The
execution of the backend of the site was good, but
as part of the current redesign Parallax will provide
5-7 CSS templates which will ensure the consistent,
professional look and feel that was intended.
timeline 3 months
PAGE 12 OF 21
PA R A L L A X
visual communication
url In process
objective Redesign of the site to create a new online brand and new user experience that will increase conversion rate or
prospective students, encourage retention and promote programs, services, campaigns and events.
solution In collaboration with the Phoenix College team, create a new structure and look and feel to increase engagement,
online presence, enrollment and more
overview Parallax is currently in the process of redesigning the site for Phoenix college. Designs should be finalized by January
2011 or sooner. The process began with Phoenix College providing Parallax with an extremely thorough discovery
document which included everything from technology choices, functionality, content, and visual preferences. The detail
allowed Parallax to focus on the design and an internal visual discovery process was the next step. Parallax surveyed the
Phoenix College communications team and researched education industry/non industry trends both on and offline.
An initial presentation was made of the visual research and 3 options for wireframes were presented to the team
organized by the lead at Phoenix College. Feedback was provided and Parallax together with Phoenix College
collaborated to finalize the homepage wireframe.
With a finalized wireframe, Parallax created 4 unique design options and presented to the Phoenix College web
committee via Webex. The options all worked with the existing brand but introduced new textures, elements,
illustrations, layouts and use of various functionality. Feedback was provided by Phoenix College and Parallax went
through several rounds of revisions to end up with a completely new look and feel.
Parallax is now in the process of designing a subpage template.
timeline 3 months
r e s u lt s to be determined
PAGE 13 OF 21
PA R A L L A X
visual communication
url http://www.parallaxviscom.com/qualcomm_tradeshow08/
Site is hosted internally and certain links and videos are not available and some information is proprietary
objective Develop a new way to educate a global employee base about current division and company projects, goals and
information
solution A highly interactive site that has explanations and videos of division leaders talking about current projects and goals
with an incentive based quiz to educate and engage employees.
overview Qualcomm, a Fortune 500 wireless company with more than 17,000 employees worldwide wanted to create a way
to educate employees about current company and division projects and goals. The solution needed to be online and
Parallax proposed to create a virtual tradeshow, that would allow employees to browse through booths of each division,
read an overview and watch a 2 minute clip with each department head talking about what they were currently
working on. The booths also allowed the user to click and leave the site to learn about each division in more detail on
the company’s intranet.
During the brainstorming sessions Parallax emphasized that the site not only needed to be extremely “fun” and
interactive for the employee to browse through all of the divisions, but there also needed to be a way to test their
knowledge. An interactive quiz was introduced asking about each of the divisions and together we determined that
there needed to be an incentive to really get the response that was desired. A raffle to win a free iPod was the incentive,
and this small added detail made the site highly effective.
PAGE 14 OF 21
PA R A L L A X
visual communication
timeline 4 months
r e s u lt s The site, which was the first of its kind, launched with great success and during the first month more than 40% of
employees had gone through and completed the Quiz - which proved to be much more of an education tool rather
than just browsing the site. The site was intended to be used for approximately 2 months, but stayed live on the
Qualcomm intranet for one year. For the month of March, 6 months after the site launch, there were 13,000 unique
views, which showed the communications staff that the site became more than a one time event, but a resource for
employees.
PAGE 15 OF 21
PA R A L L A X
visual communication
references
c o m pa n y n a m e Phoenix College
address 1202 West Thomas Road Phoenix, AZ 85013
c o n ta c t p e r s o n Eileen Archibald, Director of Institutional Advancement Alumni, Development, Marketing and Public Relations
phone 602.285.7870
e-mail [email protected]
services Working to strategize and redesign the main website for Phoenix College. Also helped concept and design an
interactive timeline commemorating Phoenix College’s 90th anniversary.
http://www.pc.maricopa.edu/90/timeline/
services Researched and strategized a complete overhaul of the brand and marketing programs for the Continuing Education
department of the San Diego Community College District. Involved creating a new brand manual, class schedule,
online brand, advertising, brochures, signage and many other collateral pieces.
services Developed a campaign brand and interactive website to encourage donors to donate to scholarships helping
undergraduate scholarships and graduate fellowships. Through video the site showed the connection and impact that
donors and recipients have on each other.
PAGE 16 OF 21
PA R A L L A X
visual communication
services Developed visuals, messaging and communication tools for a capital campaign project to raise money for the school
which included a new campaign brand, tagline, subsite, html newsletter, printed mail pieces and more.
c o n ta c t p e r i o d 7/08 to present
services Complete web overhaul of large scale drupal installation, design and production of printed and online annual report,
design and develop of two subsites both pertaining to water conservation.
c o m pa n y n a m e Qualcomm
address 5775 Moorehouse Drive San Diego, CA 92121
c o n ta c t p e r s o n Laura Shanley, Senior Employee Communications Specialist
phone 858.651.4887
e-mail [email protected]
services Designed and developed over 75 projects, many geared towards employee engagement and education.
A few projects: employee annual reports, online tradeshow, online interactive leadership site, internal branding, internal
advertising campaign, signage/display, datasheet, interactive presentations and more.
PAGE 17 OF 21
PA R A L L A X
visual communication
pricing schedule
t y p e o f s e r v i c e h o u r ly r at e
PAGE 18 OF 21
PA R A L L A X
visual communication
Pa r a l l a x l e g a l i n f o r m at i o n
url www.thinkparallax.com
l e g a l stat u s Corporation (S-Corp) with Jonathan Hanwit and Guusje Bendeler (Woman-owned)
(S-Corp as of Jan 1, 2010, previously a Partnership
Parallax is not owned or controlled by a “parent” company
f e d e r a l ta x i d 36-4664280
years in business 7 years (All 7 years in San Diego, moved to Encinitas (north San Diego County November 1, 2010))
No offices in Arizona
PAGE 19 OF 21
PA R A L L A X
visual communication
Jonathan Hanwit
Name
Decemeber 13, 2010
Date
Director of Client Services / CEO
Job Title
Parallax Visual Communication
Company Name
I will not reveal or attempt to reveal any individually identifiable information furnished, acquired,
retrieved, or assembled by me in connection with the SIS database for any purpose;
I will not disclose to the public or otherwise, information from which a student’s records could be
identified;
I will not permit any other person to use a SIS account or password;
I will not attempt to identify individual students in the SIS database by joining that data with other
data available to me;
I will ensure that information extracted from the SIS database is safeguarded and stored in a location
and medium not accessible to anyone else but a MCCCD authorized person;
I will report any loss or breach of security to the MCCCD Purchasing Office (Attn: Ren Carlson / 480-
731-8519) immediately;
I have read and agree to be bound by the Non-Disclosure Agreement between Maricopa County
Community College District and my Company.
________________________________________________________
Signature / Date
PAGE 20 OF 21
PA R A L L A X
visual communication
S i g n at u r e Pa g e
Pursuant to Arizona Revised Statutes 35-391.06 & 35.393.06, proposer certifies that it does not have a
scrutinized business operation in either Sudan or Iran.
SIGNATURE ___________________________________________________
Jonathan Hanwit
Printed Name
760.634.0273
Telephone
760.634.0274
Fax Number
[email protected]
E-Mail
Is your firm a:
Has your firm or its parent or subsidiaries ever been debarred or suspended from providing any goods or
services to the Federal Government or other public entities? No
If yes, when, for what reason, and when were they reinstated:
* Prior to incorporating Parallax Visual Communication was a Partnership between Guusje Bendeler and
Jonathan Hanwit between 7/2003 and 10/2009
PAGE 21 OF 21