Skip to main content
tradeit next generation ecommerce platform
  • Responsive Web Design

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

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 in to 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.

1. 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.

2. Information Gathering

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.

3. 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.

4. 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.

5. 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.

6. 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.

7. 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.

8. Completion

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

Why choose RWD from Red Technology?

Save time & money

By using a responsive design you no longer need to maintain separate desktop and mobile sites, saving time, resources and money.

Increase sales

By enabling customers to view and purchase from your website how, when and where they want, they are more likely to place and order, order more often and order multiple items.

A consistent user experience

Means customers are familiar with your site across any device and browser and can navigate and checkout easily, helping to increase conversions and sales. A single URL also means it’s easier for them to remember.

Device Agnostic

With the increase in how and where people view your website, creating a site that is optimised for all operating systems, browsers and device types means your site can be viewed by anybody, on any device, wherever they are.

Search Engine Optimisation

A single site means a single set of URLs and content which is more likely to improve your SEO performance and mean you have more time to optimise it. The search engines also prefer responsive design as they only need to index the page once, meaning it’s easier to crawl your site. In fact in April 15 Google’s update actively punished sites that were not ‘mobile friendly’.

Future-proofed

As more screen sizes (Phablets, Internet-ready TVs etc..) are introduced, your site is already able to cope by responding to fit them. Extra breakpoints for new device types can be added to your design for further optimisation. This means your site can be scaled upwards without any problems.

Analytics

A single site means a single set of analytics giving you a simplified view of your site activity, users and purchases.

Learn more about our Responsive Web Design services

Our Customers

MaxiNutrition Ecommerce Case Study

MaxiNutrition

MaxiNutrition launch their responsive ecommerce sites using the tradeit ecommerce platform

Case study
Garden Trading Ecommerce Case Study

Garden Trading

Garden Trading release separate Retail & B2B responsive sites, both managed from a single instance of the tradeit platform.

Case study
Caboodle & Monkey Office Ecommerce Case Study

Caboodle/Monkey Office

Great design isn't just limited to Retail ecommerce as shown by the Caboodle & Monkey Office B2B ecommerce websites.

Case study
Sass & Belle Ecommerce Case Study

Sass & Belle

The creative giftware wholesaler and retailer use a responsive design on both their retail and B2B ecommerce sites.

Case study

Responsive Web Design News & Insights

content-led-responsive-design-header.png

Top tips for content-led responsive web design

We share some tips about what you should consider when implementing or redoing a responsive design on your ecommerce site... read more

mobile-ux-header.png

Optimising the mobile UX

We examine some of the ways to help you improve the mobile experience for your mobile users... read more

Maxinutrition-Devices-800px.png

MaxiNutrition launch site refresh and upgrade on tradeit

Europes's number one sports nutrition brand relaunch their new ecommerce site on tradeit... read more

sil-mid-devices.jpg

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... read more