Pitchfork Case Study & Redesign. Matt Rondos Interactive Design I

Size: px
Start display at page:

Download "Pitchfork Case Study & Redesign. Matt Rondos Interactive Design I"

Transcription

1 Pitchfork Case Study & Redesign Matt Rondos Interactive Design I

2 Table of Contents Objective Statement 2 Analysis 1 3 Analysis 2 4 Analysis 3 5 Analysis 4 6 Analysis 5 7 Wire Frame 8 New Website Layout 9 Conclusion 10 1

3 Objective Statement Pitchfork, formerly known as Pitchfork Media, is a Chicago-based music website dedicated to music news, reviews and media. Their main focus is on independent musicians and artists, especially indie rock. However, they cover a wide array of genres including pop, hip-hop, folk, heavy metal, jazz, experimental and various forms of electronic music. The website has made drastic improvements from it s founding in 1995, but even in 2014 there are some blaring errors in the website layout that can be improved. In my website redesign for Pitchfork, I will make navigating through content as simple as possible. For their current layout, each section is divided by type of content but there is way too much to click on. They are trying to fit as much content as they can on the homepage with links to different articles when they should only have the newest and most popular news and reviews displayed. As someone who visits the website everyday for news, I m familiar with the layout, but to someone who is visiting for the first time, the layout could be rather confusing with all the different sections. I think making adjustments to the navigation bar and limiting the amount of content on the homepage is the key to a simpler, easier to operate, Pitchfork.com Pitchfork logos Then and Now

4 Pitchfork Media May 7, In Pitchfork s earliest stages, when the URL pitchfork.com was owned by a livestock company and they went by pitchforkmedia.com, they only did reviews on music. The background color is a maroon and the text is white in a serif typeface. There is no navigation bar. The most recent reviews are in a bigger font size in a grid on the left, and the reviews of previous days are displayed in a grid on the right. The most popular review of the day got a image of the album artwork next to the list of the current day s reviews. Reviews of past days would get a small picture of the album artwork next to them and the a one sentence summary. You can click on the artist/album title to go to the review page. 3

5 Pitchfork January 18, Pitchfork added daily music news and interviews along with their music reviews. Each section is separated into a grid/column with a image of the newest content and click-able links for the newest articles and reviews. You can search the website by keyword or browse content by letter. They continue to use a white serif typeface but changed the background color to a navy blue and headline text to a turquoise. They also have the name of the website and the current logo in different shades of blue up top. The first thing the eye is drawn to is the bright pink NOFX advertisement up top. 4

6 Pitchfork May 31, There is now a navigation bar with a designated spot right below the Pitchfork logo, prominently displayed in it s own column on the far left. The navigation bar also includes a search bar below each section. Content is still in a grid/column layout. Sections include top stories, record reviews, weekly features, daily features, track reviews and links to previous articles. An image from the newest article in each section is displayed on top the of the column. The text is now a dark gray sans-serif, which is much easier to read on the white and light blue background. Hits of the turquoise blue are seen in the logo and behind the title text of each section to give it some color. 5

7 Pitchfork December 19, With a white background, gray rules, dark gray body copy and red-orange title text, the website is now easier to read than ever. The top story, record reviews and pitchfork.tv are looking cleaner than previous versions of the website but it is still a very blocky layout with the gray rules. The navigation bar is working a lot better across the top with a search bar on the left side. The Pitchfork logo is displayed in the top left and is the first thing your eye goes to with the burst of red within the logo. 6

8 Pitchfork November 3, For the current layout of Pitchfork, they have album reviews and their most recent articles on the top of the page. More media like videos and feature articles are displayed below. An image from the most recent article and music reviews are displayed up top. Each feature video and article is also accompanied with an image. Aside from the serif font in their logo, the entire website from headlines to body copy is the same sans-serif typeface. Layout colors are black, white and gray which a hits of their signature red from their logo throughout in text and flourishes. Information is laid out in a grid format, with the most recent reviews and articles on top. The navigation bar is displayed up top right below the prominently displayed Pitchfork logo but is relatively small because most of the information someone who visits the site would want is in the recent news and reviews section. The biggest flaw in this layout is the advertisement right on the top of the page. 7

9 Wire Frame / Grey Box Method 8

10 Pitchfork November 10, BEST NEW LAYOUT For the new layout, I made the Pitchfork logo the first thing you see right at the top of the page. For the navigation bar, I only included the most popular sections: news, reviews, tracks, features, pitchfork.tv, best new music and pitchfork advance. The other sections that were listed on the last layout will be available on the more drop down on the navigation bar. I limited the content on the page to the four most popular sections: news, reviews, tracks and pitchfork.tv. You only can see the most recent content from each section to minimize the clutter that was a big problem on the previous layout. Each section has more breathing room as well, which is more aesthetically pleasing than having all the content clumped together. Minor tweaks in the text were made: the text at the top of each section was made bigger and changed from gray to black. It is labeling the section so you want it to stand out. 9

