Delivering beautiful experiences

Project proposal: Responsive Web Design

Client: Example Company
Delivered on: Not yet submitted
Submitted by: Frank Yogendran
 OVERVIEW AND GOALS

Dear Frank,

It was great to speak with you yesterday about your new project for Example Company.

Gone are the days when we knew for certain that everyone was viewing the web on a
desktop or laptop computer so websites were designed and developed for that
standard experience.
Increasingly, people are viewing the web on a variety of devices - tablets, smart phones
and other mobile devices. If your website doesn’t support those devices, this can
negatively affect how users interact with your business. The site may load slowly, the
layout is fixed and awkward to navigate and you may end up with a frustrated user.
Statistics show that most users don’t convert when using small screen devices which
means you may be losing out on valuable business opportunities.

The Ceygee team can turn this problem around using responsive design. We’ll redesign
your website’s front-end templates to adapt and scale to whatever kind of device the
user is viewing from while maintaining your existing look and feel and improving
overall performance. We’ll test it on a variety of devices - mobile and non-mobile - to
ensure the experience is consistent and easy to use.

We want to improve your conversion by 50% for mobile users which, given the current
percentage of users who visit websites on mobile devices currently, should impact sales
by 20% per month. Now that’s what you’d call responsive, don’t you agree?

Sincerely,

Frank Yogendran

Ceygee

Page
1
 SCOPE OF SERVICES
Research
The first step is we need to thoroughly understand your business, your business goals,
your customers and their expectations and behaviour, and how your website factors
into all of it. We’ll also look at the competitive landscape to establish context and
benchmarks for how your site should function and then improve on that. This stage will
give us the foundation for moving forward with just the right recommendations for the
design and development of your new responsive website.

Design
Once we’re armed with this information, we’ll set to work sketching out interface
layouts for 3-5 different views, including the home page, sub page, the blog template,
and any additional templates needed. Wireframes look like simple skeletons of your
website without the visual polish of the finished design, allowing us to experiment and
iterate on solutions quickly so that we have a good sense of how content should be laid
out across different screen sizes.

Next we’ll design high-fidelity comps that show what the final designs will look like on
desktop, tablet, and smart-phone screen sizes, providing up to two rounds of revisions
on the design.

Development
Once you’ve approved the design, we’ll start building them using HTML, CSS, and Javascript.

Wordpress Integration
After testing the static layouts, we integrate the new designs with your current
Wordpress theme. To do this we’ll need to mirror your live site in a development
environment, then our QA department will test the site across different browsers
(Firefox, Chrome, Safari, Internet Explorer 9+) and devices (iPhone 4S, Galaxy II). Any
bugs that arise from this testing will be fixed prior to launch.

Page
2
 ADDITIONAL
RECOMMENDATIONS
User Testing
Although not required, testing the designs with real users will greatly improve the
quality of the finished design and help catch usability issues before time is spent
building out the designs. User testing involves our usability professionals recruiting up
to 5 users and asking them to perform tasks. We record the results of the test and then
deliver the video to you along with a list of usability issues or comments that our design
team can implement. It’s like the digital version of the old adage “Measure twice, cut
once.”

Support Retainer
We recommend retaining our services after the site is launched to assist with any
further support issues that arise. As part of this retainer we will also provide
monthly analytics reports and recommendations to further improve your site
conversion.

Page
3
 TIMEFRAME
To complete the work outlined in the project scope, we'll need
approximately 12 weeks from beginning to end, depending on when we
receive feedback at each milestone. Upon signing the proposal we are
prepared to start work immediately.

Phase Week

Research 1-2

Present Wireframes 3

Present finished mockups 4-5

Code HTML/CSS templates 6-7

Wordpress Theme Integration 8-9

QA Testing and Review 10-11

Deployment to live site 12

Page
4
 YOUR INVESTMENT
Below is the budget we've estimated based on the scope of services outlined earlier in
this proposal. If you have any questions about our pricing or need to increase or
decrease the scope of work, please leave a comment and let us know.

CORE BUDGET

Description Price Qty Price

Research $2,500

Design $5,000

Front-End Development $5,000

