The introduction and main call to action on the Coaster Crew Network Portal's live site, in mobile width. The Coaster Crew link is being hovered over to show its styling.
The Coaster Crew is a roller coaster enthusiasts' club in the United States and Canada which runs the longest-running amusement podcast, In the Loop. They offer special events at many amusement parks around North America. Their staff maintain fansites for 8 amusement parks, as of this writing. This new Coaster Crew Network Portal's objective is to unify their brand and give users a way to easily find the fansites and their social media channels.
As the screenshots below illustrate, this site is responsive and adaptive. It was built using Zurb's Foundation 4 framework.
I am currently working on several other sites for Coaster Crew, including their main site and their fansites.
The original Axure wireframe.
The original Axure prototype. After user feedback, the social media links moved to the left. The color scheme changed after I got the background picture.
The original grid mockup without custom CSS.
The site with custom CSS, prior to several rounds of user testing.
The live site on an iPad 2 in landscape mode.
The live site on an iPad 2 in portrait mode.
The live site on a Samsung Galaxy S3 in portrait mode.
The live site in mobile layout, as displayed in a narrow window on a desktop machine.
The full-width live site as displayed on a laptop with 1920x1080 resolution.
More information about this project:
