Table of Contents |
Book Haven Bookstore is a local treasure for book enthusiasts, offering a diverse selection of books, magazines, journals, and office supplies. With a deep-rooted commitment to fostering literary exploration and a love for reading, it is embarking on the creation of an online presence that mirrors its dedication to the world of words. Serving a broad audience of book lovers and knowledge seekers, its central goal is to amplify its visibility, cultivate a vibrant literary community, and simplify the process of book inquiries and purchases. Its target audience comprises avid readers, students, and individuals in search of high-quality reading materials and office essentials. Book Haven Bookstore’s website theme revolves around celebrating the written word, creating an inviting digital space that encourages literary discovery, and supporting intellectual growth.
Hours of Operation:
The client is considering three different color palette options and has asked you to recommend the best one for its website.
Directions: Choose one color palette from the three options presented below.
1. Review the three color palette options. It is important that you use what you have learned about accessibility and web design best practices when deciding among the three options.
2. Select one color palette to recommend to the client. You will use the colors in your chosen palette as you design the website.
3. Once you have selected the correct color palette, you will need to download at least one of the matching client logos to use in your website design. It is important that you do not mix and match logos among color palettes.
Color codes are provided with each color palette. You will use these codes to implement your choices in your website design.
You learned in the client scenario above that Book Haven Book Bookstore’s website theme celebrates the written word, creates an inviting digital space that encourages literary discovery, and supports intellectual growth. Which of the following color palettes meets the client’s expectations? Are all the color palettes accessible to a wide audience, including customers with visual impairments?
Refer back to the UI/UX Design Concepts lesson for more details on color and accessibility.
Color Palette 1 contains the following colors:
Matching logos are available for each color in Color Palette 1:
|
|
|
|
|
Color Palette 2 contains the following colors:
Matching logos are available for each color in Color Palette 2:
|
|
|
|
|
Color Palette 3 contains the following colors:
Matching logos are available for each color in Color Palette 3:
|
|
|
|
|
The client is considering three different font color options and has asked you to recommend the best one for its website.
Directions: Choose one font color palette from the three options presented below.
1. Review the three font color options. It is important that you use what you have learned about accessibility and web design best practices when deciding among the three options.
2. Select one font color to recommend to the client. You will use the font color you select as you design the website.
Color codes are provided with each font color. You will use these codes to implement your choices in your website design.
Which font color works best with the color palette you selected? Are all the font colors accessible to a wide audience, including customers with visual impairments? You will need to test how the font colors work with various background colors from your chosen palette and finalize your selection prior to submitting your project.
Refer back to the Typography and Web Fonts lesson for more details.
The client is considering three different typography options and has asked you to recommend the best one for its website.
Directions: Choose one typography option from the three options presented below.
1. Review the three typography options. It is important that you use what you have learned about fonts, accessibility, and web design best practices when deciding among the three options.
2. Select one typography option to recommend to the client. You will use the fonts in your chosen typography option as you design the website. It is important that you do not mix and match among the typography options.
Font names and sizes are provided with each typography option. You will use this information to implement your choice in your website design.
You learned that it is important for web designers to select fonts that are legible on-screen and align with the tone and purpose of the website. How will each font’s attributes impact the overall effectiveness of the page’s written content? Are the fonts web safe?
Refer back to the Typography and Web Fonts lesson for more details.
The client has provided the following nine images for use on the Gallery page. These images represent the products that the bookstore would like to feature on its website. You will organize the images in a 3 X 3 grid pattern on the Gallery page (three rows and three columns). The clarity and dimensions of the images are appropriate for this layout. These images have been licensed from Adobe Stock Photos and may be used without citations in your project.
Refer to the Images lesson for more details.
 |
 |
 |
 |
 |
 |
 |
 |
 |
