Homepage:
About us section 1:
About us section 2:
About us section 3:
Health benefits section 1: All image in illustrator.
Health benefits section 2:
Health benefits section 3:
Menu section 1:
Menu section 2:
Menu section 3:
Contact us:
Wednesday, 4 December 2013
OUGD504: Design for web/studio brief 2 - Page sketches and wireframes.
After sketching up designs for each of the pages, I went ahead and started making my wire frames. Although I was planning to make background images in illustrator for my pages, I mapped out exactly where the illustrations would go so I could measure out exactly where I would overlay my text and other elements I would be coding. Below are the initial sketches and wireframes:
Homepage:
About us section 1:
About us section 2:
About us section 3:
Health benefits section 1: All image in illustrator.
Health benefits section 2:
Health benefits section 3:
Menu section 1:
Menu section 2:
Menu section 3:
Contact us:
Homepage:
About us section 1:
About us section 2:
About us section 3:
Health benefits section 1: All image in illustrator.
Health benefits section 2:
Health benefits section 3:
Menu section 1:
Menu section 2:
Menu section 3:
Contact us:
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment