SupaDupa intro

SupaDupa

Your stunning, deliberately simple, online store

About

SupaDupa was founded with a rebellious spirit and a lofty objective: to create boutique-quality, classically crafted online shops at a revolutionary price point. SupaDupa was conceived as an alternative to the overpriced, bland, ready-made shops available today.

As the brainchild of Rumble digital agency, a specialist in boutique e-commerce work, SupaDupa benefits of over a decade building successful e-commerce systems. The SupaDupa aesthetic is classically-inspired, with a fashion forward twist - and every boutique can be customised with its’ very own domain name, logo and banner slideshows to match the brand it represents.

Based in London and founded by three friends in 2010, SupaDupa now powers a growing community of independent creatives ranging from artists, fashionistas, jewelery designers and other entrepreneurially minded people with a desire to get their products out there without compromising their design values.

City icon

Client’s
location

London
UK
Team icon

Railsware
team

3 Engineers
Timeline icon

Timeline

February 2013
Arrow
September 2013

Involvement

Railsware helped SupaDupa develop features aimed at extending online boutique themes. The goal was to allow users to go deeper in boutique customization, which was achieved through two levels.

The first one called "basic customization" allowed users to play with theme color scheme and font settings. This enabled SupaDupa users to change the look of their shops via simple and easy controls. Every single change (font family, size, color, background etc.) became instantly available in the preview area.

For some more advanced customization an access to most of theme templates and css files was provided, which enabled users to change the theme or insert their own code to improve boutique performance. Also, in the advanced customization mode users were able to upload custom assets and then use them in coding. And on top of that, customization wizard had smart saving algorythm, demo-to-real content switcher and other useful features, all implemented by Railsware.

Front-End
Back-End

Technologies

Ruby on Rails
Backbone.js
Marionette
jQuery
Ruby
JavaScript
CoffeeScript
Sass
Haml
HTML5
CSS3
MySQL
Sidekiq
AWS
Capistrano

Integrations

PayPal
Mailchimp
Airbrake
New Relic
Google Analytics
#<Middleman::Util::EnhancedHash about=#<Middleman::Util::EnhancedHash links=#<Middleman::Util::EnhancedHash angelList="https://angel.co/backops-2" application="https://backops.co/" crunchBase="https://www.crunchbase.com/organization/backops"> text=#<Hashie::Array ["BackOps helps small- and medium-sized businesses (SMBs) eliminate the pain of running back-office operations. Its integrated, comprehensive solution combines state-of-the-art software with a crowdsourced legion of highly educated, skilled and qualified stay-at-home moms to offer an affordable, scalable, on-demand solution that saves time and money and improves business efficiencies.\n", "Designed for the needs of businesses without the time or budget to deal with multiple platforms or outsource back office operations piecemeal, BackOps offers a subscription model for managing the day-to-day accounting, HR, and financial reporting processes, connecting them seamlessly on an automated dashboard.\n", "Headquartered in San Francisco, BackOps was co-founded by Kristen Koh Goldstein, a former CRO, and Mark H. Goldstein, BackOps' Chairman and 10-time entrepreneur. BackOps is backed by Sherpa Ventures, e.ventures and Google Ventures, as well as angel investors including CrunchFund, Mark Pincus, Naval Ravikant and Babak Nivi.\n"]>> customer=#<Middleman::Util::EnhancedHash city_filename="san-francisco" location="San Francisco" name="Mike Tria" region="CA, USA" testimonials=#<Hashie::Array ["backops-tria"]> testimonials_short=false title="VP of Engineering"> integrations=#<Hashie::Array ["stripe", "sendgrid", "quickbase", "quickbooks", "rightsignature"]> involvement=#<Hashie::Array ["front-end", "back-end", "system"]> involvementText=#<Hashie::Array ["Railsware extended Backops tech team with our front-end and back-end engineers to help build complicated parts of the project and thus achieve product and business goals. Our engineers worked with Backops team both on-site and remotely to ensure the best collaboration, as well as sharing our best engineering practices to help increase the code quality.\n", "Further details are yet under NDA.\n"]> name="BackOps" page_theme="dark" preview_theme="dark" seo=#<Middleman::Util::EnhancedHash description="BackOps helps small- and medium-sized businesses (SMBs) eliminate the pain of running back-office operations." footer_text="Railsware is a leading offshore Ruby on Rails company which provides contracting and consulting services around the world. We are among the premium ruby on rails development companies on the US market and our team is building top web and mobile applications using Ruby on Rails, React, Angular and more." title="BackOps - Ruby On Rails Development in San Francisco | Railsware"> slogan="The World's #1 Back Office Solution" team=#<Middleman::Util::EnhancedHash engineers=5> technologies=#<Hashie::Array ["rails", "ember", "jquery", "ruby", "coffee", "haml", "html5", "css3", "psql", "mysql", "mongo", "memcache", "delayed-job", "solr", "elastic", "aws"]> timeline=#<Middleman::Util::EnhancedHash end="November 2016" start="October 2013"> video=#<Middleman::Util::EnhancedHash code="y0nlctm3kl" quote="Working with Railsware provides many benefits, but their focus on writing solid maintainable code and a strong work ethics are what elevates them above their peers.\n">>
BackOps
All works
#<Middleman::Util::EnhancedHash about=#<Middleman::Util::EnhancedHash links=#<Middleman::Util::EnhancedHash application="http://piro.railsware.com/"> text=#<Hashie::Array ["PIRO is a Chrome extension that allows its users to work with the stories, projects and other Pivotal Tracker data using multilogin and other useful features. PIRO has been developed to make interaction with Pivotal Tracker more easy, flexible and efficient through simple, elegant and intuitive solution.\n", "Being created by Railsware Team as an open source solution, it is now shared and open to any contribution via GitHub.\n"]>> customer=#<Middleman::Util::EnhancedHash city_filename="example" name="Ronan Dunlop" testimonials=nil title="Director of Marketing at Pivotal Labs"> integrations=nil involvement=#<Hashie::Array ["back-end", "front-end", "graphic", "interaction", "support", "system"]> involvementText=#<Hashie::Array ["PIRO is yet another great tool that has been primarily created for internal use by our development team and then shared with other developers on a free basis. The product idea came naturally out of the needs we had at that time and was developed by Railswarians from scoping and design to the technical implementation and support.\n"]> light_scheme=true name="Piro" own_product=true page_theme="dark" preview_theme="dark" primary_color="#f1196a" seo=#<Middleman::Util::EnhancedHash description="PIRO is a simple and elegant solution for Chrome users that makes working with Pivotal Tracker more easy, flexible and efficient." title="Piro | Railsware"> slogan="Your Rocket For Pivotal Tracker Accounts" statistics=nil technologies=#<Hashie::Array ["node", "backbone", "jquery", "js", "coffee", "html5", "css3"]> video=#<Middleman::Util::EnhancedHash code=nil quote="The good folks at Railsware do it again. A little while back they released a Mac OSX client called PivotalBooster and just today – they released a very slick Pivotal Tracker Chrome extension called PIRO.\n">>
Piro