The academy fordigital design nomads

Free presentation template for remote web design projects

Your LogoProject description

Client Name

Date

This template is brought to you by

Contents

1. Project overview2. Project features3. Proposed website structure4. Mood-board5. Web development process6. Project time-line7. Pricing8. Contact details

Web design presentation

This presentation should be presented after an initial conversation and briefing has taken place. With this presentation a more accurate scope of the project can be presented to the client.

This page should include a brief description of the project, the scope and main features. Type of technologies used and general design ideas. This description contains top line information that’s vague and can be amended as the project develops in its first stages.

A few aspects to take in to account are the following:

Number of pagesIs the website responsive?Does the site need e-commerce capabilities?Does the site need SEO?What extra features does the site need?Does the site need marketing?

1Project overview

Web design presentation

Make sure your client understands the scope of the project. This is your chance to talk about included features and optional features that fall outside the initial budget. Make sure your client knows if they are getting a multilingual site, SEO, marketing and other features included or excluded of the initial budget in order to prevent later misunderstandings. Here are a few examples of what your a site might include.

2Project Features

Web design presentation

Included features

• Fully branded website• Custom built, pixel perfect graphics• Web fonts• Social network connectivity• Automatic backups• Web security• Content management system• Content management system training• Responsive design• Browser optimization• Blog functionality• Interactive layouts• Animated buttons• Multilingual site

2Project Features

Optional features

Hosting

• Unlimited storage space*• Unlimited email accounts*• Web mail and mobile ready email• Personal email setup• SEO Optimized• Online website backup

Maintenance

• Personalized assistance• Updates to blog• Design updates• Updates to case studies

Web design presentation

Chances are that your client doesn’t know what they really want in their website. With this simple structure it will be easier for you to portray an idea of the content they should include in the website and steer them away from unnecessary pages and overcomplicated structures. This map starts the conversation with the client and allows future amends to be done.

3Proposed website structure

Home

Case studies

About

Blog

Contact

Login

Register

Web design presentation

After talking to your client and getting a general feel for what the site is about and the target market, you should have a general idea of what the website could look like. A mood-board is extremely powerful, it gives huge creative direction to the project and narrows design possibilities. Mood-boards portray key aspects such as colors, tone of voice, design tendencies and web layouts that can minimize your design time and steer clients in the right direction. This mood-board can include: key words, colors, images, inspiring design and anything that can communicate the design direction to the client in a short an succinct way.

4Mood-Board

Image Driven

Futuristic

Fresh

EnergeticInspirational

Web design presentation

With this simple structure you can make sure that you and your client understand the stages required to complete a successful web project. One of the most important steps often overseen in web development is the content generation stage, it should be clear if this is expected to be delivered by the client or not. Each step is a checkpoint that requires client sign off and prevents last minute overhauls that ruin initial estimates. Some steps may be skipped, may overlap others and additional steps can be added to the chart to suit a particular project.

5The web development process

Web design presentation

5The web development process

1. Research 1.1 Client research 1.2 Website research 1.3 Industry research 1.4 User research

2. Content 2.1 Content audit 2.1.1 Copy 2.1.2 Images

3. Planning 3.1 Information architecture & user experience 3.2 Website wire frames

4. Design 4.1 Creative direction 4.2 User interface design 5. Development 5.1 Development 5.2 Proof build 5.3 Content population

6. Testing & delivery 6.1 Testing 6.2 Delivery

7. Maintenance

Web design presentation

Let the customer know what to expect in each stage and how long it will take to complete

1st stage: Research

(Estimated delivery time in weeks)This stage is crucial in order to develop an understanding of the design direction, main objectives of the website, target market and competitors. The final product will be determined and a clear idea of the web-site’s function and capabilities.

2nd stage: Content

(Estimated delivery time in weeks)All content is gathered at this stage. These assets will form the web-site’s structure and will prevent missing deadlines.

6Project time-line

3rd stage: Planning

(Estimated delivery time in weeks)Wire-frames and information architecture are crucial to completing a user friendly website. Planning goes hand in hand with the design, these two stages can be completed simultaneously if required. Wire-frames, site-maps and initial user interface mock-ups are completed.

Web design presentation

4th stage: Design

(Estimated delivery time in weeks)This stage dives into graphic proposals. After choosing a route that suits both the client and the websites objectives nonfunctional images are presented to the client to represent an overall look and feel of the website. Depending on the project’s terms, a mock-up for every single page might be required.

5th stage: Development

(Estimated delivery time in weeks)This stage shouldn’t be started before all previous steps have been completed. This part involves the creation of all the web material in a functional state. Animations, galleries, plug-ins, fluid layouts and different assets are implemented of created.

6Project time-line

6th stage: Testing & delivery

(Estimated delivery time in weeks)The website is subjected to thorough testing in different web browsers by the programmer, the end client and individual users. Final corrections are done and all relevant files are handed to the client.

7th stage: Maintenance

(Ongoing)If the client requires maintenance to the website the terms should be stated. Maintenance might include updating the news feed, website backups, hosting, updating images and reviewing the web-site’s content periodically.

Web design presentation

After the stages have been clearly established, it’s easier to create a table with the time each one of them will take. This is an initial budget and should be regarded as such. It’s important to let the client know that these times can change depending on the scale of the project.

It’s important to specify what features will be included and state the price for additional services or features such as maintenance, hosting, domains, themes and plug-ins.

If the project is completed by an hourly wage this should be stated.

7Pricing

Web design presentation

Initial website quote

Please note that this is an initial budget and prices are subject to change

7Pricing

Research (Time in hours)

Planning (Time in hours)

Design (Time in hours)

Development (Time in hours)

Testing & Delivery (Time in hours)

Total Price £ (Total amount)

Deposit (If a deposit is required this is your opportunity to state it)

Additional costs Hosting (Monthly amount) (Yearly amount) Domain Plug-ins Theme

Web design presentation

Contact details

Name:Email:Telephone:Skype:

Thank you for reading this template

If you’d like to see more material made specifically for digital design nomads we have assets, courses and the latest news from

the nomadic world on our website:

www.startloaded.com

Feel free to share this template, you can also find us on the following platforms:

hello@startloaded.com