11A Web Page Layout Project




Process:  The audience for my web design is for people of all ages.  They can purchase clothing for any time of the year.  I began by creating my sketch.  I knew that I wanted a tree in the design.  I liked the thought of using the leaf shapes.  Coming up with the company was a challenge.  The title “____ for All Seasons” came into my mind, but it took a while to decide what I would use for the first word.  Once I chose my company, I decided I wanted to use apparel for all seasons.  The four rows of images represent clothing from each of the different seasons beginning with spring.  The color scheme helped to portray the clothing in each season.  To make the clothing more interesting, I varied the unifying of the boxes in a repetitious way.  I kept the top of the web page design and title of the company fairly simple.  A white outline was added to make the title stand out more.  I layered the look for the letters “A” and the number “4.”   I liked how their shapes also matched the alignment of the tree.  Once my sketch was completed, I made a shape map in Photoshop.  Using that as a guide, I began creating my web design.  I chose various image to depict people wearing clothing in different seasons.  I cropped the images and spent hours taking out the background so that they looked better in my web design.

Critique:  My nephew, Ethan, helped me with the texture for the tree and suggested the outline for the title.  Becky thought the typography got lost in the leaves and suggested bringing it out more in the title and footer.  Hillary agreed with Betsy and thought the footer should be centered.  Sister Peterson suggested changing the opacity which I did.  I also changed it for the colored boxes.  Sister Peterson also suggested placing the images in the alignment and sizes and dragging the tree to the bottom of the page.  I replaced a picture, made the jacket bigger, changed the alignment, and dragged the tree down.

Color Scheme:  triadic (orange, green, and blue)

Fonts:  Sakkal Majella Regular (sans serif)

Links to Images

tree bark texture

men’s spring clothing

women’s spring clothing

girl’s summer clothing

men’s summer clothing

men’s fall clothing

boy’s fall clothing

boy’s winter clothing

women’s winter clothing


Event Flier Project

By byuicomm125


5A Event Fundraiser Flier

Process:  I went online to research ideas for a fundraiser project. I love the fall season and thought it was an appropriate time to do a Harvest Fest. I found a picture online that really stood out. I knew that people of any age in the community would be able to attend. I wanted to appeal to my audience in a way that they could enjoy the fall season, Halloween, and Thanksgiving. For my message, I wanted the community to know they could help others by giving to the Idaho Food Bank (the benefactor) while enjoying time eating and doing activities at the Harvest Fest. While doing research, I was excited to learn that not only does the Idaho Food Bank provide meals for hungry families and children, but it also has specialized service programs. These include a Backpack Program, Mobile Pantry Program, Grocery Alliance Program, Picnic in the Park, and School Pantry. The Idaho Food Bank’s primary source of funding comes from individual donations, grants, and corporate donations; not from the government. This is information the audience could find out online or at the Harvest Fest.

I changed my margins, made the page into Landscape then I placed my image in Word and stretched it to bleed across the page. The picture was so big and full of color that I had limited space to place the main information. I originally had the title placed across the top of the page in an orange box. It didn’t look very good. I tried different fonts and sizes to portray a contrast. Seven text boxes were used. I also placed bullet points with the activities and food along with a vertical line in front of them. I wanted to add another pumpkin for repetition and to show that pumpkin painting was an option. I was unable to remove the background from my pumpkin so it didn’t blend in very well. I placed the “Food Bank” logo in a green box on the bottom left-hand side of the page. I wanted to use a split complimentary color (red, orange, and green) for the project. I also wanted to incorporate the “giving” message so added “Thanks for Giving!” to the logo. The project was saved as a JPG file.

Critique Report:  My assistant, Juan, was the first one to critique my project in the afternoon on October 13 in my office. He did not like my black-lettered title in an orange box. I made it transparent so the background was behind the title. Ben was critiqued my project on October 14 at 10:30 a.m. in the BYU-Idaho McKay Library.

He thought the title should be bigger. The font was changed to a white color. Ben also helped me to make the information work better in a white transparent box. To make the pumpkin fit into the box, I condensed the wording for the food and activities into one-to-four words. I also added color to the date, time, location, cost, and activity title using a heading font instead of the body copy. More spacing was made between the date and time and activities to make it easier to read. Betsy and Dafne both thought the text box should be more transparent. I did not change it. Sister Peterson critiqued my project on October 14 online. She noticed the alignment was off and said my painted pumpkin looked like it was floating. I aligned it on the right along with the Idaho Food Bank logo as she suggested.

Color Scheme: Split Complimentary: Green, Orange, and Red

Fonts:  Title-R Julian (decorative)  Body Copy-David (Oldstyle)

Links to images: http://victorsvillage.com/2012/11/25/giving-thanks-to-the-harvest-festival/; http://www.jazzisflowercenter.com/ngg_tag/big-teeth-painted-pumpkin-faces/

Tasteful Typography Project

Tasteful Typography Project

This is my project designed in Word.



When trying to determine an idea for a company blog post, I thought of a book on cassette called “Celebrate Life” by Leo Buscaglia (one of my favorite authors). He was a professor at the University of Southern California in the 1960’s and was well-known during that era as the “love” doctor guru. His passion for life and love for people were phenomenal. For this project, I work for a mental health provider. The two quotes I used were taken from Leo Buscaglia’s book, “Living, Loving, and Learning.” I went to the Google images and discovered the picture of the young lady. She is in shadow looking at the fading sunlight like she could be pondering on her life. The image and quote looked like a good fit. I created my image in Word with the “Landscape” setting then added my quote. I tried different fonts and sizes to portray a contrast. Four text boxes were used. The project was saved as a JPG file.

Critique Report:

Ben Harker was the first one to critique my project on October 6 at 10:30 a.m. in the BYU-Idaho McKay Library. When I asked about his insight, he directed me to samples. I decided that the word “life” stood out more when it was placed in upper caps. Ben also showed me how to use various features in Word to help me with alignment. He suggested I move the title and body to different places to determine what looked better. He had me move the line in different places. I realized moving the line changed the message. When the line was lengthened and placed under “Celebrate LIFE,” it changed the emphasis on the meaning of the message. I decided to place a shorter line between the titles so that the word “LIFE” was still the main focus of the message.

Betsy critiqued my project on the Fall Comm 125 Facebook page. She gave a great insight. She liked my message, picture, contrasting fonts, and layout. She suggested that I place the words closer to the woman and line up the bottom of the words with the seat of the woman. She suggested changing the two spaces after each period and to remove all of the quotation marks around the words. I made all of the changes that Betsy suggested. It looked better.

Meg AmorinoI liked the image and suggested moving the quote to the lower left hand corner and deleting the line under “Celebrate” to place it next to “Life.”  I did not do either.  Sister Peterson thought the “Celebrate Life” belonged together.  I made the word “Life” bigger using the tracking and placed the line under “Celebrate Life” as she suggested.

Links to images:


Font Name/Category

Title: Mongolian Baiti/Modern

Body Copy: Dotum/Sans Serif