3 Things we’ve Learnt about Development in 3 Years

The Shopify Builder development team has come a long way since we first started building stores in 2012. We’ve improved our processes exponentially and, in our view, we’ve reaped the rewards in our results.

While we’re learning new tricks, perspectives and methods every single day, there have been a few real lightbulb moments that have helped us to deliver a better product – and deliver it in a better way.

Here are our top three from the last three years that we believe apply in every web development scenario:

The Last 20% of the Work Will Take 80% of the Time. Plan for it

If you’ve ever moved house after a long time somewhere, you’ll have noticed something about packing – those final bits and bobs. The spare parts that you’re sure are totally essential for some expensive piece of machinery (if only you could remember what), the seemingly endless stationery drawer and those mysterious wires, are in fact not the last ten or twenty per cent of the work; they constitute well over half of it.

The macro stuff has high apparent impact (all your clothes in bags, just like that!) but it’s the so-called “finishing touches” that will leave you wailing, clutching a miscellaneous piece of plastic in each hand, the night before moving day. This is one version of the ‘Pareto’ 80:20 Principle and it has very real consequences for almost any web development project.


What seems like the bulk of the work, namely coding templates up to create a website that resembles the design concepts, will happen incredibly quickly. “Great,” you’ll think. “Basically done, and so much quicker than we expected!”. However, through working on over three hundred development projects, we’ve learnt that a serious chunk of time needs to be allotted to tie up those loose ends – up to four times that for the bulky stuff.

What constitutes this final twenty per cent? Bugs, exceptions to the rule, performance, scalability, knitting functionalities together, administrative setup… All of this tends to take more time than you imagine (a few minutes may actually be twenty, or forty, or sixty) and is more likely to contain niggly little problems that were not foreseen, taken into account in the developers’ estimates or worked through in the planning stage.

When we schedule a project, we work as a team to estimate the time required to get the first eighty per cent of the code in place. Then, depending on the particularities of the build, we multiply that figure by two, three, four or even five. And time is not the only variable; sometimes the entire development team will work together on the final twenty per cent of the work – we will not be beaten by the Pareto Principle!

Work Collaboratively

The developer stereotype is of a solitary worker, coding late into the night with only fast food for company and other people only an irritating distraction.

But a pattern of working we see daily in the office suggests quite the opposite. Our developers solve problems by sharing and discussing them with the rest of the team. This is not just a case of more brains but of synergy: the solution is not just the sum of individuals’ ideas but a product of their comparison and juxtaposition.

This process is not only about getting other people’s perspectives but is well recognised in educational studies as helping solidify understanding through teaching. The teacher cannot gloss over links or make assumptions; they are forced to really inspect and work through them. The teacher shifts their perspective to that of somebody new to the situation, perhaps seeing the problem with fresh eyes or, for the first time, in its entirety rather than its details.

If you’re a manager, nurture an office environment that encourages your team to work and problem-solve collaboratively. This could mean regular trouble-shooting meetings, a dedicated online discussion platform or simply arranging workstations more communally. If you’re a developer, be vocal about your work – even if it means interrupting your co-worker. Your time to be pestered will come.

Assess Risk

With self-help professionals constantly telling us about the power of positive thinking, especially when it comes to success in business, it’s not very fashionable to be an Eeyore or a worrier. But, harnessed constructively, worry can be a very powerful tool in spotting and assessing risks so that they can be dealt with effectively and efficiently.

This is one iteration of the concept of spending more time planning to spend less time doing. Although it is always tempting to get stuck in and relish the comfort of some concrete work under your belt, taking some time to plan your strategy can reduce the chance of dithering or having to double-back further down the road.

Planning before doing

A key part of this planning is risk assessment – allow time in the schedule to ponder and discuss your biggest fears for a project. Worried that two apps could clash with one another? Run some tests, do some research or contact the app developers. Worried about how exactly some custom functionality will play out? Take time to write step-by-step development notes or sketches.

It’s easy to avoid facing a lurking worry until you absolutely have to, but identifying the precise cause of that knot in the pit of your stomach, and then facing it head on, will do wonders for your project – and your stress levels.

If you’re looking to get in contact with us about a development project, please have a look at our Shopify Development services and get in touch!

Watch out for Part 3/3 on 3 things we’ve learnt about Design in 3 years!

Launch Roundup: November & December 2015

Over the last couple of months we’ve been lucky enough to work with more – and more brilliant – clients than ever. Here are just a few of our favourite launches:

Grey Haze

Grey Haze website

Long-term Shopify Builder client Grey Haze challenged us to give their vaping store a redesign that would boost their sales and convert their browsers into loyal customers. The e-cigarette market has exploded since Grey Haze first launched and staying ahead of the game requires attention to detail and constant innovation.

We looked carefully at how users moved through the old site then structured the new site so that each of these journeys was as smooth as possible on any device. Featured products and deals are showcased on the mega-menus and these can be easily updated by the Grey Haze team. We implemented sophisticated product filters that guide users from Grey Haze’s huge product range to exactly what they are looking for. We also added rollover quick-add functionality on the collection pages, which makes for a super-speedy shopping experience!

To convert browsers into customers, we used Beans, a powerful loyalty app through which customers are rewarded for spending, staying loyal until their next birthday, interacting with Grey Haze social media and referring friends.

Next up for Grey Haze: impeccably branded email notifications and delivery paperwork to create a seamless brand experience right the way through the shopping journey.

Read more about Grey Haze’s new website

Garçonne & Chérubin

Garconne & Cherubin website

Garçonne & Chérubin create elegant shoes for the ‘flapper’ or ‘cherub’ in us. As designers themselves, the duo wanted a website as stitch-perfect as their products. We love the results of this collaboration: minimalist design, sharp features and pixel-perfect responsiveness.

Although the site is straightforward in structure and design, it’s bursting with little details that make elevate this simplicity to crisp beauty.

Clean white rollovers on the homepage tiles match product rollovers on the collection pages. What’s more, these, along with the homepage slideshow and lookbook, can be edited by the G&C team in seconds. They can even position each slideshow image in the perfect spot using X and Y coordinates.

Clean design is not just about aesthetics: the site has been crafted to ensure users are never distracted from their journeys. We used custom code to integrate the language switcher, ensuring it matched the other menu items and looked perfectly crisp on all screens.

Similarly, signing up to the G&C newsletter does not open a new, non-branded window; once users submit their email address, the text in the subscription field switches seamlessly to “Thank you”.

Luxe Spa

Luxespa website

We’re really proud to have worked with hot-tub company, Luxe Spa, on a website that has helped their brand new business to fly. Having studied their competition closely, they had a clear brief for the website: clean, fresh and easy to navigate.

We created a website bursting with engaging overlays, playful pictograms and design flourishes such as a transforming sticky header and content that rolls into the page. However, behind these beautiful trimmings lies a simple, elegant and purposeful site that funnels users towards key learning and purchasing outcomes.

Read Luxe Spa’s case study


Vivi Direct website

Vivi-Direct offer linen clothing to women of all ages. Established in 1987, the company wanted a site refresh that maintained the continuity of a brand nearing thirty years old, reflected the timeless quality of their products and was welcoming to their target audience.

We’ve achieved this with clean lines, elegant fonts and an update to the brand’s pastel colour scheme.