Nicholas Boss Site Plan

Overview

Purpose

Ever want to display all you hard work in one place for employers to see? My website will display all the accomplishments I have done in my time here at BYU-Idaho.

Audience

This site is focused toward any who want to know who I am and what I do.

Branding

Website Logo

Style Guide

Color Palette

Typography

Heading Font: Times New Roman

Paragraph Font: Arial

Normal paragraph example

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Colored paragraph example

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Navigation

Site Map

Content

Home page

HOME PAGE:

• Headers stick to the top of the page (position: fixed) allowing easy transition between the different pages on my site. Header will contain links to: HOME, RESUME, PROJECTS, and TA pages
• Footer will contain links to: FACEBOOK, LINKEDIN, GITHUB, and the SITE PLAN
• Gives a description of each of the languages I have learned and the programs I have used to create the projects I have done
• Will have a link out to my TA page

Images for the Home page

Resume

RESUME PAGE:

• Tells about me, my background, some hobbies I have
• Could make a page for each of my hobbies and link them in my ABOUT ME page
• Uses a JSON file to dynamically generate the resume
• Header will contain links to: HOME, RESUME, PROJECTS, and TA pages
• Footer will contain links to: FACEBOOK, LINKEDIN, GITHUB, and the SITE PLAN

Images for the Resume page

Projects

PROJECTS PAGE:

• Boxes that represent each project I have completed or am working on
• Underneath the boxes will have a short description of the project
• Has a link out to the page of that project for those interested in learning more
• Header will contain links to: HOME, RESUME, PROJECTS, and TA pages
• Footer will contain links to: FACEBOOK, LINKEDIN, GITHUB, and the SITE PLAN

Images for the Projects page

Project Pages

PROJECT PAGE (Multiple):

• A box that represents each project I have completed or am working on with an image from the project
• A description of the project will follow the image
• A link out to GitHub repository for those interested in the code behind the project
• Header will contain links to: HOME, RESUME, PROJECTS, and TA pages
• Footer will contain links to: FACEBOOK, LINKEDIN, GITHUB, and the SITE PLAN

Images for the Project pages

TA PAGE:

• Has Calendly integration
• Allows for anyone to schedule an appointment with me to meet
• Has the classes I TA for listed
• Has information about what I can help with as a TA
• Header will contain links to: HOME, RESUME, PROJECTS, and TA pages
• Footer will contain links to: FACEBOOK, LINKEDIN, GITHUB, and the SITE PLAN

Wireframes

Home

Resume

Projects

TA