11 Conclusion Pitchfork has a lot of content so they put it all on the homepage. The content is now all there, but it is very cluttered and hard to navigate through, especially for someone who does not use the website very often or is a first time visitor. To fix this, I minimized the content on the homepage so only the most recent news, reviews, tracks and media are displayed. If one wishes to explore more content, they can click on the title text of each section, or click on a section on the more prominent navigation bar at the top of the page. Bibliography Screenshots of older Pitchfork layouts taken from archive.org/web 10

Rededesign of YouTube. Ian Mix. Interaction Design 1 ART

Rededesign of YouTube. Ian Mix. Interaction Design 1 ART Rededesign of YouTube Ian Mix Interaction Design 1 ART 313-01 Table of Contents Objective Statement Objective Statement...2 Analysis of iterations...3-8 The reasoning behind a redesign for YouTube.com

More information

ABOUT RESEARCH POSTERS

ABOUT RESEARCH POSTERS ABOUT RESEARCH POSTERS Research posters summarize information or research concisely and attractively to help publicize it and generate discussion. The poster is usually a mixture of a brief text mixed

More information

vis website building a page

vis website building a page vis website building a page selecting a template 1. Click on PROPERTIES by your page name at the top of the web page. 2. The SELECT TEMPLATE screen will pop up. (fig. 1) 3. The TITLE field is your page

More information

Home. Video. Paint Balling. Quad Biking. Website Report. Archery. Contact. Target Audience. Navigation Structure

Home. Video. Paint Balling. Quad Biking. Website Report. Archery. Contact. Target Audience. Navigation Structure Website Report Target Audience The target audience for my website is for families or people who like outdoor activities. This place would be for people who like to have fun and who would also like to keep

More information

Design Principles. Advanced Higher Graphic Presentation. Professional Graphic Presentations by kind permission of

Design Principles. Advanced Higher Graphic Presentation. Professional Graphic Presentations by kind permission of Design Principles Advanced Higher Graphic Presentation Professional Graphic Presentations by kind permission of Design Principles:- Balance Balance in Composition Three different types of balance :- *

More information

Publisher 2007 Creating Flyers and Brochures

Publisher 2007 Creating Flyers and Brochures MS Publisher 2007 User Guide Publisher 2007 Creating Flyers and Brochures THE NATURE OF DESKTOP PUBLISHING - INTRODUCTION Publisher is a desktop publishing program. You can create publications that use

More information

Publisher 2007 Creating Flyers and Brochures

Publisher 2007 Creating Flyers and Brochures MS Publisher 2007 User Guide Publisher 2007 Creating Flyers and Brochures THE NATURE OF DESKTOP PUBLISHING - INTRODUCTION Publisher is a desktop publishing program. You can create publications that

More information

5. Site chosen reasons for choice, and if you ll get in touch Cause- Women s Rights

5. Site chosen reasons for choice, and if you ll get in touch Cause- Women s Rights LIS 467 Web Development & Information Architecture Assignment 1: Project Plan & Needs Assessment 1. Team Name: Griffiths Web Design Logo: 2. Team members and roles: - web designer,

More information

Group #5. Checkpoint #4. Page Grids:

Group #5. Checkpoint #4. Page Grids: David Lademan, Marshall Thompson, and Caleb Miller 12 March, 2015 IT 502 - Intermediate Web Design University of New Hampshire Durham, NH 03824 Group #5 Checkpoint #4 Page Grids: Homepage The homepage

More information

Usability Test Report: Bento results interface 1

Usability Test Report: Bento results interface 1 Usability Test Report: Bento results interface 1 Summary Emily Daly and Ian Sloat conducted usability testing on the functionality of the Bento results interface. The test was conducted at the temporary

More information

Network Concepts Web Marketing Basics NCI Web Development

Network Concepts Web Marketing Basics NCI Web Development Web Marketing Basics NCI Web Development www.nciwd.com www.ncihosting.com Corporate Office 326 N. Main Street Souderton, PA 18964 Phone 215-723-3495 Service & Training Center 1250 Bethlehem Pike Ste E

More information

Contents. 3 About These Guidelines. 4 Why is a Brand Important? 5 Overview. 6 Resources. 7 Logo/Signature. 8 Clear Space. 9 Color Variations

Contents. 3 About These Guidelines. 4 Why is a Brand Important? 5 Overview. 6 Resources. 7 Logo/Signature. 8 Clear Space. 9 Color Variations Brand Guidelines Contents 3 About These Guidelines 4 Why is a Brand Important? 5 Overview 6 Resources 7 Logo/Signature 8 Clear Space 9 Color Variations 10 Logo Misuse Examples 11 Background Control 12

More information

2 December NCFE Corporate Guidelines. Introduction

2 December NCFE Corporate Guidelines. Introduction Introduction Introduction How we connect with people through our brand is essential to who we are, and plays a big part in the NCFE experience. We created this document (which is simpler than it looks)

More information

Module 9: WayBackMachine Redesign

Module 9: WayBackMachine Redesign Module 9: WayBackMachine Redesign Written by Sydney Landon, Bernie Belcher, and Deron Ferrell Reflection When recreating MSU Writing Department's home page we wanted to make specific elements stand out.

