[Mollis Portfolio] Site Plan

Molli Batty

WDD 131-[1]


Overview

Purpose

The purpose on my portfolio is to show off the projects I have worked on in my WDD 131 class. These projects will shocase HTML, CSS, and JavaScript within their code.

Audience

My audience is future employers who want to see my work and knowledge in JavaScript.

Dynamic elements

I will be sotring information in an array of objects (Object and Arrays), then I will use Array methods like foreach() to display projects. Next JavaScript will interact with the HTML by selecting and modifying elements and I will use Event listeners to allow the user to interact with the page. Conditional statements (if, else) will control how the site behaves for example if no projects match a filter, display a message.


Branding

Website Logo


Style Guide

Color Palette

Palette URL: https://coolors.co/fefefe-8c6ec0-fa5780-fdb237-34c7db
Primary Secondary Tertiary Accent 1 Accent 2
[#FA5780] [#8C6EC0] [FDB237] [#34C7DB] [#FEFEFE]

Typography

Heading Font: Betania Patmos In

Paragraph Font: Cause

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


Content

Home page

[content, images, data for the home page]

I am a student from Houston, Texas, currently studying Web Design and Development at Brigham Young University–Idaho with a growing passion for creating engaging and functional websites. In my WDD 131 course, I have developed foundational skills in HTML, CSS, and JavaScript, which allow me to design and build responsive, user-friendly web pages. This portfolio showcases the projects I have completed throughout the class, highlighting my ability to structure content, apply effective styling, and incorporate interactive elements. As I continue my studies, I am strengthening my problem-solving skills and expanding my knowledge of modern web development practices. I am excited to keep learning, improving my craft, and creating meaningful digital experiences.

Me and Snoopy :)

My Work

com comp-thinking cool pics 1 DOM and CSS Meta Tags mission statement 1 Mission Statement 2 modals Responsive Design

Wireframes

Create two wireframes for your site. One for each page and list them here

Home

home page wireframe

My Work

page 2 wireframe