Wordpress Integration $5,000

QA Testing $1,500

Total $19,000

RECOMMENDED

Description Price Qty Price

User Testing 750$

Support & Maintenance Retainer $0

(monthly)
Total $750

Page
5
 WHY US?
At Ceygee, we’re all about the experience. We design simple, compelling, and
functional websites that make it easy for users to quickly find exactly what they’re
looking for when they arrive at your site and then convert them into paying
customers. It’s about creating a online experience that transforms users into
followers, customers into ambassadors.

We do this by listening to you, understanding your target audience, and putting our
extensive online knowledge to work on a plan that will improve your business goals
and change the way you think about the potential of the internet.

Oh, and if you’re wondering, we’re mobile first. It’s not just the way of the future. It’s
the way of right now.

Page
6
 OUR TEAM

JULIA HOCKNEY SAM BARKHOUSE MELINDA AMOUD

Design Director Technical Director Marketing Director
Morbi interdum mollis Morbi interdum mollis
Suspendisse ac urna. Etiam
sapien. Sed ac risus. sapien. Sed ac risus.
pellentesque mauris ut
Phasellus lacinia, magna a Phasellus lacinia, magna a
lectus. Nunc tellus ante,
ullamcorper laoreet, lectus ullamcorper laoreet, lectus
mattis eget, gravida vitae,
arcu pulvinar risus, vitae arcu pulvinar risus, vitae
ultricies ac, leo. Integer leo
facilisis libero dolor a facilisis libero dolor a purus.
pede, ornare a, lacinia eu,
purus. lacinia vel, tellus. Sed vel lacus.
vulputate vel, nisl.

JASON MACMILLAN vulputate vel, nisl.

Designer
Sed vel lacus. Mauris nibh
felis, adipiscing varius,
adipiscing in, lacinia vel,
tellus. Suspendisse ac urna.
Etiam pellentesque mauris
ut lectus. Nunc tellus ante,
mattis eget, gravida vitae,
ultricies ac, leo. Integer leo
pede, ornare a, lacinia eu,

Page
7
CHRIS VOSS scing in, lacinia vel, tellus.
Suspendisse ac urna.
Developer
Etiam pellentesque mauris ut
M lectus. Nunc tellus ante,
a mattis eget, gravida vitae,
u ultricies ac, leo. Integer leo
r pede, ornare a, lacinia eu,
i vulputate vel, nisl.
s

n
i
b
h

f
e
l
i
s
,

a
d
i
p
i
s
c
i
n
g

v
a
r
i
u
s
,

a
d
i
p
i

Page
8
Case Study
Happy Client xCo.

PROJECT GOALS OUR SOLUTION RESULTS

Sed egestas, ante et Ut convallis, sem sit amet Suspendisse mauris.
vulputate volutpat, eros pede interdum consectetuer, odio Fusce accumsan mollis
semper est, vitae luctus augue aliquam leo, nec eros.
metus libero eu augue. Morbi dapibus tortor nibh sed Pellentesque a diam sit amet
purus libero, faucibus augue. Integer eu magna sit mi ullamcorper vehicula.
adipiscing, commodo quis, amet metus fermentum Integer adipiscing risus a sem.
gravida id, est. Sed lectus. posuere. Morbi sit amet nulla Nullam quis massa sit amet
Praesent elementum sed dolor elementum nibh viverra malesuada. Nunc
hendrerit tortor. Sed semper imperdiet. sem lacus, accumsan quis,
lorem at felis. Vestibulum Quisque fermentum. Cum faucibus non, congue vel, arcu.
volutpat, lacus a ultrices sociis natoque penatibus et Ut scelerisque hendrerit tellus.
sagittis, mi neque euismod magnis dis parturient Integer sagittis.
dui, eu pulvinar nunc sapien montes, nascetur ridiculus Vivamus a mauris eget arcu
ornare nisl. Phasellus pede mus. Pellentesque gravida tristique. Nunc iaculis
arcu, dapibus eu, fermentum adipiscing eros ut libero. Ut mi in ante. Vivamus
et, dapibus sed, urna. condimentum mi vel tellus. imperdiet nibh feugiat est.
Suspendisse laoreet.

