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.