Adam Garbutt
Design for Web
Concept & Scamps
Learn Card Games!
Learn Cards, Play cards.
Games
Catergories
Games
Catergories
Submit
Submit
Learn Cards, Play cards.
Games
Catergories
Submit
Concept
Scamps
My concept for my website is to have a website where you’re able to discover how to play different playing card games, I want it to be accessible easily on multiple platforms from iPads to laptops, as well as being able to be used easily by young children up to older people. All of this obviously influenced how I thought how my site would work when it came to drawing up my scamps.
I needed something to make the website to not look like it’s a gambling website otherwise it the audience wouldn’t see it was an appropriate site for their children to visit and use. For example, I used a game token looking icon for within the cards to represent one to two players instead of the typical heart or spade. Because of this when drawing scamps I trying to disassociate from gambling where ever I could.
Adam Garbutt
Design for Web
Colours, Type, Wire frames & Site map
Home
Games
Font family
Klinic Slab Klinic Slab Klinic Slab
Catergories
Submit
Colour palette Colour & Type
Wire frame & Site map
I picked red as my primary colour because It’s one of the most heavily associated colours with cards, I didn’t want to include black as the other colour because together they looked a bit harsh on the eyes, I desaturated the original red and decided to use a brown along side to compliment the red. The Typeface I picked because it looked very applicable to cards because of the slab serifs and how they’re associated with cards.
I wanted two main columns in the middle of my pages to fit the cards on the home page, but I wanted this format to then transfer throughout the rest of the website with a thin middle column to separate them both. As grid It allows me to easily keep a very consistent look but I gives me a good bit of creative range to work with in. The sitemap is rather basic because there aren’t many pages on the website because I’m wanting to fit everything onto them 4 pages.
Adam Garbutt
Design for Web
Digital Mock-ups & Rollovers
Digital Mock-ups I mocked up my website before committing to dream weaver so I knew what the rest of the website would look like, so I started on the homepage/ landing initially to get me started. As well as this I created the roll over buttons as well so importing all of this with the help of the wire frames was all streamlined.
I choose to use the heart and spades as a pattern to bring back the association with playing cards because I felt without having them there as a signifier the overall look of it wouldn’t say playing cards too much.
Adam Garbutt
Design for Web
Format Mock-ups / Proposal
Format proposal Although it’s something I can’t create with my knowledge as of yet with Dreamweaver, I would like to make this available to be used on an ipad and IPhone simply because of how It relates to my concept.
Playing cards is something you do at a desk, not as a desktop computer. You’d want to be able to read and play easily with an ipad, or even with a printout. And that is how I would like to take the website further.