Homepage slides can entice users to click deeper into the website to find out more about a department, program, or center. To get a user’s attention, images should be eye-catching and text brief, with a link to allow visitors to learn more.
When departments, programs, or centers submit new content for slides, the Office of Marketing and Communications will review and make any necessary edits to the text or images. A proof of the slide will be provided before it is posted to the site.
Below are general guidelines for submitting home page slide images and text.
- Keep it simple. Uncluttered images with a clear focal point will have more impact and be more likely to catch viewers’ attention.
- Avoid text in images. There are exceptions where this can work but, in general, stay away from text in images. Text in images makes the image look cluttered, is not responsive (meaning it doesn’t scale to take into account a user’s screen size), and cannot be read by screen readers.
- Send high quality images. Sizing and resolution should be a minimum of 1000 pixels wide x 500 pixels tall. We can convert most file formats for web including JPEG, TIF, PNG, EPS.
- Use department/program-specific images. To convey the unique aspects of Johns Hopkins, images should come from your department or research area. Some examples include, photos of classes or seminars, hands-on research, and faculty and students interacting. If new photography is required, contact us.
- Avoid copyright issues. Artwork downloaded from the internet is not suitable for homepage slides and presents copyright issues.
- Less is more. Don’t try to tell the whole story in one slide. Instead, pique interest with brief headlines and subheads that make visitors want to click to “Find Out More.”
- Main headline should be 5-10 words.
- Subhead should be about 25 words.
- Avoid linking to a document. The “Find Out More” link should take users to a web page, not a document such as a PDF. On a web page, users can read text, see images/video, and then click on a link to go to yet another page on the site. Links to PDFs are essentially dead-ends. Once users are finished reading the document, they are less likely to stay on the website.
Example that Follows the Guidelines
Example that Does Not Follow the Guidelines
The image is too complex and the text too long to allow for a “Find Out More” link.