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="https://chrome.google.com/webstore/detail/airtable-importer-by-rail/kngidnifbonbaembhpnjlpeefhmjpegb"> text=#<Hashie::Array ["Accounting, recordkeeping, data blending… No matter what the “major” of your company is, you definitely face that data challenge. Not surprisingly, in Railsware we solved the issue with Google Spreadsheets.\n", "Later, having discovered Airtable, an awesome database tool, we loved it right away for the way it’s organised and well-thought and started using it extensively. But what we really missed there was that \"GSheet magic\": ability to do advanced calculations, filtering, pivot tables etc. Working closely with both tools, we suddenly realised it would be an amazing gain to combine those two. With that in mind, Railswarians developed an add-on, Airtable Importer, as a missing link between Airtable and Google Spreadsheets.\n", "Easily import table from Airtable to a Google Spreadsheet. Keep spreadsheets actual with hourly automatic re-sync of imported Airtable to the linked sheet. Or enforce the update with manual re-sync whenever it’s needed. Just get maximum impact from Airtable easiness and Google Spreadsheets power.\n"]>> customer=#<Middleman::Util::EnhancedHash multi_testimonials=true name="Artur Kasprzyk" testimonials=nil title="VP of Operations, Railsware"> integrations=nil involvement=#<Hashie::Array ["front-end", "support", "system"]> involvementText=#<Hashie::Array ["Airtable Importer is another example of a tool originally created by Railsware for internal use. With our particular needs solved, we thought it would be a good idea to share our add-on with the community. Combining powers of two great database tools - Airtable and Google Spreadsheets - we do hope it will make your lives easier. Enjoy for free!\n"]> name="Airtable Importer" own_product=true page_theme="dark" preview_theme="dark" primary_color="#3fc2ff" seo=#<Middleman::Util::EnhancedHash description="Add-on to import Airtable into Google Spreadsheets" title="Airtable Importer by Railsware"> slogan="Google Spreadsheets add-on for Airtable import" statistics=#<Hashie::Array [#<Middleman::Util::EnhancedHash description="Hourly automatic re-sync" icon="resync">, #<Middleman::Util::EnhancedHash description="Manual re-sync possibility" icon="manual">]> technologies=#<Hashie::Array ["airtable", "js", "jquery", "googledrive"]> timeline=#<Middleman::Util::EnhancedHash end="Now" start="November 2016"> video=#<Middleman::Util::EnhancedHash code="z8r7l4g1hd" quote="I use this plugin on daily basis as it saves a lot of time and effort when playing with few Airtable bases and ton of Spreadsheets using Airtable as a datasource.\n">>
Airtable Importer