7 Days of Creation x 10 Months

Today we were asked to create a mock up website for a clothing company. To begin this process I delved into research.

Examples of successful clothing websites:

http://www.asos.com/ Asos’ target audience is people between the ages of 15-30, therefore their unique selling point lies within vibrant colours and low prices. These low prices are advertised in nearly every image on the website. Studies have shown people of the above ages to have a short attention span, leading to Asos’ use of an abundance of images. There are also numerous editorials and a showcase of the most popular items with redirect buttons right underneath, which lets their buyer quickly navigate to the buying option.

https://www.lazyoaf.com/ Lazy Oaf uses quirky models and outfits to draw in a very individual audience. Many of their images are gifs making room for mini animation, however this website is not as youthful as Asos. They use black writing at all times and a much smaller number of images. The layout of the shopping aspect of the website is very idyllic with all images being the same height however varying in length i.e. there are three columns and images alternate from 1 per column to stretching over 2 columns etc.

http://www.zara.com/uk/ What works for Zara is the minimalistic layout which allows their images to breathe. Each image is displayed on its own, at a very large size allowing attention to detail. The colour is toned down with the use of white background and black font. The menu on the left is easy to navigate and rather than taking the normal form of a menu it is differently sized writing.

All of the websites I studied use a minimalistic font i.e. Raleway or Sans Serif. Some more complicated lettering can be found in the relevant Pinterest board included below. The font should set the style of the clothing the company sells.

It is also important to make space for ads. These are often on the very right hand side in an oblong or square box so as to not distract from the top left or centre which should be used for promotional purposes only.

Most websites embed their menu at the top or on the left where they are most easily found however it isn’t uncommon to find a menu at the bottom of a page.

Curve Editor Animation

Today we used the curve editor in 3DS max to animate kettles, moving from left to right. There are 6 options- 4 of which are barely different, 1 which has a slow in slow out feature, and the step curve (green kettle) which enforces 1 movement barely visible to the eye rather than a series.