More information

Library Website Migration and Chat Functionality/Aesthetics Study February 2013

Library Website Migration and Chat Functionality/Aesthetics Study February 2013 Library Website Migration and Chat Functionality/Aesthetics Study February 2013 Summary of Study and Results Georgia State University is in the process of migrating its website from RedDot to WordPress

More information

Design Elements. Advanced Higher Graphic Presentation. Professional Graphic Presentations by kind permission of

Design Elements. Advanced Higher Graphic Presentation. Professional Graphic Presentations by kind permission of Design Elements Advanced Higher Graphic Presentation Professional Graphic Presentations by kind permission of Lines can Design Element:- Line Convey a mood or an emotion. Organise the design. Establish

More information

BETTER LOOKING S

BETTER LOOKING  S BETTER LOOKING EMAILS First impressions matter. So if you want a positive response to your email campaign you need to make a positive first impression. Here are some simple design strategies to help you

More information

Designing and Creating an Academic Poster using PowerPoint

Designing and Creating an Academic Poster using PowerPoint Designing and Creating an Academic Poster using PowerPoint About your poster and the presentation Poster presentations are used at professional conferences to communicate information about your project

More information

What is Accessibility?

What is Accessibility? Email Accessibility What is Accessibility? 1. Extent to which a consumer or user can obtain a good or service at the time it is needed. 2. Ease with which a facility or location can be reached from other

More information

Navis Pack & Ship Style Guide

Navis Pack & Ship Style Guide Navis Pack & Ship Style Guide * The following booklet contains the style guide for the Navis Pack & Ship brand only. If you have questions regarding style guides for the PostalAnnex+, Handle With Care

More information

User Interfaces Assignment 3: Heuristic Re-Design of Craigslist (English) Completed by Group 5 November 10, 2015 Phase 1: Analysis of Usability Issues Homepage Error 1: Overall the page is overwhelming

More information

Trends for DECEMBER 14, 2017

Trends for DECEMBER 14, 2017 D e s i g n Trends for 2018. DECEMBER 14, 2017 COLOR TRANSITIONS We ve seen this style emerge with the Instagram redesign and it s quickly making it s way around major brands. It is very possible for

More information

This document describes the basic elements of our identity system and provides guidelines for their correct use.

This document describes the basic elements of our identity system and provides guidelines for their correct use. STYLE GUIDE CONTENT 3 INTRODUCTION 4 APPROVED PRIMARY LOGO 5 USE OF THE PRIMARY LOGO 10 APPROVED BRAND LOGOS 11 CLEAR SPACE 13 INCORRECT LOGO USAGE 14 FONTS 15 WEBSITE 16 SUMMARY Welcome to the EPIC style

More information

Good Publication Design

Good Publication Design Good Publication Design The top ten tips for creating professional print documents How do I create a well-designed print publication? Good publication design is an art form. Attractively presenting written

More information

Projected Message Design Principles

Projected Message Design Principles Projected Message Design Principles General Message Display Guidelines [G] G1. Screen display should follow the horizontal-vertical and left-right organization that is common to the culture of the intended

More information

The Deerbrook Web Style Guide

The Deerbrook Web Style Guide The Deerbrook Web Style Guide Table of Contents Introduction Agency Dashboard 2 Customer Data Window 3 Creative Brief Page Structure Agency Dashboard 5 Customer Data Window 7 Typography Color Photography

More information

DIRECTV Message Board

DIRECTV Message Board DIRECTV Message Board DIRECTV Message Board is an exciting new product for commercial customers. It is being shown at DIRECTV Revolution 2012 for the first time, but the Solid Signal team were lucky enough

More information

BRAND GUIDELINES XL PT Brand XL Guidelines Axiata. All rights reserved

BRAND GUIDELINES XL PT Brand XL Guidelines Axiata. All rights reserved BRAND GUIDELINES 1 2017 XL PT Brand XL Guidelines Axiata. All rights reserved Brandmark Brandmark Consistent and scalable Whilst optimising the previous brandmark s meaning and recognition, our new brandmark

More information

Module 9 Kelsie Donaldson Casey Boland Nitish Pahwa. IMDb, August 13th, 2002

Module 9 Kelsie Donaldson Casey Boland Nitish Pahwa. IMDb, August 13th, 2002 Module 9 Kelsie Donaldson Casey Boland Nitish Pahwa IMDb, August 13th, 2002 IMDb.com Sitemap Landing Page Navigation bar News Forums Awards Movies TV Box office Search bar Header Site title logo Footer

More information

Graphic Standards 1/28/13

Graphic Standards 1/28/13 Graphic Standards 1/28/13 All electronic logo files can be downloaded at: www.brentredmond.com/art Logo Application Guidelines The Brent Redmond Transportation, INC Logo The Brent Redmond Transportation,

More information

Developing successful posters using Microsoft PowerPoint

Developing successful posters using Microsoft PowerPoint Developing successful posters using Microsoft PowerPoint PRESENTED BY ACADEMIC TECHNOLOGY SERVICES University of San Diego Goals of a successful poster A poster is a visual presentation of your research,

