What We Love

sandcastle

Blog

Archive for ‘Responsive Design’

23 Jun
Posted by Haley

An Out of the Box Hamper Solution Delivered for Just In Time Gourmet

Who doesn’t like receiving gifts? What’s more, gifts packed full of foodie treats? Just In Time Gourmet’s products and hampers are truly divine and yes, we’re speaking from experience!

We had the privilege of working with this family business and owners Jodee and Justin Wearne to redesign and develop their new website. The existing site had been tarnished with black hat SEO and outsourcing by a local provider so Jodee and Justin very cautiously handed their baby over to us.

The new responsive website showcases some exciting features.

Just In Time Gourmet Home Page

Our primary goal was to promote Just In Time Gourmet’s 3 core services: Individual Products, Hampers and Create Your Own Hampers. This was achieved by creating a primary and secondary navigation, you’ll see that the site actually has a quite a few pages but these have been streamlined into tidy menus all accessible from the home page. Customers are able to shop for one of these services or combine all three. The process of this is key and is explained quite simply on the Create Your Own Hamper page.

We cleverly transformed our cart and checkout system and created a super cart (My Order) that allows custom packages to be created. Customers can purchase individual hampers, customise Just In Time Gourmet hampers or create their own hampers. These orders are collated all within the My Order page and makes the ordering process nice and easy.

Also unique to Just In Time Gourmet’s checkout is the ability to send orders to numerous delivery addresses. This means that I can spoil myself with some truffles and create my own hamper with only the products that my family like in Melbourne – no olives, no crackers and definitely no turkish delights! The bonus is that my truffles will be delivered for free! because free shipping applies to orders within Perth Metro. Win win!

Ah, the beauty of Tentacle! It has the wonderful ability of adapting to our clients needs and means we can create the perfect solution for the day-to-day operation of any business. It makes life so easy and earns us lots of points – it’s out of the box hampers made easy!

We think you’ll agree, the website is beautifully designed and totally functional. We’d love to hear your thoughts but most of all we encourage you to visit the site, who knows this maybe the perfect gift for the next birthday, thank you or get well gift that you need to buy.

23 Jan
Posted by Monica

Introducing the Brand New Responsive Sugar Blue Burlesque Websites

We are pleased to announce some of the most intricately detailed work we have done yet has now launched!

Sugar Blue Burlesque is a performance troupe and a burlesque academy that was established in 2007. They have a great looking brand identity and fabulous photos but their previous site did not show this. Clever Starfish worked with the director of the company Melanie Piantoni (aka A’dora Derriere) to rejuvenate and responsify the burlesque websites as well as being able to better manage the addition of shows, products in the store, performer profiles, academy classes and blogs. Our solution to managing all of the things was to split Sugar Blue Burlesque’s offerings into three sites.

  • Sugar Blue Burlesque - For performer management, bookings of dance troupes, featuring events and purchasing products
  • Sugar Blue Academy - For course management and the sale of drop in classes, courses and workshops
  • Sugar Blue Blog - For showing off their latest news and performer blogs

These sites were all built on WordPress and our custom catalogue/e-commerce platform Tentacle for store products and academy courses. The sites have been designed and developed to provide a user experience with subtle animations, punches of colour and detailed imagery - Refresh the home page to see the girls in the header change!

 

Sugar Blue Burlesque Homepage screenshot

 

The Sugar Blue site really showcases the talent behind Sugar Blue Burlesque which includes some internationally recognised performers. We have developed glamourous profile pages for each performer that shows off their videos and photo gallery, linked to all of their performances, latest blog, tweets, courses and acts they are associated with. Have a look yourself at the lady in charge of Sugar Blue—Adora Derriere—and see what acts she performs in.

Sugar Blue Burlesque Performers screenshot

 

Sugar has a gorgeous new shop featuring products made locally in Australia and in Europe, including items designed exclusively for Sugar Blue Burlesque. Need a gift for someone who has everything? Do they have a Sugar Blue Burlesque voucher? No? We didn’t think so. You can buy them to use in the shop and for academy courses right on the site.

