Sun City Responsive Site

CSS & HTML / UX / Web Design

The Challenge

Go2africa asked me to make one of their flagship travel sites, Sun City, responsive and to overhaul the outdated design as well. The site has a lot of lists as well as filter forms which were a challenge to design responsively.

The Solution

We decided to go with a parallax home page. Mobile scrolling and touch screens mean that design no longer has to all be above the fold and vertical real estate was fully embraced. This is a great way to tell a story allowing the user to discover visually what the Sun City Resort is all about and allowing them to drill deeper to more functional data at any point.
I coded the entire front-end of this site. List views that collapse to grid views at certain widths, responsive drop down filter widgets. It was good fun…

View Site (Production site not yet live)