Khayam Ashfaq Designer
Contents
Grattify
Curioo
Craftted
N/A
Cargo Chaos
Pensole
Grattify Web Design Grattify is a design led marketplace. My role was to design the website, branding and to use social media to promote the brand. The website is now live www.grattify.com
Logo Development
Homepage Wireframe
Desktop and Tablet Desktop and tablet view With wider screens like desktop monitors and laptops there is more padding
Smaller devices like tablets have a narrower view to make it easier to navigate with a touchscreen
Homepage Wireframe Mobile View Header with a burger icon for easier navigation
After testing we found that we had to reduce the best seller section to 2 items as it is easier to navigate and view the product images
The footer has been condensed to 3 drop down sections to reduce the size of each page
Mobile view
User Journey
Homepage
A new user wants to buy a product from the website. The user has to navigate through the website from signing up to ordering an item. Sign Up
Account
Catalogue Page
This is the sign up page that the user will see.
The user can change their personal details such as their name, delivery address and bank details.
This is the catalogue page where the user can browse items.
User Journey Product Page
Basket
Order Confirmation
Sign Out
The user can purchase the product and pay the listed price or bid for a lower price, if they were to bid, they would receive an email.
The basket page where the user can view the products they want to order. They can delete items and change the quantity if needed.
Order confirmation page showing the reference number. The user will then receive a confirmation email.
Sign out page confirming that they have safely logged out.
Email Wireframe
If a user chooses to bid for an item they receive this email confirming that the offer has been sent for approval from the supplier.
This is what they would receive if the supplier rejects their offer. The user then has a limited amount of time to send a counter offer.
This is what they would receive if the supplier accepts their offer. The user then has 24 hours to purchase the item at the agreed price.
Images of the latest posts from the Grattify blog.
Links to share the blog and to anyone who wants to sell on the website. Initial email wireframe to promote the website.
Revised email wireframe after the website was launched
Web Pages
Curioo Product Design The brief was to design a new range of toys. The toys are made from rubber wood. The products are now available on www.grattify.com
Camera Concept
Camera Concept
130
6
20
10
8
10
25 15 30
15
25
80
30 40 15 20
3
Fold Away Tent Frame I was tasked with designing a robust children’s tent frame that was easy to build and store. 3 hinges connecting the two halves. The hinges allow the tent to fold flat making it easier to store.
Simple Butt joints make it easy to assemble. They will be secured in place with bolts.
Fold Away Tent Frame The tent construction consists of a total 8 wooden beams. This makes it easy to manufacture and assemble.
22.5
35
60 22.5
depth 35 beams (x4)
45
35 1100
35
1200
depth 45 legs (x4)
2 in 1 Picnic Puzzle Concept Front
Back
The front of the toy hold the fruit for a picnic. This was to promote healthy eating.
The back on the toy is designed to look like a picnic mat.
2 in 1 Picnic Puzzle Concept
The fruit can be cut in half as it is connected together with some Velcro in the centre
2 in 1 Car Puzzle This is based on the streets and cars of London. The reverse side has a road map to play on.
2 in 1 Rocket Puzzle The rockets can be split in half as it is connected with magnets. This also means the user can mix and match.
2 in 1 Dino Puzzle This is a dinosaur puzzle which includes 4 dinosaurs and the reverse side is a grassland area
Craftted Web and Graphic Design Craftted is a phone case e shop. Users can choose from a vast range of cases or choose to design their own.
Wireframes Homepage (Desktop)
The client wanted a restrained aesthetic. It would be easy to navigate and update with new content.
Homepage (Mobile) Catalogue Page
Product Page
Website pages
Desktop and Mobile View
Case Designs
Not-Applicable Web Design Not-Applicable (N/A) is an urban fashion brand. I designed and tested the website, pricing and listings of the products. The website was built on Wrodpress.
Wireframes Homepage
Catalogue Page
Product Page
The client wanted the homepage to reflect the bold aesthetic of the garments and branding.
The catalogue page design is simple and easy to use.
The product page design is simple and easy to use with some emphasis on sharing items on social media.
Website Pages
Desktop and Mobile View
Cargo Chaos Graphic Design This project was a collaboration with a game designer to help design a new mobile gaming application. It also includes a digital comic.
Asset Ideas
rescue
rescue
1 UP caution
caution
Asset Ideas - Animation time lines
Digital Comic
Digital Comic
Phone render
Homepage
Comic
Gaming Screen
Pensole Product Design A design competition where I was tasked with designing a pair of shoes. The competition was 21 days long and participants can enter one sketch a day on social media.
Khayam Ashfaq Designer
075806 71742 khayamashfaq@gmail.com www.linkedin.com/in/khayam-ashfaq