More information

Third Party Identity Guidelines

Third Party Identity Guidelines Third Party Identity Guidelines Introduction Introduction This document has been developed to provide anyone using The Wolfson Foundation logotype with clear guidelines on how the brand identity can be

More information

Microsoft Access II 1.) Opening a Saved Database Music Click the Options Enable this Content Click OK. *

Microsoft Access II 1.) Opening a Saved Database Music Click the Options Enable this Content Click OK. * Microsoft Access II 1.) Opening a Saved Database Open the Music database saved on your computer s hard drive. *I added more songs and records to the Songs and Artist tables. Click the Options button next

More information

Instructions for Presenting & Preparing PowerPoint Presentations

Instructions for Presenting & Preparing PowerPoint Presentations Instructions for Presenting & Preparing PowerPoint Presentations Every speaker must visit the Speaker Ready Room to upload and/or check his or her presentation at least 24 hours prior to the start of the

More information

TECHNOEzine. Student Workbook

TECHNOEzine. Student Workbook TECHNOEzine For Microsoft Word 2010 Student Workbook TECHNOeBooks Project-based Computer Curriculum ebooks www.bepublishing.com Copyright 1993 2010. TechnoKids Inc. in partnership with B.E. Publishing,

More information

Labels: On the original site, none of the menu labels are awful, but some could be more descriptive. I had to work out the answers to the following:

Labels: On the original site, none of the menu labels are awful, but some could be more descriptive. I had to work out the answers to the following: Jade Anderson jade@ischool.utexas.edu Special Problems in Information Architecture Design Critique: http://www.stitchaustin.com 20 February 2007 Introduction: I viewed the critique and redesign of Stitch

More information

WIDEN YOUR LINE OF SIGHT

WIDEN YOUR LINE OF SIGHT WIDEN YOUR LINE OF SIGHT Tolley Guidance Building your practice on The Front Line tolley.co.uk/guidance A brief user guide Life as an accountant can be busy, that s why we ve made it easy for you to get

More information

How to Create a Google Sites Website

How to Create a Google Sites Website How to Create a Google Sites Website * Google Sites must be built and maintained in either Google Chrome or Firefox. Google Sites is not supported by Internet Explorer. Let s get started! Go to google.com

More information

corporate identity guidelines

corporate identity guidelines Seilevel Corporate Identity Guidelines Introduction 1 Preferred Signature and Components Logo Space and Minimum Size Signature Variations Color Palette Typography Signature Misuse 2 3 4 5 6 7 corporate

More information

Criterion E: Product development

Criterion E: Product development Criterion E: Product development Complex techniques used: Ducking the audio and adjusting the audio levels of the video clips so the music plays throughout the clip, but does not overpower the voice and

More information

FOR VISIT TUCSON PARTNERS

FOR VISIT TUCSON PARTNERS FOR VISIT TUCSON PARTNERS CONTENTS updated August 2015 1 Brand 2 The Logo 3 Logo Versions 4 Logo Colors 5 Logo Size Restrictions 6 Logo Usage Standards 7 Division Logos 8 Free Yourself Mark 9 Free Yourself

More information

AMERICAN EAGLE. Usability Testing. Page 1 Cover Page 2 Survey Pages 3-4 Sonja Pages 5-6 Danijela. Group 2 12/5/13

