Skip to main content
  • Responsive Web Design

    Optimal viewing and interaction
    experience for your ecommerce website.


Responsive web design provides an optimal viewing experience across a wide range of devices from televisions to mobile phones. A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids and CSS3 media queries. We deliver all sites using a responsive design having developed a front-end framework, based upon bootstrap, as a base for faster and higher quality delivery of a merchant's prospective, responsive front end code.

The Responsive Web Design Process

Delivering superior experiences across any device.



We follow a flexible design process when creating new responsive sites having developed a front-end framework, based upon bootstrap, as a base for faster and higher quality delivery of a merchant's prospective, responsive front end code. We work alongside our clients to bring their ideas to life and specialise in beautiful ecommerce designs that turn casual browsers into regular buyers. We develop sites with real people in mind meaning that user experience is at the forefront of everything we do. This means that our sites not only look great but, just as importantly, they function great too.

As standard, all sites are built across 4 breakpoints that depict desktop to mobile resolutions, although additional breakpoints can be delivered as part of any customer project.


Design Brief

The very first stage of any project is the design brief. We'll request that the client completes a questionnaire in order to understand what needs to be taken into account during the process, such as corporate guidelines, design influences and branding.

Required Items

Alongside the design brief we will gather some initial assets such as logos, commercial fonts, IA/sitemap and category structure as well as example homepage content like banners, images, social media accounts and company information.

Hi-Fidelity Prototype (Core Templates)

After the initial design brief and requirements gathering, we will then create hi-fidelity prototypes of the core templates (usually five) across the different breakpoints (usually four), starting with the homepage.

Lo-Fidelity Prototype (Remaining Templates)

Following the production of the hi-fidelity prototype of core templates, low-fidelity prototypes of the remaining templates are then created.

HTML 5 (Core Templates)

With the hi- and lo-fidelity prototypes signed off, the HTML of the five core templates is then produced across all four breakpoints and rolled out.

Style Guide

Alongside the HTML rollout of the five core templates is a style guide which lays out the appearance key elements of the site such as fonts, colour references, styles, logos, buttons, links, tabs, accordions, rollovers, images etc... in a simple and easy to use document.

Design Rollout

Using the lo-fidelity prototype as the base, and with direction from the style guide and core HTML template, the remaining HTML is produced for all of the remaining web pages and emails.

Completion

Following customer sign off of all the HTML pages and emails, the design process is now complete.


Responsive Web Design News & Insights

sass-and-belle-redesign.jpg
client news  
Sass & Belle launch new designs
New designs go live for Sass & Belle's retail and B2B ecommerce sites on tradeit...
maxi2019-home.jpg
client news  
Maximuscle deliver their redesign on tradeit
The premier sports nutrition brand in the UK, Maximuscle, have launched a stunning new design using tradeit...
westcoast-2017.jpg
client news  
Westcoast rebrand and go responsive
UK's leading IT distributor launch new responsive design on tradeit...
Maxinutrition-Devices-800px.png
client news  
Maximuscle launch site refresh and upgrade on tradeit
Europes's number one sports nutrition brand relaunch their new ecommerce site on tradeit...
silmid-launch.jpg
client news  
Sil-Mid launch new site on tradeit
A brand new site for Sil-Mid, the specialist distributors of silicones, adhesives, lubricants, cleaning agents and surface treatments...
morphy-rwd.jpg
client news  
Morphy Richards unveil new responsive design
Leading electrical appliance manufacturer improve their mobile experience with the introduction of a new responsive design...
barcode-responsive-launch.jpg
client news  
The Barcode Warehouse launch new responsive design
The Barcode Warehouse upgrade their tradeit ecommerce platform and launch a new responsive design...
Sass-and-belle-b2c-uk-launch.jpg
client news  
Sass & Belle launch their new UK retail ecommerce channel on tradeit
Leading giftware supplier, Sass & Belle begin their B2C ecommerce rollout to complement existing B2B channels...
fhinds-click-and-reserve.jpg
client news  
F.Hinds launch ground-breaking Click & Reserve with fulfilment from anywhere
Leading jeweller launches the latest incarnation of their ecommerce site with some ground breaking enhancements to their Click & Reserve service amongst a host of new features...
longacres-launch.jpg
client news  
Longacres launch new responsive ecommerce site on tradeit
Award-winning garden centre Longacres, launch their brand new ecommerce store on the latest version of the tradeit platform...
Back To Top