Finally Finished! My Website Designs

After two weeks of design and then redesigning and then scrapping it and then starting over, I have finally finished my website design. I will admit, after the third and fourth page, I was getting a little tired.

Homepage

Nail Scoop

Nail Stories

Ask a Nail Tech

Nail Salons

Nail Art

MY Design Principles

In the beginning of the class, I was simply  a novice to Photoshop. I am still a novice to Photoshop, however now I am a novice with more skills in Photoshop. When I read the final project, I knew that I wanted to change my website idea from 501. My Nail Fix was then born, a website dedicated to EVERYTHING nails. Unlike the nail blogs that are out there, My Nail Fix is more about substance, not just about the latest nail polish colors but how to care about your nails, the trends in nails, a place where nail artist can show case their designs.

When I thought about how My Nail Fix would look, I thought long and hard. I took this project very seriously because I do want to create the website for My Nail Fix.

Colors

I played around with certain colors as shown in the previous assignment. I used color wizard a lot with this project because I needed to visually see what colors would work well together and if color wizard had more ideas on what colors I could use. I also thought about one of the readings, which explained that the colors of websites say a lot about the business. For example, using warm colors suggest fun and cold colors such as blues suggest professional. My Nail Fix is professional but it is entertaining so I decided to use pinks, grays, white and black. At first, I was going to make the website black and pink, but I thought those colors gave off the wrong impression. I wanted the colors to make the users think about nail polish. Although one of the readings stated not to think about yourself when designing a website, I had to think about myself when it came to the colors. Pink, is one of my favorite colors and it is a nail polish color that I use consistently. Pink also suggests girlie, pretty, clean, sheek.

Text

I chose to work with three different text, A bit Empty (a free font I found), Aerial and Trajan Pro. I love Trajan Pro because it gives the site a nice clean and sleek look. I only used A bit empty for the title My Nail Fix. I thought that I would use Aerial for the text  Thinking about harmony and rhythm, I wanted to keep the website consistent. The harmony and rhythm also goes with the colors. I didn’t stray away from the unfamiliar. After looking at other websites during the lesson of typography, I noticed that most of the website used simple text, which made the site look for crisp. I wanted to incorporate that same simplicity into my website. Professor Callahan stated that the text in my design in week 6 was unreadable. I decided to make the text a little simpler, without the shadowing and glow around the text. I also changed the color of some of the text to a simple black such as in the navigation buttons and the articles.

Images

I used the critique from Seeking the Truth and Professor Callahan to use images that are the same size. When distributing images across a design, they should have a symmetrical balance, meaning placing the images evenly.  I show the symmetrical aspect in the nail art page where the three small images are the same size and shape. This is also shown on the homepage. I used the principle of asymmetrical elements, in which I used a bigger image on one side and smaller images on the other. Again this example is shown on the nail art page.

Space

I tried to not have a lot of white space because I didn’t want to crowd the elements but in some cases I did not know what else to put on the page. Sometimes, less is more. I used dividers to give each element there section so that the website didn’t look like all of the elements were on top of each other.

Depth

I think there is some depth to my website such as the image of my hand on the home page. I think it stands out more while some of the other elements are a little flat. The header of the website adds depth as well.

Unity

In all, My Nail Fix has a great unity. All of the colors and elements work well together. There isn’t one piece of the website where one would question is position or place on the website.

Technique

I did not stray away from the techniques that I learned. When I first designed the website, I thought my images and elements were a little big, so I used a trick. By pressing command T on a mac and holding the shift key, I can maintain the size of the images by dragging the corners. It seemed to work well. Holding the shift button help keeps the image form. I used shadowing on the header for depth and on the home page, I beveled and contour my hand to make it stand out more. I used a lot of opacity for the rectangles. The abstract art on the home page is actually one of the customize shapes that I stretched and twist around. I was really just playing around with it. Technique wise I didn’t step outside of the box I used the skills that were necessary for my website.

If I used anything a lot it would be the use of shapes. Without the shapes, my website would not turn out the way it did. After much redesign, I think I am pretty happy with the results. It does makes me question if I want to design websites in the future because of how much time it took, however, I love the creativity that I can do with it and then the question about design goes out the window. I couldn’t see myself doing anything else.

This entry was posted in 501dc10sp, ICM 502 and tagged , . Bookmark the permalink.

Leave a Reply