The Content Starter Pack is used by IT’s Web Services team to build 3 to 5 pages of your revamped website. Once the 3 to 5 pages have been setup, IT will train you to add the remaining content to your new site yourself.
- The Content Starter Pack is actual content for your site. It includes all copy, images, and assets (PDFs, Word docs etc) for the 3 to 5 pages that IT will set up.
- It is ideal to choose 3 to 5 pages with varying layouts and components, particularly pages with complex layouts. The following pages are recommended:
- Your homepage;
- A full-width level two landing page with multiple components;
- A level three page (with left-hand navigation) that includes at least one component (ie. not just text).
Please do not use standardized, templated pages—undergraduate program pages, graduate program pages, contact-directory pages—for your Content Starter Pack.
- All items of the Content Starter Pack—plus your final approved sitemap—are placed in your web project folder on the University Relations shared K: drive. A separate folder for each individual webpage should be created, and the folder should include all assets (copy, images, linked PDFs etc.) related to that page (see full instructions below).
- If you need access to the shared K drive, contact email@example.com of University Relations.
Writing and Formatting Your Copy
Use the ‘Content\_Copy’ folder when writing copy for you Content Stater Pack. Format your document as follows:
- Ensure each webpage is in a separate Word document.
- Ensure each image, and all components are clearly annotated. IT should be able to follow the Word doc and see which content goes where without having to do much interpretation.
- Use larger fonts to clearly mark new sections on pages.
- Use notes or symbols to show things such as accordions, tabs, or other components
- Embed links directly on the words that you want to have linked
- Use comments if you need to clarify anything
Please download and look at the following sample Word documents that show the recommended formatting:
- Home Page Sample Formatting (Word Doc)
- Landing Page Sample Formatting (Word Doc)
- Third Level Page Sample Formatting (Word Doc)
Sourcing and Sizing Photos
Use the ‘Content\_Art’ folder to gather photos. If you need assistance finding photos for your site, contact the University Relations design team.
Once you’ve selected photos, you can either size yourself or engage the University Relations design team. You can provide images for placement only for your Content Starter Pack; however they must be the correct size and you are responsible for switching them out as you populate the rest of your site.
- Images should not be saved as 100% image quality, but at 65%. This quality still looks good and drastically reduces file size, which is better for page load speeds.
- Some components require images with specific dimensions (eg. a landing page hero image requires a 1920px x 780px image for desktop and 780px x 780px cropped version for mobile; square story tiles require a 1000px x 1000px image)
- Preparing Image for Web Projects – Quality, Sizing & Naming (PDF)
- Saving Web Images with Photoshop – How-to instructions (PDF)
If you require specific icons etc, contact the University Relations design team.
Moving Your Content Starter Pack to Production
When your Content Starter Pack is ready for development by IT, your final approved sitemap and Content Starter Pack items must be moved into the folder called “4 Completed Content Start Pack (Web)” within the “4 Production” folder of your web project.
A separate folder for each individual webpage should be created, and the folder should include all assets (copy, images, linked PDFs etc.) related to that page. For example, the Home page would have its own folder and the About page would also have its own folder.
A series of folder have been set-up already; you may rename and delete as appropriate.
The folder structure, document names and page names should match sitemap document.
Here is an example:
K:\ADM\UR\Shared\_UR_Projects\2018\……\samplesite.ok.ubc.ca Redesign\4 Production\4 Completed Content Starter Pack (Web)\About
Inside the About folder would be:
- One word document containing copy ONLY for the About page (see copy formatting guideline above)
- All images used on the About page (see sourcing and sizing images above)
- Any other assets used or linked to from the page, for instance PDF documents.
Once your Content Starter Pack and approved sitemap are ready, contact IT Web Services. A developer will be assigned the project and usher you through training once the shell of the new site is set-up.