In designing the website for Witch’s Woods, I researched other haunted attractions. I was surprised to find that many of the sites were built with flash, and as an early adopter of smartphones I was watching the mobile visitor percentage climb. I was still firmly against using flash on a new design, but I liked the interactive features of these competitor sites. For a business that sells “scaring people” it made sense to have some things flying around the page and popping out when you clicked.
So in the end, I used a “puff” technique made available through jquery’s morph feature. This created “sprites” that looked like ghosts and appeared to be growing out of the ground around the haunted hayride. The morph feature in jquery allows you to define start and end properties and it does all of the morphing in between.
- Step 1: Ghost is just 1×1 px, 0% opacity, positioned at ground level. (Very small, transparent, on the ground)
- Step 2: Ghost grows to full size of image, in this case 100x200px, 100% opacity, positioned 10px above ground. (ghost has now risen up while growing and fading from transparent to visible)
- Step 3: 0% opacity, positioned twice it’s height from ground (ghost flies up from the earth as it fades away to transparent)
This is a very cool looking effect, kept the entire site very readable and usable, and worked in all desktop and mobile browsers that I could test at the time. But something was lacking. None of the haunted sites I had looked at truly showcased the actual attractions. The best attempts I had seen were sites that had good photo galleries of images from the haunts. Video seemed to do the best job.
Showcasing a haunted attraction is almost like showcasing a house listing on a real estate site. You can show the indoor spaces by using wide fisheye lenses and video that can pan across the entire room.
I did insert an auto-playing video playlist on the homepage, and through this you can convey a lot of the attractions and also the mood and emotions of the customers and actors in a way that a conventional brochure could not.
There were a couple other unique features that were needed for this seasonal business…
- Operational Calendar: The business is only open in October, and the schedule isn’t the same each year, so the days and hours they are open have to be clearly communicated to the customers.
- Employment Forms: The business hires about 150 new actors each year. The online application form saves each applicant’s information through a 256-bit encrypted ssl submission. Hiring managers can look through the hundreds of applications, where applicants list the days they are available to work and any related experience or previous employment. The hiring manager can then move applicants into different positions, assigning them to work on the Haunted Hayride, into the makeup department, or putting them into less desirable categories like “Fired – Do not rehire”. Future improvements to the online application software will use applicant contact information to make it easy for department managers to notify entire departments about rain delays or other employment news.
- Interactive Games: For one game, I placed 10 hidden placards around the haunted grounds, with a qr-code printed on each one. If someone bothered to scan one, they would be prompted to enter their email address and accept marketing emails from us. Once they had done this, their first find would be recorded and they would be shown a map with approximate locations of the other placards. With around 50,000 customers on site that October, only 110 phones ever scanned a qr-code. (there was one next to the ticket line that almost every customer passed without scanning) After realizing that they would receive emails for participating, only 10 of those 110 people accepted the terms to continue their quest. 3 people found all 10 placards. I gave 1 of them a $50 gift card (winner lottery was advertised on the placards) at the end of the month. This game had very low participation and there was a lot of vandalism of the placards. In 2011 it was not popular although teens were taking smartphone pics all around the place. Not all ideas are winners, luckily this idea only had a couple hours of work and some printing costs.
- Online Sales Redemption System: We were using an e-commerce platform I had set up to sell tickets for Witch’s Woods. The backend was a bit clunky for the ticket sellers at Will Call to use, so I created a new ticket redemption system from scratch that made it super easy to scan e-tix or look them up by purchaser name. I modeled this redemption system on some daily deal sites we had used, but I added the additional feature of allowing someone to pick up a portion of their order. So if they ordered 4 tickets, they could use 2 one night and come back another day to use the other 2. They system is mobile friendly and includes a mobile barcode scanner which allows ticket sellers to walk down a long line and serve customers to expedite the will call service.
Note: In 2013 we made some major changes to this site, and many of the features described are no longer there. Designs in my portfolio show works in progress, which change more frequently than I update this portfolio site.
My involvement with Witch’s Woods went way beyond web development, marketing, and media production. I took on a role as the stage show manager, which ended up taking up so much time that I did neglect media. My character was a tramp clown named “Freakshow Firestarter”, and I got to showcase my fire-juggling skills. I realized early on that I would be entertaining and making people laugh, not scaring them. Between shows I would gather prizes to hand out to children, and check in with the will call sellers who were using my software. In the remaining minutes of the hour, I rode a short unicycle around the grounds while juggling rubber chickens, playing my accordion, or entertaining lines on my 6′ giraffe unicycle. In a bizarre twist of fate, my web development skills led me to use my circus skills for profit, something I never thought would happen. I got to learn a lot about fire performance from a talented group of fire performers, and spend some time perfecting my fire juggling and unicycling skills. I will always have fond memories of the Witch’s Woods operation, and the huge increases to web traffic and online sales. It was very fulfilling for my adult aspirations as well as the freaky clown inside of me. [deranged clown laugh]
For more information about this cool business, visit www.witchswoods.com.