"Ceygee was amazing to work with on our redesign

project. They were professional, knowledgeable and a
delight to be around. My sales increased 10% after the

Page
9
launch."
- Joe Blow, Happy Client

Page
10
 STATEMENT OF WORK &
CONTRACT
[Note: This is a sample contract - we are not lawyers and recommend you
having your own legal counsel review any contract prior to sending out.]

Date: Not yet submitted

Between "us", Ceygee, and "you", Example Company

You Example Company, located at 123 Fake Street are hiring Ceygee located at 125
Swank Drive to design and develop a web site for the estimated total price of
$19,750.00 as outlined in our previous correspondence.

1.0 Services Rendered

DESIGN
We create look-and-feel designs, and flexible layouts that adapt to the capabilities of
many devices and screen sizes. We create designs iteratively and use predominantly
HTML and CSS so we won’t waste time mocking up every template as a static visual.
We may use static visuals to indicate a look- and-feel direction (colour, texture and
typography.)

You’ll have two or more weekly opportunities to review our work and provide
feedback. If, at any stage, you’re not happy with the direction our work is taking,
you will pay us in full for everything we’ve produced up to that that point and
then cancel this contract.

TEXT CONTENT
Writing or inputting any text copy is not included in this contract. If you’d like us to
write new content or input text for you, we’re happy to provide a separate estimate
for that.

PHOTOGRAPHS
You’ll need to supply graphic files to us in an editable, vector digital format.
Photographs must be in a high resolution digital format. If you choose to buy stock
photographs, we can suggest stock libraries and style of photography/images. If you’d
like us to search for photographs for you, we can provide a separate estimate for that.
Cost of buying stock photographs or a photo shoot is not included in this contract.

HTML, CSS AND JAVASCRIPT

unobtrusive Javascript for feature detection, poly-fills and
behaviours.
Page
11
 We deliver templates developed from HTML5 markup, CSS2.1 + 3 stylesheets for styling and

unobtrusive Javascript for feature detection, poly-fills and

behaviours.
Page
12
 BROWSER TESTING
Browser testing no longer means attempting to make a website look the same in
browsers of different capabilities or on devices with different size screens. It does
mean ensuring that a person’s experience of a design should be appropriate to the
capabilities of a browser or device.

DESKTOP BROWSER TESTING

We test our work in current versions of major desktop browsers including those
made by Apple (Safari), Google (Chrome), Microsoft (Internet Explorer), and Mozilla
Firefox. We’ll also test to ensure Microsoft Internet Explorer 8 for Windows users get an
appropriate, possibly different, experience. We’ll implement a single column design for
Internet Explorer 7 and below for Windows but we won’t test in other older browsers
unless you specify otherwise. If you need an enhanced design for an older browser,
we can provide a separate estimate for that.

MOBILE BROWSER TESTING

Testing popular small-screen devices is essential in ensuring that a person’s experience of a
design is appropriate to the capabilities of the device they’re using. We test our work in:

• iOS: Safari
• Android 4.1: Google Chrome, Firefox
• Android 3.2: Browser, Firefox

We currently don’t test Blackberry OS or Blackberry QNX, Opera Mobile, Symbian or

other mobile browsers. If you need us to test using these, we can provide a separate
estimate for that.

TECHNICAL SUPPORT
We’re not a website hosting company so we don’t offer support for website hosting,
email or other services relating to hosting. You may already have professional hosting
and you might even manage that hosting in-house; if you do, great. If you don’t, we
can set up an account for you at one of our preferred hosting providers. We can set up
your site on a server, plus any statistics software such as Google Analytics and we can
provide a separate estimate for that. After that, any updates to, and management of
that server will be up to you.

CHANGES AND REVISIONS

We know from experience that fixed-price contracts are rarely beneficial to you, as
they often limit you to your earliest ideas. We don’t want to limit your ability to change
your mind or make decisions later when you might be better informed. The price at the
beginning of this contract is based on the length of time we estimate we’ll need to

Page
13
 accomplish everything you’ve told us you want to achieve, but we’re happy to be
