AGOGO is an upcoming digital company specializing in mobile advertising. My task was to organize the layout of the site based on AGOGO offerings, client needs and optimal user experience. The deliverables include a site map, several layout exlplorations, homepage detail wires as well as detail pages.
Wireframes overview:
> 1240 wifth
> 6 column grid
> 8 varieties of layouts
> Anchor links where possible
The process began with exploring several layout options from more traditional to more creative. Several navigation options were explored from a floating nav above an image to an image lead nav with navigation below. I needed to account for leaving room for graphics, explanations and features features such as image sand videos. I favor a process of rapid prototyping and then selecting the best ideas and combining pieces of those that work well.
After further layout and header explorations, 4 designs were chosen and elaborated upon. This round of wires had colors, graphics and explanations of each service as well as initial copy explaining the company offerings. All wires were created using InDesign.
Detail pages:
- About Us page
- Service detail page
- Contact Us page
Final wireframes feature the long scrolling page, a clear navigation system on top that also doubles as anchor links and an easy flow throughout the page as the user is scrolling down manually or via the use of anchor links.
