This screenshot shows the navigation hints that temporarily pop up when these additional navigational items appear. After staying on the screen briefly they retract into the link icon. If a user moves their mouse over the icon, the description will re-emerge allowing them to verify the icons destination. Note, these navigational icons allow for full navigation of the site, but are also supplemented by the primary and traditional-type navigational menus, making navigation through this method completely voluntary.
This screenshot shows the open space feel of the site. The white dots which represent both molecules and planetary systems with orbiting moons interact with the site visitor in 3D space. So that as the visitor moves their mouse the molecules, which also act as extra navigational links, react in three dimensions, each with their own relative distance, size and coordinates.
This screenshot shows how the page will looks after the transition, noted in the prior screenshot, has taken place. Additionally, one can see how the top right navigational menu looks when a user is about to click on a link.
One element that is illustrated in this screenshot is how content that is too long for the viewport area can be scrolled by the user. If the user hovers their mouse over the scroll icon on the right, the text will slowly scroll down, and if they click on it, it will scroll at a faster rate.
Since the client fell into such a unique category and offered a very unique range of products, they wanted a site that would be unique and exciting for their target market to visit. They wanted the site to visually reflect the fields they were had strong connections with, including those of science, space exploration and space education. As such they desired to have a site which would visually tie to space and stargazing as well as reflective of tools that might be used by space explorers, such as a heads up display unit. Along with that, they wanted the site to have a unique and intriguing user interface, which provided rich user interaction, while also allowing for easy navigation to content being sought.
For these reasons, the site was built using Flash, Actionscript, and a bit of XML which provided for a more dynamic multimedia experience to visitors than would be practical to do with other site building methodologies.
To see some example pages from the site created for this undisclosed client, please see above…
(As a note, the client for which this site was built has not launched the site at this stage as they are lacking in-house resources to maintain a dynamic Flash site. However, if the current situation changes and the site gets launched, then I will update this page with information on who the client is, as well as provide more screenshots.)
This undisclosed client is in the bevarage industry in the United States and provides a number of innovative products in a unique market niche. Along with creating unique beverages, they are tied closely to the science, space and space education fields.
This site was created using a form of HTML5, some CSS with bits of CSS3 thrown in, and JavaScript with some help from JQuery.
I am using the fontface BPDietUltra for my headers, which can be found on FontSquirrel.
Hosted by: 1and1
Matt Henry is graphic designer, web designer, coder, illustrator, learner, thinker, doer, explorer, educator, and creator among other things. In 2011 he officially started his own web design company in Las Vegas, WoDe Vision, having done freelance and contract work for many years prior to that. In addition to his creative endeavors, education is an important part of Matt Henry's life. He constantly seeks to further his own education and knowledge, and also has a great passion for teaching and interacting with students. So while doing design, he also currently moonlights as an Adjunct Instructor.
Matt Henry New York, NY, USA Work: +1-702-997-3608 Copyright© Matt Henry