Overview
Ride the Ducks needed a new site that expressed the colorful and exciting adventure of their amphibious boat tours. The site needed to work well in mobile as most visitors view their site on their phones while planning a trip. Images also had to large and vibrant.
- Main Responsibilities: Project lead front end development
- Technologies used: HTML5, CSS3, jQuery, Javascript
- Notable features:
- Responsive design
- Large hero sliders
- Simple mobile menus
- Review slider
- Large text slider
- Animated captains
- Developed for Internet Explorer 9+ as well as modern browsers
Full Width Slider
The client wanted to display large action shots in sliders with minimal text. This was achieved while keeping things responsive. The admin has the ability the add slides as needed while also changing the side the images displays.
Mobile Menu
A simple to use mobile menu was created with related icons. The menu slides with the page providing constant access for users.
Review Slider
The client uses reviews to promote user experience. Most reviews include the logo from the place it came from, title, text, and the person who left the review. The slider allows the admin to choose between a slide effect or a fade effect.
Text Slider
To allow for large images we set up a slider that uses the large image as the background for the text area. This allowed the large image to stay prominent while the user was still able to read the text related to the image.
Animated Captains
A post type was used to add new captains. Greensock was used to time the animation on hover to provide a light and playful effect to the captain images.