Week 5 Outside of Class

Today, September 28th, I met with my mentor Cassidy and she gave me lots of good feedback and help. I still plan to change my logo with the font which she agreed upon. I also changed my line height which helps space out the paragraph in the about a lot better than before. Cassidy helped me figure out how to add a responsive effect to my pictures and how to make them rounded. All of this was done in the code using overlay, border-radius, text, etc. Another thing I worked on was better organizing my code because I found that I was having a hard time navigating through it. Still lots to do with the logo and spacing, but I am very happy so far with where I am at.

To finish off my 50% of my website I redesigned my logo with a different font and location. I also spaced the about content better on the page. In addition I changed the color of the responsive aspect of the style content to match the blue and background colors.

Week 5B

In class I worked on my goal of making the drips bigger and having more distance between them. I also added the about content with new font and plan to start the style content soon as well. Finally I added the background which is a white cement texture to compliment the clay from the cups and provide a subtle texture in the background.

Week 5A

In class I worked on putting graphics in the header of my website. This created some challenges as the drips would not line up with each other when I would repeat them in the code. I might go back and change the drips because they need to be spaced out more to match the design of the cups. I also might change the logo to having the brand name on the bottom instead of at the side and I might change the font. My goal for Monday is to get the about and style content done and try to add the responsive aspect to the style content.

Week 4B

Week 4 Outside of class

I really worked on my goals of adding colors that compliment the mugs and adding textures from the images of the mugs. I also made the drips as a texture since I will be incorporating them throughout the website, but I will probably change the color depending on where they are place. With the textures from the images, I tried to choose ones that would compliment the colors and that were all different and interesting to one another. 

For class we started making the base for our website. It was hard at first because the top and bottom margins would not work. Eventually, I figured it out and was able to lay it out based off each sections and the components of those sections.

Week 4A

For class today we reviewed our layouts for our websites. Then we learned about what a style tile is and we are applying what we learned to make our own style tile. With mine I would like to include the drips which I have included in all of my layouts I designed. I would also like to include colors from the mugs that they make which will be incorporated throughout the site such as blues, pinks, browns and tans. I also hope to include textures from the mugs themselves because the textures are very unique but would compliment everything very well if it were a background. My decision for the header font was made because it curves like the glaze curves on the mugs. Then when adding the subheader font it adds simplicity to the rest of the fonts, yet compliments the header.

Week 3B

For my kickstarter that I am making a website for I decided on Es Ceramics. I really liked the different colors of their products and I thought I could do a "how to" for the website as well as feature all their products. In class I just decided on what I wanted to put on the website and designed one layout. Throughout all my websites I might stick with some sort of dripping image because their one mug they had really intrigued me with the way they let the paint drip. 

Week 3 Outside of Class

https://www.kickstarter.com/projects/1186165357/blind-tea-tasting-a-guessing-game-for-your-sense-o?ref=nav_search&result=project&term=blind%20tea%20tasting

This company is a blind tea tasting. The name in itself got me right away, but the explanation of it all is so interesting. I actually never heard of this before and for this campaign they spoke of sending four different kinds of teas every month for the customer to guess on what they were. The package that is sent comes with a guide to different teas, the answers for the teas, the teas themselves and tea filters. Then the customer guesses and if they really like a certain tea they can buy it off the website. The company also keeps track of what teas you like and will tailor the teas they send to your preferences. I really enjoy tea, so this would be something I would buy and it could help me find new teas to drink.

https://www.kickstarter.com/projects/2098368300/deary-turning-best-chat-messages-into-unique-books?ref=nav_search&result=project&term=deary%20book


This company is called Deary. I was confused based off of the name, but looking into the company it was quite interesting. Deary is an app where you put any chats you might want to save with someone and it saves those chats into a folder. Once you are satisfied with what you have put in the folder you can actually print out a book with everything in it. It was interesting to me because there are times I wished I had saved that one conversation or where I wish I could see the things I liked in my conversations all together. This is also a really cool gift idea for a parent, sibling or best friend to just look back on the times you have had together via text. We are such a tech savvy world that the book would just be a small representation of our life or a diary without having to write the day to day.

My two other designs I made include the drip with just a rearrangement of the different elements I wish to include on my website. I would really like to try and make my pictures responsive so they only show a word until a mouse is dragged over them to reveal the image. I think this would make the user more intrigued and seek to go further through the website.

Week 3A

https://www.kickstarter.com/projects/598730443/es-ceramics-bespoke-reusable-coffee-cups?ref=nav_search&result=project&term=es%20ceramics

In class I found this kickstarter campaign called Es Ceramics. It stood out to me because of the colorful mugs pictured. Reading more into the company, I really loved the fact every mug was handmade and unique. This definitely makes them stand out in the coffee mug business due to the uniqueness and variety of their mugs. The possibilities are endless because the making of the mugs can only be controlled to a certain point. They also had different themes for the mugs including rainbow, rustic, turquoise, etc. which stood out to me as well. The topper for the mugs were quite simple, but so innovative towards the general use of the mug. Overall, I just found the idea very compelling because of its uniqueness and the fact that every mug sold is different in some way.

Week 2 Outside of Class

Outside of class, I worked on the color scheme, layout and organizing things in a way that it was easier to read throughout the page. With the color scheme, I wanted one that was more neutral colors with one color to pop for the title. I used the brown for the pictures because it matched the browns of the buildings, but also made the pictures pop out. Also when organizing my page, I boxed the information into readable sections such as the title description with the title or the vacation essentials blocked together. I struggled with a few things regarding the boxes and having the images float to the left, but I used w3 schools to assist with that and switched some of my information in HTML to make the layout more organized.

Week 2B

Today we learned some basics of CSS including, changing font and background color, wrapping things to create a box, changing font size, etc. I applied these skills to my webpage. For outside of class I will be sure to change the color scheme as none of it goes together and I will get out different font sizes. I will also be making boxes for my different information, so it looks more organized.