Add to Collection
About

About

New adaptive and responsive portal site for The Coaster Crew, a roller coaster enthusiasts' club with over 1000 members across mostly the United … Read More
New adaptive and responsive portal site for The Coaster Crew, a roller coaster enthusiasts' club with over 1000 members across mostly the United States and Canada. The Coaster Crew runs the amusement industry's longest-running podcast, In the Loop, and operates 8 fansites (as of this writing) for amusement parks in the US and Canada. This portal allows users to navigate to the Coaster Crew site, In the Loop, the fansites, and their social media channels. I made the wireframe and prototype for this site in Axure RP 6.5. The live site uses HTML and CSS, with Zurb's Foundation 4 framework. Read Less
Published:
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.