W designboards

design for web

learn cards, play cards website

adam garbutt

design for web

inital ideas and scamps

adam garbutt Learn Card Games!

Learn Cards, Play cards.

Games

Catergories

Games

Catergories

Submit

Submit

Learn Cards, Play cards.

initial ideas

scamps

the concept behind the website is that it’s a place go find how to learn to play cards essentially. I want it to be accessible on multiple platforms and to be used by older and younger generations.

the website needed to NOT look like it was related to a gambling website, as it was critical that it was targetted at children. the format was a big influence as i wanted it to be easily useable on both a computer and a tablet so that was designed in mind.

Games

Catergories

Submit

design for web

site map & wire frame

adam garbutt

Home

Games

Catergories

Submit

site map

wire frame

the sitemap is rather basic due to the website not really containing to many different pages and it seemed unnessasary to list every page that would exist when they would be very similar.

the two main columns in the middle of the pages were there to fit the two cards with the smaller boxes there to fit in any text, I used this layout throughout to build my website to keep a consistent look.

navbar: 660px/ 52px m-container: 660px/ 612px card-col: 225px/ 120px

design for web

colour & type

adam garbutt

Klinic Slab Klinic Slab Klinic Slab colours

type

pattern

red was picked because it’s one of the primary colours used within cards, brown was used along side to compliment the red because using black or green appear to make it look a bit too gambly.

a slab serif font was used because its rather assosiated with cards in it’s self. klinic slab is a modern take on a slab typeface and it works with the overall look im trying to create.

I made a pattern for the background using the symbols used within cards which i ended up using as a replacement for half-tone on the cards.

design for web

digital mock-ups i mocked up my website before commiting to dreamweaver so i knew the rest of the website would look like. starting with the home page so i knew what the rest of the website would end up like.

digital mock-ups

adam garbutt

design for web

format proposal

format proposal although its something i can’t create with my knowledge yet, I would have liked to taken this further to be able to be used with ipads and mobiles responsively correctly

this is because you don’t play cards normally at the computer desk, you play it on a table with family and friends and that’s where this website belongs.t

adam garbutt

design for web

waddingtons cards

adam garbutt

waddingtons

vs. other cards/ etc

waddingstons card packet served as my single biggest piece of inspiration for this project simply becasue they created a packet thats incredibly family friendly, it looks innocent and is incredibly recogniseable.

i believe the inspiration is noticeable when looking back at the website, but it’s because of these features why i didn’t really take much notice to the other cards because they all appear to target a much older audience.