Ce diaporama a bien été signalé.
Le téléchargement de votre SlideShare est en cours. ×

Free presentation template for web design projects

Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Prochain SlideShare
Web design proposal sample
Web design proposal sample
Chargement dans…3
×

Consultez-les par la suite

1 sur 16 Publicité

Free presentation template for web design projects

Télécharger pour lire hors ligne

Plug your own content in to this presentation in order to present your ideas clearly to remote clients, save time, apply to more projects quicker and ultimately win more pitches.

Download the template at:
http://startloaded.com/resources-for-digital-nomads/presentation-template-for-remote-web-design-projects/

Editable contents of the template
1. Project overview
2. Project features
3. Proposed website structure
4. Mood-board
5. Web development process
6. Project time-line
7. Pricing
8. Contact details

Plug your own content in to this presentation in order to present your ideas clearly to remote clients, save time, apply to more projects quicker and ultimately win more pitches.

Download the template at:
http://startloaded.com/resources-for-digital-nomads/presentation-template-for-remote-web-design-projects/

Editable contents of the template
1. Project overview
2. Project features
3. Proposed website structure
4. Mood-board
5. Web development process
6. Project time-line
7. Pricing
8. Contact details

Publicité
Publicité

Plus De Contenu Connexe

Diaporamas pour vous (20)

Les utilisateurs ont également aimé (20)

Publicité

Similaire à Free presentation template for web design projects (20)

Plus récents (20)

Publicité

Free presentation template for web design projects

  1. 1. The academy for digital design nomads Free presentation template for remote web design projects
  2. 2. Your Logo Project description Client Name Date This template is brought to you by
  3. 3. Contents 1. Project overview 2. Project features 3. Proposed website structure 4. Mood-board 5. Web development process 6. Project time-line 7. Pricing 8. Contact details Web design presentation
  4. 4. 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 pages Is 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
  5. 5. 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
  6. 6. 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
  7. 7. 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
  8. 8. 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
  9. 9. 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
  10. 10. 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
  11. 11. 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
  12. 12. 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
  13. 13. 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
  14. 14. 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
  15. 15. Contact details Name: Email: Telephone: Skype:
  16. 16. 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

×