Sugar Blue Burlesque Shop screenshot

 

Want to know the ins and outs of what has been happening in Sugar Blue? Have a look at the blog and browse by topic or Author to see what your favourite Burlesque star has been talking about. Sugar Blue Burlesque BLOG screenshot

 

Ever dreamt of being a burlesque star yourself? The Burlesque Academy offers a huge selection of courses to get you shimmying, shaking, undulating, bumping, grinding, wiggling, jiggly twirling and swirling through classic burlesque moves. Be a Burlesque megastar for the day by enrolling in one of the many burlesque make up classes where you will be transformed into a vintage pinup in the morning for a professional glamour photography session in the afternoon. Use the filter to find the course that suits you. You can filter by course type, location, course name, location, teacher and course level.

Sugar Blue Burlesque Academy screenshot

There’s a whole lot going on in this site…take a look around and let us know what you think!

7 Jan
Posted by Davel

The Architecture Group Makes Their Internet Debut with One-page Responsive Website

Perth-based practice The Architecture Group (aka TAG Architects) recently launched their first website. As you’d expect from an architectural company, the site was to be crisp with plenty of white space and a focus on the content.

Responsibly Responsive Design

Given their holistic approach to architecture and creating spaces that suit the people that will inhabit them, it’s fitting that they chose to have a responsive website created. Browsing the site on a mobile is just as easy as on a tablet or desktop, with the all the content changing fluidly to suit the user’s screen size.

One Page Love

One-page websites are so hot right now, but they definitely don’t suit everyone. They’re great for venues or portfolios with a small amount of content; not good if you have lots of pages to wrangle. The brief from TAG was to put the work ‘front and centre’ as soon as someone visits the site as well as have a practice profile. A reveal-on-click section allows the profile to appear in a high position without taking up space when not needed. A filterable portfolio gallery teases projects, with full content appearing in the large project viewer above the gallery when clicked.

Screenshot of Clever Starfish's one-page responsive website for TAG Architects

7 Jan
Posted by Davel

Switch Homes Launches Responsive WordPress Website

Switch Homes is a residential builder that creates beautiful homes without scary price tags.

The existing website did not match the elegance of their home designs and they wanted potential customers to easily find a home design that suits them. The result of this is a crisp-looking responsive website that includes a home finder with several useful refining options. As potential customers often do ‘couch research’ on tablet devices, the site was created to be responsive to smaller device sizes. This also makes it much easier to find a display home’s address when out and about with only a mobile phone.

 

switch-responsive

The ‘real time’ search refine controls help users narrow down the home designs that are suitable for them.

switch-homelisting

We love making it easy for users to find the information they need, and it’s great working with a client who knows their audience well enough to understand what that information is. Large home plans and specifications are displayed along with the home description and gallery, removing the need to download brochures to see all the important details of a home layout.

switch-homedetail

This project was the outcome of a really successful collaboration with Intersect Communications in Nedlands.

3 Oct
Posted by Jane

Clever Starfish wins WA Web Awards for both The Seventh Duchess & Perth Theatre Company

Last night was the WA state round of the Australian Web Awards – run in parallel with events in Sydney, Melbourne and Brisbane.

It was held at SpaceCubed in St Georges Terrace – and was a great chance to catch up with other web nerds in our industry.

After a focus on accessibility, we got into the business of the awards – kicking off with our first of two wins for The Seventh Duchess in the eCommerce category! This followed with another award in the non-profit category for Perth Theatre Company.

There were multiple awards in some of the categories and other winners included The Frontier Group, Humaan, JuiceBox Creative, Bam Creative, 303 Lowe, Red Meets Blue, Michael Bollig and Sumo.

For all the chatter, check out our Twitter or #AWA2013 or follow us on Facebook.

The national round of Australian Web Awards runs in two weeks – Sydney here we come!

23 Sep
Posted by Monica

Sneak Peek: Ashe online store is close to launching

