Skip to content

exenreco/bioSite

Repository files navigation

Welcome to Exenreco's BioSite Dev...

  • Student: Exenreco Bell
  • Project: BioSite
  • Class: Web 200



Screenshot of BioSite



BioSite Website Plan

Ideas for your website

Determine how you will use the BioSite website to showcase your subjects’ interests and hobbies.

  • Idea 1: Interests & Hobbies - Create a dedicated section on each student's bio page that highlights their interests and hobbies. This could include a brief description, a photo, or even a short video clip. For example, if a student loves playing the guitar, you could add a picture of them holding their instrument along with a quote about why they love music.
  • Idea 2: Fun Facts - Add a "Fun Facts" section to each bio page that shares interesting and unique facts about each student. This could include things like their favorite sports team, what they like to do in their free time, or even a weird talent they have. For example, if a student loves playing soccer, you could add a fun fact like "When I'm not studying, I love playing pickup games with friends."
  • Idea 3: Project Page - A dedicated page on the BioSite website that showcases student-led projects and hobbies. This could be a blog post, a video series, or even a podcast. For example, if a student loves writing poetry, you could feature their poems on the website with a brief bio about them.
  • Idea 4: Spotlight - a regular feature on the BioSite website called "Spotlight" that highlights a different project each month (or quarter). This could include an interview-style post where the site owner talks about their interests and hobbies, or even just a simple showcase of their work. For example, if the site owner loves photography, you could feature some of their best shots along with a quote about what inspires them.
  • Idea 5: Interactive Quizzes and Surveys - Create interactive quizzes and surveys that allow readers to share their interests and hobbies in a fun way. For example, you could create a quiz called "Which Hogwarts House Are You?" or a survey called "What's Your Favorite Hobbies?" that asks readers about their favorite activities outside of school. This can help generate engagement and encourage readers to share more about themselves.

Website Plan

Topic Questions Response
Purpose of Website

What is the purpose and goal of the website?

To create a unique and engaging way to showcase a student’s biographies and interests.

Target Audience

Describe the target audience (age, gender, demographics)

The website is designed to be inclusive of both me, women, boys and girls of any age and or any racial background, so there is no specific targeted gender or age as the targeted audience. The demography for this type of website includes but is not limited to students, employers, reviewers, and or random web viewers.

Graphics

What graphics will you use on the website?

Graphics for this site may include but not limited to:

  1. Photos and Videos of Student showcasing activities, interests and hobbies
  2. Open source Icons and illustrations to visual depict and emphases student related topics
  3. Open source fonts and typography to reflect the student’s tone and a unique visual experience.
  4. Images and videos showcasing student’s artwork, writing, projects demonstrating students’ skill.
  5. Additional Open source graphics, any other graphics that can be used to visually enhance the bioSite.
Color

What colors will you use within the site to enhance the purpose and brand?

To enhance the purpose and brand of BioSite, I have chosen to work with a color palette of three different colors:

  1. primary color: #007bff
  2. secondary color: #ff9900, #34c759
  3. Accent color: #ff69b4, #333333

The primary color will be used for header and footer and other prominent elements, secondary color will be used as accent, highlights or to create visual interest and the Accent colors will be used to create contrast and support visual interest.

Accessibility

How will the website accommodate people with disabilities?

To ensure that the BioSite website is accessible and inclusive for people with disabilities the site will make uses of semantic html, aria attributes, high contrast mode and font size adjustments. Overtime, if the time frame allows it, it would also be useful to implement a screen reader, color contrast, keyboard navigation and regular accessibility testing.

Project Timeline

Identify the project timeline

To ensure a successful project execution, we are looking at a timeline of 5 – 6 weeks, this prediction considers:

  1. Week 1 - 2 – Planning - project scope goals and objectives
  2. Week 3 - 4 – Content Creation – gathering graphics, student work and other materials
  3. Week 5 – 6 – Website development
  4. Week 6 – Testing and quality Assurance

Wire-frames

Sketch of the home-page wire-frame.



Sketch of the about-page wire-frame.



Sketch of the hobby-page wire-frame.



Site Map

Bio Site Map

About

Student Bio Site

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published