Month: June 2016

Submission| Concept Statement

Leave a comment

For my second assignment, my website is a cat coffee shop. This coffee is shop provides fabulous food and cute cats. This website is comprised of five-page a Homepage/index, an about page (quality of the ingredients used in the food and beverages. How the company started and the story of the company), a Menu page (it will be divided into two sections beverage and food. What coffee shop sells and the prices of the products. Cats (the names, personalities, and appearances of the cats. The quality of the living for the cats and how they are treated), Contact page (phone numbers, location/map, and email address).

My client is a couple who own an up-market cat coffee shop business owner. They want to create a web-site to promote their business. The target audience is up-market “hipsters”, who like both coffee and cats. They are also comprised of university students, older couples and people who work in the city. I branded this website in a hipster, young and fresh approach that related to both coffee and cats. The style of the website is modern with pastel colours.

The colour scheme I went for are browns, whites, blacks, and pinks. I chose this colour scheme because it related to the context of the website (coffee and cats). I also chose this colour scheme because I think it highlights and compliments the imagery and illustration of the website. The font I went is Segoe Script regular for the heading because it looked modern and gave the website a ‘cutesy’ look. The font for the content and other important text is Calibri because it made it was read and understand. For the images and illustration, I used were circular, this related the logo and coffee stain at the bottom of a mug. This also gave a Morden look and brought more unity to the page.

The technical issues I ran in too was trying to create a gallery in my cat’s page to showcase their personality and what they look. Each time I tried it wouldn’t go into the centre on each picture would not line up properly. Another technical issue I ran into was taking picture of the cat and coffee/food. Each time I tried to take a picture of her, she would run away or move suddenly. This was also a limitation because I have to use copyright free images off the internet.

Reference List:

[Untitled photograph of a coffee machine]. (n.d.). Retrieved May 29, 2016, from

Coffee cup

[Untitled photograph of a cats]. (n.d.). Retrieved May 29, 2016, from
https://pixabay.com/en/photos/cat/

[Untitled photograph of a cats sleeping]. (n.d.). Retrieved May 29, 2016, from
https://pixabay.com/en/photos/cat/

[Untitled photograph of a cats sleeping]. (n.d.). Retrieved May 29, 2016, from
https://pixabay.com/en/photos/cat/

[Untitled photograph of a cat face]. (n.d.). Retrieved May 29, 2016, from
https://pixabay.com/en/photos/cat/

[Untitled photograph of a cat face]. (n.d.). Retrieved May 29, 2016, from
https://pixabay.com/en/photos/cat/

[Untitled photograph of a cat face]. (n.d.). Retrieved May 29, 2016, from
https://pixabay.com/en/photos/cat/

[Untitled photograph of people taking notes and drinking coffee]. (n.d.). Retrieved May          29, 2016, from https://www.flickr.com/search/?text=coffee%20machine

[Untitled photograph of siliohette of a cat]. (n.d.). Retrieved May  29, 2016, from https://www.google.co.nz/search?hl=en&authuser=0&site=imghp&tbm=isch&source=hp&biw=1366&bih=643&q=cats+&oq=cats+&gs_l=img.3..0l10.183.618.0.2984.5.3.0.0.0.0.1057.1057.7-1.1.0….0…1ac.1.64.img..4.1.1056.rvlOYxZLb4s#hl=en&authuser=0&tbs=sur:fmc&tbm=isch&q=cat+silhouette+white

[Untitled photograph of a cafe interior]. (n.d.). Retrieved May 29, 2016,                                     from https://www.google.co.nz/search?hl=en&authuser=0&site=imghp&tbm=isch&source=hp&biw=1366&bih=643&q=cats+&oq=cats+&gs_l=img.3..0l10.183.618.0.2984.5.3.0.0.0.0.1057.1057.7-1.1.0….0…1ac.1.64.img..4.1.1056.rvlOYxZLb4s#hl=en&authuser=0&tbs=sur:fmc&tbm=isch&q=cafe+interior+

[Untitled photograph of a cat coffee art]. (n.d.). Retrieved May 29, 2016, from
https://www.google.co.nz/search?hl=en&authuser=0&site=imghp&tbm=isch&source=hp&biw=1366&bih=643&q=cats+&oq=cats+&gs_l=img.3..0l10.183.618.0.2984.5.3.0.0.0.0.1057.1057.7-1.1.0….0…1ac.1.64.img..4.1.1056.rvlOYxZLb4s#hl=en&authuser=0&tbs=sur:fmc&tbm=isch&q=cat+coffee+art&imgrc=VwWhYR_NmLVwHM%3A

[Untitled photograph of pancakes]. (n.d.). Retrieved May 29, 2016, from
https://www.google.co.nz/search?hl=en&authuser=0&site=imghp&tbm=isch&source=hp&biw=1366&bih=643&q=cats+&oq=cats+&gs_l=img.3..0l10.183.618.0.2984.5.3.0.0.0.0.1057.1057.7-1.1.0….0…1ac.1.64.img..4.1.1056.rvlOYxZLb4s#hl=en&authuser=0&tbs=sur:fmc&tbm=isch&q=pancakes

[Untitled photograph of  oats]. (n.d.). Retrieved May 29, 2016, from
https://www.google.co.nz/search?hl=en&authuser=0&site=imghp&tbm=isch&source=hp&biw=1366&bih=643&q=cats+&oq=cats+&gs_l=img.3..0l10.183.618.0.2984.5.3.0.0.0.0.1057.1057.7-1.1.0….0…1ac.1.64.img..4.1.1056.rvlOYxZLb4s#hl=en&authuser=0&tbs=sur:fmc&tbm=isch&q=breakfast+food

[Untitled photograph of food ]. (n.d.). Retrieved May 29, 2016, from https://www.google.co.nz/search?hl=en&authuser=0&site=imghp&tbm=isch&source=hp&biw=1366&bih=643&q=cats+&oq=cats+&gs_l=img.3..0l10.183.618.0.2984.5.3.0.0.0.0.1057.1057.7-1.1.0….0…1ac.1.64.img..4.1.1056.rvlOYxZLb4s#hl=en&authuser=0&tbs=sur:fmc&tbm=isch&q=food

[Untitled photograph of chips and dip ]. (n.d.). Retrieved May 29, 2016, from https://www.google.co.nz/search?hl=en&authuser=0&site=imghp&tbm=isch&source=hp&biw=1366&bih=643&q=cats+&oq=cats+&gs_l=img.3..0l10.183.618.0.2984.5.3.0.0.0.0.1057.1057.7-1.1.0….0…1ac.1.64.img..4.1.1056.rvlOYxZLb4s#hl=en&authuser=0&tbs=sur:fmc&tbm=isch&q=food

Research #5 | Website Design Principals

Leave a comment

In terms of this next assignment, I want to focus more on the design side since I now have more experience using .html and .css. My website will be a cat cafe shop, with pages dedicated to cats, a menu page, etc…

I have looked into some site design principles to help me when I start my wire frames and mock ups for every page.

  • Design for the medium
    • Craft the look and feel
    • Make your design portable
    • Design for low bandwidth
    • Plan easy access to your information
    • Plan clear presentation of your information
  • Create a Unified site design
    • Interface is referred to as the look and feel of the site
    • Convey’s personality
    • Dictates how users will read text, view images, make associations with links and navigate
  • Design for accessibility
    • Design for the screen
    • Test on multiple browsers
    • Test on multiple operating systems
    • Test on a number of devices
    • Keeping to standards can aid in making your designs portable