CHOOSE FROM 40 FREE DESIGNS
SUBMIT YOUR OWN DESIGN & RECEIVE A 40% PER MONTH ROYALTY
Select your free website design, then completely make it your own with our easy to use website builder and CMS.
PICK YOUR AI THEME TO GET STARTED
BUILT
FOR YOU
Site in a Day is back, for the same price as it's inaugural release in 2014!
REPUTATION EDGE
DIRTYFEET
AWARD WINNING NOT FOR PROFIT WEBSITE
MOBLE won the Australian Web Awards for DirtyFeet in 2014. Now in 2022, it was time for a redesign to support DirtyFeet's 10 year anniversary and introduce an online shop for Donations, Event Tickets, Merchandise sales. The expectations were high and the pressure was on to deliver a new website design that was equally as stunning.
TESTIMONIAL
Director
www.dirtyfeet.com.au
The team at MOBLE designed and created our entire website and we could not have asked for a better fit. MOBLE focused on the stunning dance photographs we pride ourselves on and utilised all we had to offer.
It was a privilege to work with such an experienced company who listened to our needs and created a website like no other in the dance industry. MOBLE is extremely professional and efficient and it was a pleasure working with them. I would not hesitate to recommend them.
The Villain
Any redesign process comes with the creative challenge of working with the same material, while you need be reinspired to redefine the story and present a new lease of life. This challenge can be compounded when you are redesigning an Award Winning Website Design. It can often be compared to much music where the follow-up album, often dubbed DSAS (Difficult Second Album Syndrome), is hyped before it begins only to set up the inevitable anticlimax.
With DirtyFeet about to celebrate their 10 anniversary, the brief was to reflect the company over the last 10 years and honour people that have contributed to its success as a staple Sydney performing arts Not for Profit. It was important to DirtyFeet that the design did not sway too much from the original, and would use many of the same images as our first design.
Another point to be aware of was that their original content editor, well versed in MOBLE CMS, would be taking an extended break and the company Director would step in to learn the CMS. While having a creative eye, using a website content management system would be an all-new design experience.
The Hero
The new website took advantage of many new featured available in the MOBLE platform, to turn it from a brochure website in to an online business with back office management.
ECCOMMERCE
We introduced ecommerce for 3 areas of the business:
- BOX OFFICE TICKET SALES
- Tickets can be purchased with price options for Members, Concessions, Event Dates and Raffle Tickets.
- On arrival at events guests may checkin with a QR Code, to have their ticket validated.
- A reminder SMS with link to their virtual Ticket is sent the day before each event for seamless ticket validation and checkin.
- MERCHANDISE
- An online shop sales, T-Shirts and Socks
- DONATIONS
- Donation can be made for fixed for Fixed Price amounts, plus the option for visitors to select their own donation amount.
- Donation can be made for fixed for Fixed Price amounts, plus the option for visitors to select their own donation amount.
CSS ANIMATION
We decided to have fun with some of the shapes from the logo. The logo was only available in a flat png file. We realised that if we remade it as an svg we could create a Javascript animation to light up each square (as seen at the top of the page).
We extended the logo to make an entirely new Font from scratch. By doing this we could then use the animation in any text as whenever we required it. Here you can see it used for the company slogan "It's Dirty Work But We Love It', placed in the footer next to the Donation Form, to bring attention to donations at the close of every page.
ACCESSIBILITY STANDARDS
We had approval to slightly lift the colour of the Yellow to make it pop more on black. However, DirtyFeet is a dance organisation for people with and without disability and the website would need to conform to accessibility standards. While the new yellow was great on black, yellow text on white can have legibility issues. We decided that the text links must always be yellow and therefore we would use the traditional darker yellow with bold on white, offering a pleasing contrast.
MENU DRAWER
It was decided to strip back the navigation into a Menu Drawer, this would give a more contemporary minimal feel.
MENU BUTTONS
The workshop data defined the navigation. We opted for Buttons to link to the four main parts of the organisation. Button labels like ‘View’, ‘More’, ‘Go’, are unimaginative, and are often less important as a call-to-action than the Button itself. We decided to have some fun and use one of the company maxims ‘Get’, ‘Your’, ‘Feet’, ‘Dirty’ for each of the button labels, which was a nice way to bring some character to the Menu with an almost rhythmic charm.
PAYMENT FORM
Given that on MOBLE you can build custom Menu Drawers, anything is possible. We decided to include a two-step Donation Form to receive secure online payments via Stripe. This was rewarding for the Not-for-Profit as they could hint at donations with every new page click, in a subtle, non-aggressive manner.
PARALLAX DIRECTORY
It possible to create elements of parallax from inside the MOBLE visual page editor. We opted to have some fun by creating some choreography of our own and bring motion to the directory. We opted for a scrolling parallax effect where the dancers would scroll over each other at different speeds.
Dancers are added and removed frequently depending on the season, so we designed the effect in a way that could easily be controlled by DirtyFeet, without any assistance, or without any code.
The Happy Ever After
The website has been well received by both DirtyFeet and their community. Given that we were about to coach the company Director on how to get around the MOBLE tools, we decided to use the opportunity to remake the MOBLE Help area by documenting exactly how we made the DirtyFeet website from start to finish.
Web School is available on this website here:
If you’re an existing MOBLE client, or about to sign up, this Series is everything you need to know to design, build and grow your own beautiful revenue generating business website.
Accent Colours
Primary Colours
#677718
#010101
#ffffff
Secondary Colours
#dd0072
#bf0096
#bf0096
#00ecff
Thanks for reading this case study. We'd really love to make your business an online success. Please ask to speak with me today, and we'll happily provide you with a free quotation.
Paul Davenport,
Managing Director
PARTNERS & INTEGRATIONS
70 Award
Winning AI Themes
GETTING AROUND
GET A QUOTE
A Web Builder for Design. A CMS for Business. We serve all businesses from SME's to Enterprise. Talk with us for custom website design and website development, ecommerce websites, directories, intranets and social networks.