AMERICAN EAGLE. Usability Testing. Page 1 Cover Page 2 Survey Pages 3-4 Sonja Pages 5-6 Danijela. Group 2 12/5/13 AMERICAN EAGLE Usability Testing Page 1 Cover Page 2 Survey Pages 3-4 Sonja Pages 5-6 Danijela Group 2 12/5/13 Rachel Powell, Sarah Wheeler, Tasha Mowery, William McDowell Survey: (Results after 10 people

More information

01: The Digital Explorer Identity

01: The Digital Explorer Identity Brand Guidelines Brand Guidelines 01: The Digital Explorer Identity 02: Use of the Identity 03: Color Palette 04: Logo Colour Usage 05: Use of the Digital Graphic 06: Typeface 07: File Formats 08: Sample

More information

The 12 most common newsletter design mistakes

The 12 most common newsletter design mistakes The 12 most common newsletter design mistakes www.targetmarketingnetwork.com By: Roger C. Parker Your newsletter s success depends on its design. An attractive, easy to read newsletter encourages readers

More information

Knightswood Secondary School. Graphic Communication. Desktop Publishing otes. Auto Tracing

Knightswood Secondary School. Graphic Communication. Desktop Publishing otes. Auto Tracing Auto Tracing The process of converting a bit mapped image into a vector image. In a bit-mapped image, each object is represented by a pattern of dots, while in a vector image every object is defined geometrically.

More information

Template Tidbits. Q How do I get the places I can enter copy to show up? (Highlight Fields Bar)

Template Tidbits. Q How do I get the places I can enter copy to show up? (Highlight Fields Bar) Template Tidbits This document is not intended to replace the individual guidance documents that accompany each template. Instead, it is a general document that addresses questions frequently asked by

More information

BRAND ASSETS AND GUIDELINES

BRAND ASSETS AND GUIDELINES BRAND ASSETS AND GUIDELINES PAS Brand Guidelines 2 The PAS Brand The PAS visual style uses a bold, energetic aesthetic. The focus is on personality and good vibes allowing for a deeper connection with

More information

laurengregory laurengregorydesign.com

laurengregory laurengregorydesign.com THSPA November 25, 2013 Topic: Basic Design Tips and Photoshop Helps 1. Layout Page layout is one of the most important graphic design disciplines. laurengregory lauren@briererows.com laurengregorydesign.com

More information

Wordpress Training Manual

Wordpress Training Manual The Dashboard... 2 If this is your first time logging in:... 2 How do I change my password or email address?... 3 Search Engine Optimization (SEO)... 4 SEO for Pages... 4 SEO for Images... 5 Managing Pages...

More information

BRAND IDENTITY STANDARDS GUIDE

BRAND IDENTITY STANDARDS GUIDE BRAND IDENTITY STANDARDS GUIDE JANUARY 2015 TABLE OF CONTENTS This brand identity standards guide was created to help establish the BCIU s visual brand image and bring consistency to all visual representations

More information

McMaster Brand Standard for Websites

McMaster Brand Standard for Websites McMaster University s policy calls for all university websites to follow its brand standard. McMaster websites share common elements, presentation and behavior and a consistent design, enabling visitors

More information

BRAND GUIDE L I N E S

BRAND GUIDE L I N E S BRAND GUIDE LINES NETWORK OF COMMUNITY MINISTRIES SIMPLICITY IS THE ULTIMATE FORM OF SOPHISTICATION. Leonardo da Vinci 2 BRAND GUIDELINES THIS IS A GUIDE TO THE BASIC ELEMENTS THAT MAKE UP OUR BRAND. IT

More information

How to make your neighbourhood newsletter look good

How to make your neighbourhood newsletter look good 6 Tilbury Place, Brighton, BN2 0GY 01273 606160 www.resourcecentre.org.uk How to make your neighbourhood newsletter look good Tips on designing neighbourhood newsletters that are attractive and easy to

More information

LOGO & BRAND STANDARDS GUIDE

LOGO & BRAND STANDARDS GUIDE LOGO & BRAND STANDARDS GUIDE INTRODUCTION The SparkPost Brand Standards Guide provides key information needed to accurately and consistently produce external and internal documents and communications.

More information

BRAND & LOGO GUIDELINES SOCKET MOBILE. - Logos - Social Media - Web

BRAND & LOGO GUIDELINES SOCKET MOBILE. - Logos - Social Media - Web BRAND & LOGO GUIDELINES - Logos - Social Media - Web SIMPLICITY IS THE ULTIMATE FORM OF SOPHISTICATION. 2 BRAND GUIDELINES THIS IS A GUIDE TO THE BASIC ELEMENTS THAT MAKE UP OUR BRAND. IT WILL LET YOU

More information

Ooma & Ooma Telo Style Guide

Ooma & Ooma Telo Style Guide Ooma & Ooma Telo Style Guide This document provides basic guidelines for the Ooma, Ooma Telo, and Ooma Office brands. 2-3 Ooma Signature 4 Ooma Telo Logotype 5 Ooma Office Logotype 6 Color Palette 7 Typography

More information

Brand Guidelines 2012

Brand Guidelines 2012 Brand Guidelines 2012 Contents Introduction 3 General Guidelines 4 Proportions 5 Variations of the SendGrid logo 6 Protected Area 8 Minimum Size 9 Unacceptable Usage 10 Primary Corporate Colors 12 Secondary

More information

SOCIAL MEDIA IMAGE & VIDEO SIZES 2019

SOCIAL MEDIA IMAGE & VIDEO SIZES 2019 SOCIAL MEDIA IMAGE & VIDEO SIZES 2019 Profile Image: 180 x 180 px Cover Photo: 820 x 312 px - Must be at least 180 x 180 pixels. - Photo will appear on page as 170 x 170 pixels. - Photo thumbnail will

More information

TYPO GRA PHY THE ANATOMY OF TYPE A BRIEF HISTORY OF TYPOGRAPHY WHAT IS YOUR TYPE ACTUALLY SAYING? OPEN FONT DISCUSSION

TYPO GRA PHY THE ANATOMY OF TYPE A BRIEF HISTORY OF TYPOGRAPHY WHAT IS YOUR TYPE ACTUALLY SAYING? OPEN FONT DISCUSSION THE ANATOMY OF TYPE A BRIEF HISTORY OF TYPO WHAT IS YOUR TYPE ACTUALLY SAYING? OPEN FONT DISCUSSION THE ANATOMY OF TYPE Typeface Anatomy The upward vertical stem on some lowercase letters, such as h and

More information

TUTORIAL. HOW TO: - Edit with Microsoft Word - Send with Microsoft Outlook

TUTORIAL. HOW TO: - Edit  with Microsoft Word - Send  with Microsoft Outlook TUTORIAL HOW TO: - Edit Email with Microsoft Word - Send Email with Microsoft Outlook Programs used for example images: Firefox Web Browser, Microsoft Word and Microsoft Outlook using Microsoft Windows

More information

EKTRON 101: THE BASICS

EKTRON 101: THE BASICS EKTRON 101: THE BASICS Table of Contents INTRODUCTION... 2 TERMINOLOGY... 2 WHY DO SOME PAGES LOOK DIFFERENT THAN OTHERS?... 5 LOGGING IN... 8 Choosing an edit mode... 10 Edit in context mode (easy editing)...

More information

Summary of the Swiss Red Cross Corporate Design Manual

Summary of the Swiss Red Cross Corporate Design Manual Summary of the Swiss Red Cross Corporate Design Manual Table of Contents 1 Logo... 3 2 Colour... 3 3 Font... 3 4 Page Layout... 4 4.1 Portrait... 4 4.2 Landscape... 4 4.3 Headers... 4 4.4 Footers... 4

More information

UTILITY TRAILER MANUFACTURING COMPANY IDENTITY STANDARDS GUIDE

UTILITY TRAILER MANUFACTURING COMPANY IDENTITY STANDARDS GUIDE 1 TABLE OF CONTENTS LOGO OVERVIEW Corporate Logo General Corporate Logo / Tag line Aftermarket Parts Logo General COLORS Corporate Colors Corporate Logo Color Specifications Corporate Logo / Tag line Color

More information

Microsoft Expression Web Quickstart Guide

Microsoft Expression Web Quickstart Guide Microsoft Expression Web Quickstart Guide MS-Expression Web Quickstart Guide Page 1 of 24 Expression Web Quickstart Guide (20-Minute Training) Welcome to Expression Web. When you first launch the program,

More information

DOING MORE WITH WORD: MICROSOFT OFFICE 2013

DOING MORE WITH WORD: MICROSOFT OFFICE 2013 DOING MORE WITH WORD: MICROSOFT OFFICE 2013 GETTING STARTED PAGE 02 Prerequisites What You Will Learn USING MICROSOFT WORD PAGE 03 Viewing Toolbars Adding and Removing Buttons MORE TASKS IN MICROSOFT WORD

More information

The Visual Scientist Presents Poster Design

The Visual Scientist Presents Poster Design The Visual Scientist Presents Poster Design layout fonts science! Hailpern & Danilevsky www.thevisualscientist.com Topics Covered This is a how-to-guide for effectively presenting scientific work in the

More information

POOJA GOND S DESIGN WORK pg. 1

POOJA GOND S DESIGN WORK pg. 1 POOJA GOND S DESIGN WORK pg. 1 INDEX SERIAL NO. ACTIVITY PAGE NUMBER 1 LOGO 3 DESCRIPTION 2 KEYFORM 4 3 LETTER 6 4 SLOGAN (BLACK &WHITE) 8 5 SLOGAN (COLOR) 10 6 SLOGAN (KERNING EFFECT) 13 7 ORDER SHEET

More information

My Science Fair Report 2016

My Science Fair Report 2016 My Science Fair Report 2016 Title By Grade Teacher 1 I. Title Page II. Table of Contents III. IV. V. VI. VII. VIII. IX. X. XI. 2 I will be studying: Materials Needed: Title of Project: Hypothesis: (educated

More information

National Weather Service Weather Forecast Office Norman, OK Website Redesign Proposal Report 12/14/2015

National Weather Service Weather Forecast Office Norman, OK Website Redesign Proposal Report 12/14/2015 National Weather Service Weather Forecast Office Norman, OK Website Redesign Proposal Report 12/14/2015 Lindsay Boerman, Brian Creekmore, Myleigh Neill TABLE OF CONTENTS Parts PAGE Abstract... 3 Introduction...

More information

GRAPHIC DESIGN BY ASHLEY BELMER. Get In Touch Located in Toronto, Ontario

GRAPHIC DESIGN BY ASHLEY BELMER. Get In Touch Located in Toronto, Ontario GRAPHIC DESIGN P O R T F O L I O BY ASHLEY BELMER Get In Touch. www.ashleybelmer.com ashley@ashleybelmer.com 514-627-5151 Located in Toronto, Ontario A PACKAGE DESIGN / BRANDING The idea of Banane Chocolates

More information

PLANNING. CAEL Networked Worlds WEEK 2

PLANNING. CAEL Networked Worlds WEEK 2 PLANNING CAEL5045 - Networked Worlds WEEK 2 WEEK 2 CHOOSING COLOURS CHOOSING FONTS COLLECTING CONTENT PLANNING STRUCTURE WIREFRAMES + MOCKUPS Every colour, including black and white, has implications for

More information

Style Guide. Instructions and assets for marketing and technical staff who produce communications on behalf of EdReady.

Style Guide. Instructions and assets for marketing and technical staff who produce communications on behalf of EdReady. Style Guide Instructions and assets for marketing and technical staff who produce communications on behalf of EdReady. Logo Variations 2 EdReady logo lockups include three possible components: 1. the wordmark

More information

Styleguide Stage One - Brand Identity Brand Logo, Colour, Font and Pattern JUNE 2017

Styleguide Stage One - Brand Identity Brand Logo, Colour, Font and Pattern JUNE 2017 Styleguide 2017 Stage One - Brand Identity Brand Logo, Colour, Font and Pattern JUNE 2017 Contents 2 Capital Chemist Introduction 2 Contents 3 Introduction Brand Logo and Guidelines 4 Brand Logo 5 Coloured

More information

ARTWORK REQUIREMENTS Artwork Submission

ARTWORK REQUIREMENTS Artwork Submission Artwork Submission GRAPHICS APPLICATIONS AND ACCEPTED FILE TYPES Submitting your artwork as a print ready PDF file is preferred (MAC or PC). We will also accept files created in Adobe Illustrator, Photoshop,

More information

Helvetica Type Specimen Process book

Helvetica Type Specimen Process book Helvetica Type Specimen Process book Project Goal Using the history and typeface of Helvetica to inspire my design, the goal of this project was to create a booklet that would essentially sell the type

More information

Reviewing and Evaluating your Website

Reviewing and Evaluating your Website Reviewing and Evaluating your Website Introduction In the following review, I will be evaluating the website that I have produced for my client. I will make sure I have made the website appropriate for

More information

OUR IDENTITY AND ITS COMPONENTS. Logo Logo usage policy 03 Official logo 05 Dimensions 06 Improper usage 07

OUR IDENTITY AND ITS COMPONENTS. Logo Logo usage policy 03 Official logo 05 Dimensions 06 Improper usage 07 VISUAL GUIDELINES TABLE OF CONTENT This document is intended for all those who use the ISPE visual identity in communications and supporting documents. Instructions provided in this guide will ensure consistency

More information

GRADY NEWSOURCE KATE DEVLIN, LEAH MOSS, ANDREA SKELLIE & ASHLEY PANTER

GRADY NEWSOURCE KATE DEVLIN, LEAH MOSS, ANDREA SKELLIE & ASHLEY PANTER GRADY NEWSOURCE KATE DEVLIN, LEAH MOSS, ANDREA SKELLIE & ASHLEY PANTER INTRODUCTION TO THE STUDY THE CLIENT GRADY NEWSOURCE Grady Newsource is a student production of the Grady College of Journalism &

More information

EDGE, MICROSOFT S BROWSER

EDGE, MICROSOFT S BROWSER EDGE, MICROSOFT S BROWSER To launch Microsoft Edge, click the Microsoft Edge button (it s the solid blue E) on the Windows Taskbar. Edge Replaces Internet Explorer Internet Explorer is no longer the default

More information

Sunshine Pack & Ship Style Guide

Sunshine Pack & Ship Style Guide Sunshine Pack & Ship Style Guide * The following booklet contains the style guide for the Sunshine Pack & Ship brand only. If you have questions regarding style guides for the PostalAnnex+, Handle With

More information

Freegal Music Help Guide

Freegal Music Help Guide Freegal Music Help Guide 0 Table of Contents Welcome 2 What is Freegal Music? 2 Freegal Music Offerings to Patrons 2 Accessing Freegal Music 3 Freegal Music Homepage 5 Left Menu Bar 6 The Top Menu 15 The

More information

recruitment Logo Typography Colourways Mechanism Usage Pip Recruitment Brand Toolkit

recruitment Logo Typography Colourways Mechanism Usage Pip Recruitment Brand Toolkit Logo Typography Colourways Mechanism Usage Primary; Secondary; Silhouette; Favicon; Additional Notes; Where possible, use the logo with the striped mechanism behind. Only when it is required to be stripped

More information

Poster-making 101 for 1 PowerPoint slide

Poster-making 101 for 1 PowerPoint slide Poster-making 101 for 1 PowerPoint slide Essential information for preparing a poster for the poster printer 1. Poster size: You will be creating a single large slide in PowerPoint. 2. Before adding any

More information

Typographic hierarchy: How to prioritize information

Typographic hierarchy: How to prioritize information New York City College of Technology, CUNY Department of Communication Design Typographic Design III Instructor: Professor Childers pchilders1@mac.com Typographic hierarchy: How to prioritize information

More information

How we look. Brand Guidelines version 1.1

How we look. Brand Guidelines version 1.1 How we look. Brand Guidelines version 1.1 TOUCHTUNES Simplicity is the ultimate form of sophistication. Leonardo da Vinci 2 BRAND GUIDELINES This is a guide to the basic elements that make up our brand.

More information

Style Guide & Specifications

Style Guide & Specifications Style Guide & Specifications Introduction This style guide has been developed to assist you in the production and maintenance of the new MultiChannel Merchant website and newsletters. The recommendations

More information

HARMONY Branding Guidelines BRANDING GUIDELINES

HARMONY Branding Guidelines BRANDING GUIDELINES 12 BRANDING GUIDELINES TOON BOOM HARMONY Toon Boom Harmony is the animation software used by studios and individuals worldwide. It is the fastest-evolving animation software, with the most advanced feature

More information

LOGO CONFIGURATION. The tag line Because Nutrition Matters TM. shall only be alinged to the right hand size of the logo.

LOGO CONFIGURATION. The tag line Because Nutrition Matters TM. shall only be alinged to the right hand size of the logo. BRAND USAGE GUIDE LOGO CONFIGURATION The Jaylor word mark is the most visible component of the overall brand identity. The primary lockup consists of two parts: the Jaylor word mark set in the type family

More information

Our Look Book. BRAND GUIDELINES VERSION 1.0

Our Look Book. BRAND GUIDELINES VERSION 1.0 Our Look Book. BRAND GUIDELINES VERSION 1.0 SIMPLICITY IS THE ULTIMATE FORM OF SOPHISTICATION. Leonardo da Vinci 2 BRAND GUIDELINES THIS IS A GUIDE TO THE BASIC ELEMENTS THAT MAKE UP OUR BRAND. IT WILL

More information

Graphic Standards Guide

Graphic Standards Guide Graphic Standards Guide Welcome to the. We have developed these standards to assist you in creating consistent and correct usage of the logo for both internal and external communications. Our goal is to

More information

CANES COMMUNITIES REGIONAL VISUAL IDENTITY MANUAL. March 2015

CANES COMMUNITIES REGIONAL VISUAL IDENTITY MANUAL. March 2015 CANES COMMUNITIES REGIONAL VISUAL IDENTITY MANUAL March 2015 Table of Contents Identity Introduction................................................. 1.0 Using This Manual... 1.1 Identity Policy.........................................................

More information

JEFFERSON PARISH PUBLIC SCHOOL SYSTEM COMMUNICATIONS DEPARTMENT DISTRICT STYLE GUIDE. (As of March 27, 2018)

JEFFERSON PARISH PUBLIC SCHOOL SYSTEM COMMUNICATIONS DEPARTMENT DISTRICT STYLE GUIDE. (As of March 27, 2018) JEFFERSON PARISH PUBLIC SCHOOL SYSTEM COMMUNICATIONS DEPARTMENT DISTRICT STYLE GUIDE (As of March 27, 2018) TABLE OF CONTENTS INTRODUCTION... 3 GRAMMAR & PUNCTUATION... 4 REFERENCING JPPSS... 4 TYPOGRAPHY...

More information

Clear language and design. Joan Acosta

Clear language and design. Joan Acosta Clear language and design Joan Acosta What is clear writing? Clear writing involves thinking about your readers and writing for them. It does not mean simply replacing difficult words with easier words

More information

Interface Redesign: Thomson.com

Interface Redesign: Thomson.com Interface Redesign: Thomson.com December 7, 2004 Anne Finlayson Interface Designer INP Associates Interface Redesign: Thomson.com page 2 Table of Contents Executive Summary... 3 Analysis of Current Interface...

More information

Knowing how to use white space can be an effective tool in your design arsenal.

Knowing how to use white space can be an effective tool in your design arsenal. Knowing how to use white space can be an effective tool in your design arsenal. Let s start by addressing the elephant in the room white space (also known as negative space) isn t actually white. Don t

More information

STYLE GUIDE. Version

STYLE GUIDE. Version STYLE GUIDE Version 1.1 2016 TABLE OF CONTENTS 02 Welcome Using our style guide The Hubdoc visual brand is clean, simple, colorful, and fun. It is designed to be flexible and easily adapted to any medium

More information

Chapter 5 THE STYLE. Style plays a key part in the overall experience. After making your app intuitive it is time to add some flair.

Chapter 5 THE STYLE. Style plays a key part in the overall experience. After making your app intuitive it is time to add some flair. Chapter 5 THE STYLE Style plays a key part in the overall experience. After making your app intuitive it is time to add some flair. Section 1 ENTERTAINMENT OR UTILITY When designing an ios app the first

More information

Designing Posters TIDI Development Research Week

Designing Posters TIDI Development Research Week Designing Posters TIDI Development Research Week Derina Johnson PhD Candidate, School of Social Work and Social Policy DSAI Steering Committee Postgraduate Representative Date 1 st November 2017 Today

More information

Suzanne Collins Website Redesign: A Recommendation Report

Suzanne Collins Website Redesign: A Recommendation Report Memo Date: December 11, 2015 To: Ms. Suzanne Collins, American television writer and novelist. From: Matthew Chern, President at NonstopTech. Lawrence Meneses, Chief Operating Officer (COO) at NonstopTech.

More information

THE LOOK OF ATLANTA DOWNTOWN VISUAL BRAND IDENTITY VERSION 1.0

THE LOOK OF ATLANTA DOWNTOWN VISUAL BRAND IDENTITY VERSION 1.0 THE LOOK OF ATLANTA VISUAL BRAND IDENTITY VERSION 1.0 TABLE OF CONTENTS STRATEGY... p4 OVERVIEW... p5 LOGO... p6 COLOR PALETTE... p12 TYPE... p13 DESIGN ELEMENTS... p14 COLLATERAL... p15 SWAG... p17 02

More information