flexible. If you want to change your mind or add anything new, that won’t be a problem
as we’ll provide a separate estimate for to cover the additional work.

Page
14
 ERRORS
We can’t guarantee that our work will be error-free (we’re human!) so we can’t be liable
to you or any third-party for damages, including lost profits, lost savings or other
incidental, consequential or special damages, even if you’ve advised us of them.

2.0 Mutual Cooperation

We agree to use our best efforts to fulfill and exceed your expectation on the
deliverables listed above. You agree to aid us in doing so by making available to us
needed information pertaining to your website and to cooperate with us in expediting
the work.

3.0 Charges for Services Performed

3.1Functionality or feature requests above and beyond those listed in the budget
and/or the functionality specs may be considered out-of-scope and an amendment to
the budget will be recommended. Projects that go dormant for longer than 45 days will
incur fee to resume work at the discretion of Ceygee.

4.0 Terms of Payment

4.1 BILLING SCHEDULE
We’re sure you understand how important it is as a small business that you pay the
invoices that we send you promptly. We’re also sure you’ll want to maintain a positive
working relationship and keep the project moving forward, so you agree to stick
tight to the following payment schedule.

The total budget for this project: $19,750.00

Ceygee will invoice Example Company for fifty per cent (50%) of the initial fees at point
of this signed contract agreement which will act as the deposit. The remaining 50%
will be billed monthly as the service hours are spent or when the project is
launched.

Example Company will supply Ceygee with all necessary purchase order numbers and
other internal information required for invoice processing before the close of the
month of work (if applicable).

4.3CLIENT AGREEMENT TO PAY

You agree to pay our initial (1st) invoice upon receipt which will act as a deposit for the
project. Every invoice after that will have 15 day payment terms. In the event payment
is not made within 15 days, Ceygee will charge a late payment fee of 1% per month on
any overdue and unpaid balance not in dispute, to cover the manpower, interest, and
other costs Ceygee pays for carrying overdue invoices from Example Company. In

Page
15
 addition, Ceygee reserves the right to stop work until payment is received.

Page
16
 4.4COLLECTION COSTS
In the event that we incur legal fees, costs and disbursements in an effort to collect our
invoices, in addition to interest on the unpaid balance, you agree to reimburse us for
these expenses.

5.0Cancellation of Plans
You have the right to modify, reject, cancel or stop any and all plans or work in process.
However, you agree to reimburse us for all costs and expenses we incurred prior to
your change in instructions, and which relate to non-cancelable commitments, and to
defend, indemnify and hold us harmless for any liability relating to such action. We
agree to use our best efforts to minimize such costs and expenses.

6.0Responsibilities of Ceygee and Example Company

6.1 CEYGEE'S RESPONSIBILITY FOR RELEASES
We shall obtain releases, licenses, permits or other authorization to use
testimonials, copyrighted materials, photographs, art work or any other property or
rights belonging to third parties obtained by us for use in performing services for you
(If applicable).

6.2CLIENT RESPONSIBILITY FOR RELEASES

You guarantee that all elements of text, images, or other artwork you provide are
either owned by your good selves, or that you have permission to use them.

Then when your final payment has cleared, copyright will be automatically assigned as follows:

You’ll own the visual elements that we create for this project. We’ll give you source
files and finished files and you should keep them somewhere safe as we’re not
required to keep a copy. You own all elements of text, images and data you provided,
unless someone else owns them.

We’ll own the unique combination of these elements that constitutes a complete design
and we’ll license that to you, exclusively and in perpetuity for this project only, unless
we agree otherwise. We can provide a separate estimate for that.

6.3CLIENT RESPONSIBILITY FOR ACCURACY

You shall be responsible for the accuracy, completeness and propriety of information
concerning your products and services which you furnish to us verbally or in writing in
connection with the performance of this Agreement.

7.0Confidentiality

Page
17
 Ceygee acknowledges its responsibility, both during and after the term of its
appointment, to use all reasonable efforts to preserve the confidentiality of any
proprietary or confidential information or data developed by Ceygee on behalf of
Example Company or disclosed by Example Company to Ceygee.

