fixing comments on project

Project: www.deltacreekpress.com

Document: Project Rough Draft

Creator: Baraah Arab

Universal Content

Please Note: There will be content that exists on each page of the website. This will primarily

be used for navigational purposes. This will include the header (navigation for all pages) and the

footer.

Logo: The logo will link to the home page of the site and will more or less be an indicator of

what the site is for all pages.

Header: The book themed logo will be on every page on the top left side, nestled in the header.

The header will also contain an alt txt version just in case the logo does not load. The header will

also include the navigation, which will be hierarchical in nature.

Footer: The footer will contain a small version of the logo, the company contact information

(address, phone, email, and any other relevant link) and some of the most common quick links

(example: the author spotlight).

Navigation: Hierarchical branching

The navigation in the home page will link to Home, About, Books, Authors, and Contact Us

respectively.

Primary Navigation Bar:

This navigation bar will be used throughout the entirety of the site and will be a hub in order to

get from one place to the other.

Drop Down for Header:

The header will lead to specific genres and titles and will essentially lead user to specific parts of

the page. For instance, if the user clicks on Books and one title is “Website Design 101” then the

page will immediately jump to the page where that book is located.

Below shows an example of the drop down.

The footer will include both the social media links as well as the copyright information.

Social Media Links:

Copyright Information:

© 2017 Delta Creek Press. All Rights Reserved.

Home Page:

The home page will include the header, footer and main content page. The user will be able to

utilize the header and footer in order to navigate the area. The homepage will also feature the most

popular book titles as shown:

As well as a statistic image of running water:

And finally a newsletter signup sheet as so:

Graphics: the homepage will feature a few popular book titles as well as a large image of running

water to tie together the motif of the name of the press.

Navigation: All of the images of the most popular book titles will be placed on the home page

and will be clickable.

Interactivity: The main interactive feature for this page will be the newsletter signup sheet, which

will be accessible right on the home page so that it will easier for users to get to.

Text or Audio: The page will have a collection of the most popular books titles and minor

information about each one. There will be no audio on the page.

About:

The About Me page will include information about the company: First the CEO and bio right next

to each other and then the staff members bio. If a user clicks on a bio through a “read more” more

text will expand.

Graphics: Image of the CEO of the company in a larger image and then smaller images of the rest

of the staff members.

Navigation: Each bio can be clicked on so that a larger bio will expand.

Interactivity: Aside from the staff bios being able to be clicked on and expanded their pictures

will also change if the user hovers over the picture. For instance, if the user hovers over one image

of a staff member it will change to the staff member in a silly pose.

Text or Audio: The text on the page will include the staff members that are included in the

company, such as their primary bio, their favorite book, book selections for the month, and so

forth. There will be no audio.

Company bio and CEO picture:

Delta Creek Press was started by John Smith (shown right). He

had the vision of creating a company that would publish books that

many individuals would want to read, but may not find on the

shelves. Essentially, the forward thinking books that cross genres,

break tropes, and are also hard to put down.

With a small team to start with, Mr. Smith grew the company from

just a handful of titles to thousands of current titles and a full team.

Example of staff bios:

Although there is no current example of a hover over example (as these pictures will need to be

taken at a later date), the goal is to allow some type of interactivity. Essentially, when a mouse

over is in place the pictures will change showing the staff members in silly poses.

Books:

The main purpose of this page is to highlight the current selection of books in the collection as

well as highlight any specifics in terms of genres, new releases, etc.

Graphics: The page will feature images of the book in smaller, thumbnail sizes.

Navigation: The user will be able to click on the image of the book, as well as expand some of

the basic text underneath the book pictures in order to read more about the novel in question. Each

book will also have buy links which will lead to other places to shop for the book such as Amazon

or Barnes and Noble.

Interactivity: Users will be able to click on the book to find out a full synopsis.

Text or Audio: The text on the page will include specific book information about each title such

as the main synopsis and all of the buy links. There will be no audio on this page

Book Layout example:

Example of what happens during mouse over selection:

The book will also have buy links in the black box that pops up, such as:

Authors:

The primary focus of the author page is to highlight the many different authors of the books, but

this is also a way to help find the books themselves.

Graphics: Thumbnail pictures of the authors will be shown on the page.

Navigation: Like with the books, when one clicks on the author page they will be able to see an

expanded version of the bio. In addition, underneath each author image there will also be outside

links to their individual websites and social media pages.

Interactivity: Aside from allowing users to expand on author bios, they will also be prompted to

sign up for the newsletter if they like a particular author.

Text or Audio: All of the text will include the author biographies (how they got their start in

writing, etc) as well as the social media and buy links. There will be no audio.

Example of Author Photos:

Example of drop down:

Example of drop down:

It is imperative that users be able to have an open line of communication for inquiring about new

releases, potential book signing dates, and so forth. This will be a way to do just that.

Example of Contact Us:

Graphics: There will be a quarter page image of the interior of a book in order to take away from

the heavy text that will be on this page.

Navigation: Aside from the header there will be no additional navigational offerings on this page.

Interactivity: Users will be able to fill out a form in order to contact the company owners and

operators.

Text or Audio: The contact us text will only have information on how to contact through the form

(for example, requesting the user’s name, email address, telephone, and so forth). There will be

audio on the site.