We thought that you might want to have a little sneak peak at the new Ashe WordPress website and online store set to launch this week. To be the first in the know, sign up to her newsletter on her current site.

ashe-fbcover

12 Sep
Posted by Davel

HMS Popup Launches Retro Rumble With Double Crumble

The Retro Rumble is a two day festival of all things retro, with 11 soul, R&B, 60′s garage, rockabilly, blues and swing bands facing off against each other for Rumble in the Underground and a free public event with more bands, markets, food stalls, popup wine bars, fashion shows and plenty more goings on.

To complement traditional print promotional materials, we created a website with a poster look to it, but with more interactivity so that each band’s profile can be viewed. The result is this bold, bright and energetic responsive website. The really impressive part—if you’re part-nerd like us—is that the band lineup and event details are all editable in WordPress, and get automagically fitted into the list thanks to some fancy coding by devmaster Kieran.

The Retro Rumble

Even though I had nothing to do with the project, on behalf of ryhme-lovers everywhere I declared that the Launchcake for Rumble must be Apple Crumble. To match the colour themes for the two events, we ended up having double crumble; one with rhubarb, one with blueberries. It just felt right.

rumble crumbles

18 Jul
Posted by Monica

Take5 Temp Launches “hot” new food monitoring app into the cloud

The Take5 Temp app is a collaborative project that was scoped, managed and designed by Clever Starfish and developed by The Frontier Group.

We are very excited to finally announce the launch of this app. This project was completed early in the year, but always planned to follow the launch of their first app, Take5 Feedback.

The solution comprises of both a web app and a phone app  – much like Xero and other extremely successful business apps that have hit the market in the past 5 years. So what is it? – I hear you ask! It is an app that allows you to monitor the temperature of food and store the results in the cloud. From there, you can review the results over time and generate reports.

What problem were they trying to solve with this app, you may ask…
Businesses have to rely on staff to routinely record temperatures to ensure that food storage temperatures are within the safe means at all times at the point when food is delivered to their cafe, restaurant or venue. The classic way of doing this is with a clipboard or notepad. These get very grubby in the kitchen and are not very easy to review – should you have a problem that may have occurred from incorrect storage of a food. This method is also very easy for staff to cover their tracks. Risky business in food.

So how did we come up with the solution?
We all put our heads together to solve the problem;

  • Jeremy Wolf, Director of Take5 Temp is a trained chef, so he was aware of the strengths and weaknesses of the current systems.
  • Jane Farrow, our Managing Director, has more than 10 years of experience designing websites and web-apps so is aware of the best way to structure content and create use pathways.
  • Colin Paterson, Strategic Marketing Director of Ready for Liftoff, has decades of experience launching new products to the market and bringing together the best team to solve the issues at hand.
  • Adam Fitzgerald, CEO of The Frontier Group, has extensive experience in web apps and has been in the market of iPhone apps and Android Apps since their inception.

We spent an appropriate amount of time producing a scoping document and then ensuring the use-case was strong. We worked on a name and brand that would hold true (great work RFLO and Milkable) and a structure that will present the simplest pathways and structure for users. Once we all agreed that was sorted, we then moved into design then development.

So now its LIVE! Who needs it?
If you know someone who runs a cafe, restaurant or venue – they need this app. So tell them about it! Take5 Temp enables the use of existing phones or a work-supplied device (computer, tablet, phone, iPod!) to measure the food temperature on delivery in a flash. No fancy new equipment required! Alerts are raised for temperatures that are above or below the recommended food storage temperature and staff are notified when temperatures need to be monitored again.

Take5 Temp information is stored securely in the cloud, so it eliminates the need for paper recordings. Temperature data is tracked in real time and can be accessed anywhere with online access, so you don’t even need to be in the venue. This gives business owners the freedom to be on top of things, no matter where they are.

Below are screen captures of the website, where you can preview the app and watch the fabulous video, produced by Milkable.

take5temp

For more previews of the app design, check out our Take5 Temp project page. Cake pending! Stay tuned …

1 Jul
Posted by Davel

Perth Theatre Company Debuts New Responsive Website