8.0 Term and Termination

8.1Period of Agreement and Notice of Termination

This Agreement shall become effective as of DATE HERE and shall continue until
terminated by either party upon not less than 60 days’ notice in writing given by
either party to the other.

8.2TERMINATION FOR CAUSE

Either party to this Agreement may terminate the Agreement if the other party
defaults in the performance of any of its material duties and obligations and the
default is not cured within thirty
(30) days of the receipt of notice of said default, or if the default is not reasonably
curable within said period of time, unless the defaulting party commences cure within
said period of time and diligently proceeds to cure the default.

In addition, either party may immediately terminate this Agreement by giving written
notice to the other party if the other party is insolvent or has a petition brought by
or against it under the insolvency laws of any jurisdiction, if the other party makes
an assignment for the benefit of creditors, if a trustee, or similar agent is appointed
with respect to any property or business of the other party, or in the case of the
Client, if the Client materially breaches its obligations to make payment pursuant
to this Agreement.

8.3PAYMENT FOR NON-CANCELABLE MATERIALS?

Any non-cancelable materials, services, etc., we have properly committed ourselves to
purchase for your account, (either specifically or as part of a plan such as modules,
photography and/or external services) shall be paid for by you, in accordance with the
provisions of this Agreement. We agree to use our best efforts to minimize such
liabilities immediately upon written notification from you. We will provide written proof,
upon request of the Example Company, that any such materials and services, are non
cancelable.

8.4MATERIALS UNPAID FOR

If upon termination there exist any materials furnished by us or any services
performed by us for which you have not paid us in full, until such time as you have
paid us in full you agree not to use any such materials, in whole or in part, or the
product of such services.

Page
18
 8.5TRANSFER OF MATERIALS

Page
19
 Upon termination of this agreement, provided that there is no outstanding
indebtedness then owing by Example Company to Ceygee, Ceygee shall transfer,
assign and make available to Example Company all property and materials in its
possession or control belonging to Example Company.
Example Company agrees to pay for all costs associated with the transfer of materials.

9.0General Provisions
9.1 GOVERNING LAW
This Agreement shall be governed and construed in accordance with the laws of the
Province/State of STATE/PROVINCE.

9.2REPRESENTATIONS AND WARRANTIES

The parties each individually represent and warrant that each has full power and
authority to enter into this Agreement and to perform all of their obligations
hereunder without violating the legal or equitable rights of any third party.

9.3ENTIRE AGREEMENT
Except as otherwise set forth or referred to in this Agreement, this Agreement
constitutes the sole and entire Agreement and understanding between the parties
hereto as to the subject matter hereof, and supersedes all prior discussions,
agreements and understandings of every kind and nature between them as to
such subject matter.

9.4SEVERABILITY
If any provision of this Agreement is held to be illegal, invalid, or unenforceable under
any present or future law, then that provision will be fully severable. In such
instance, this Agreement will be construed and enforced as if the illegal, invalid, or
unenforceable provision had never comprised a part of this Agreement, and the
remaining provisions of this Agreement will remain in full force and effect.

Frank Yogendran, to accept this contract, click the Accept buton and
sign at the prompt. You will be emailed a copy for your records

Page
20
 NEXT STEPS
1. Please read the contract on the previous page to make sure you understand
all the details involved with us working together. It’s really important to us
that everything is transparent and understood from the beginning so that we
lay a solid foundation for a great working relationship.
2. If you have any questions at all, please let us know. We’re happy to clarify any
points and there may be some items that we can sort out together. We’re
committed to finding the best way to work together.
3. Once you feel confident about everything and are ready to move forward,
please click the 'sign here' button below.
4. Sign in the box that pops up to make the acceptance official.
5. Once we receive notification of your acceptance, we’ll contact you shortly to
sort out next steps and get the project rolling.
6. We’ll email you a separate copy of the signed contract for your records.
7. If you’d like to speak to us by phone, don’t hesitate to call +447438721317

SIGNATURE
 Frank Yogendran

Frank Yogendran

SIGNATURE
 Frank Yogendran

Frank Yogendran
Example Company

Page
21