Presentation on theme: "Story Board Example by Clarke Group, LLC The following goes through the story board method of design for one of the pages developed for the bureau of African."— Presentation transcript:
Story Board Example by Clarke Group, LLC The following goes through the story board method of design for one of the pages developed for the bureau of African Affairs of the US Department of State
Here is the original page that needed a makeover and a new look and feel. Icons and hyperlinks just didn’t do it!
This was a rough pre-engagement annotated PowerPoint discussion straw-horse with a possible preliminary design. Sunset from Signal Hill Apartments - Freetown Jendayl Frazer African Affairs Biographies 1. Assistant Secretary 3 level + in dropdown Slide Show for images Readers to encourage frequent visits What should disclaimer Be for the pages I develop? Marquee with links to state.gov Content as well as AF news 20,162 Visitors Hit counters and statistics
The first step of the engagement is to draw out by hand a new page layout with the desired areas generally defined and placed.
Next draw out each of the desired areas in greater detail, questions and notes. Added notes are for fingerprinting with the client.
This one was a PowerPoint saved through a graphics screeen capture since its final form is not sure..
Begin constructing the page using the pieces developed or captured. They should be screen captures of the actual code generated images.
Put the screen images of the pieces created all together. Thus the page may be modeled in PowerPoint to show to the client committee.
Demonstration of the operation of the menu and other functions may also be simulated.
Here is the actual screen capture of the final result of the development.