Perth Theatre Company has been part of the Perth arts scene since 1983, taking up residence at the State Theatre Centre in 2010. Their old WordPress site was in need of an overhaul to accomodate an increasing amount of content in a way that was easy to manage. We created a whole new responsive design for the website and customised pages with flexible content areas and many custom fields to keep the layout of show details consistent. The changes were dramatic, resulting in a site that is not only easier to update, but allows for more flexiblity in the way content areas are used.

Perth Theatre Company responsive website - Home page on tablet and mobile devices

The home page features a dynamic banner area, automatic preview of the latest blog post, newsletter signup field, Facebook feed and two static feature areas for promotions.

ptc1

The pages for shows use flexible content blocks with two size options, allowing a number of eye-catching previews to be set up with ease.

ptc2

The blog offers glimpses behind the scenes of PTC productions and all the latest news from the company.

ptc3

Our somewhat metaphorical LaunchCake was an apple and blueberry strudel from Corica Pastries. Like a good theatre show, strudel is complex and has several layers, leaving the consumer with a sense of fullness afterwards. (This is less than 1/3 of the strudel…the whole thing was so long it wouldn’t fit on our cake stand!)

21 Jun
Posted by Davel

A Truffle-infused One Page Site

We’re pretty into food here in Starfishland, so when The Black Truffle contacted us about doing a new website for their gourmet delicatessen in North Fremantle, we were keen as honey basil mustard. The store has become a regular destination for locals and passers-by, with fresh coffee, lunchables, Italian pantry staples, salads, antipasto, cured meats, cheeses, and take-home meals prepared by real Italian mamas. The rustic food aesthetic was carried through to the website design, with warm tones, wood and hessian textures, contrasted with the simple black and white of their logo.

blacktruffle-top

The site uses a ‘one page’ layout, which requires some tricky development techniques in order to be optimised for search engines as well as be easily editable in the WordPress content management system. While appearing as one long page in the browser, each section is actually a separate page in the eyes of search engines.

blacktruffle-store

 

The catering section includes an inquiry form that gets submitted seamlessly without reloading the page.

blacktruffle-catering

30 May
Posted by Haley

A Seriously Bold Design for Richard Timpson Solicitors and Migration Agents

Lawyers are, by nature, serious professionals. We’re fortunate to work with Richard Timpson Solicitors and Migration Agents, who break all legal stereotypes and originally began working with Clever Starfish due to a shared interest in heavy metal. Yes, I do mean heavy metal music!

Richard Timpson asked us to design an innovative website that promoted the company’s new business focus as an immigration law specialist.

Richard Timpson website design

 

We developed a bold new look and feel that reflects Richard Timpson’s personality. The new website features a responsive design and horizontal scrolling. The website also includes a blog, which will be regularly updated to encourage new business and better content relevancy for SEO rankings.

Richard Timpson home page design

It didn’t take long to find a suitable launch cake theme, orange was the obvious choice!

14 May
Posted by Monica

Fresh New Look Responsive site goes live for Barclays Building Services

We are excited to announce the launch of the fresh-look Barclays Building Services (BBS) WordPress website, which has been brightened up with fresh new content and now supports mobile devices. BBS has been a client for four years and whilst their old site was still in working order, it needed to be matched to the latest marketing materials that were created by the talented bunch at Milkable.

The family-owned business was established more than 25 years ago and provides high quality building services to insurance and loss adjusters around Western Australia covering the following regions:

  • Busselton – Southwest Region
  • Kalgoolie – Goldfields-Esperance Region
  • Geraldton – Midwest Region
  • Karratha – Pilbara Region

Barclay's responsive website

They have experienced substantial growth in the last few years (in team and coverage) and wanted to be able to source new suppliers to work with and therefore needed the site to be able to streamline this process. Suppliers can now submit their expressions of interest online. The site also features a gallery so that new and existing clients can see examples of work Barclays Building Services has completed.

To celebrate the launch of the new site, we munched on a delightful selection of treats from the David Jones’ food court.