Our 4d Approach

Website Design & Development
01

WEBSITE OVERVIEW

We design and develop fully scalable, CMS websites. Our sites are coded using semantic HTML5/CSS.

Pages are designed to adapt to the size and orientation of the screen using CSS3 media queries, resulting in compatibility across desktop, tablet and mobile devices.

Upon completion you will be provided a 'how to' guide plus 24/7 maintenance and security.

02

Our 4d Approach

We use a tried and tested method on a website build of this size. A fundamental approach to ensure we deliver a first class product. Each stage of our approach is broken down into a timeline with deliverables, this allows for sign-off at the completion of each stage and ensures efficiency due to constraints in time.

Define

  • On-Boarding
  • Project Planning
  • Competitor Analysis
  • Audience Evaluation
  • Brand Review
  • Brainstorming

Design

  • Brand Guidelines
  • Voice, Tone & Style
  • Wireframes
  • Creative Design
  • Information Architecture
  • Template Creation

Develop

  • Atomic Design & Development
  • CMS Integration
  • Content Migration
  • Technical Review
  • User Testing
  • Onsite SEO

Deploy

  • Analytics
  • Hosting
  • Maintenance
  • Training
  • Go LIVE
  • Evaluation

Select a tab below

Define



On-Boarding
To lay the foundations of the project with required information including the set-up of communication platforms, shared drives and folder architecture. We begin with a focus group to outline the websites functional needs and aid in organisation set up.

Project Planning
We use Trello as a simple way to manage each stage of the project, a tool for collaboration and proofing. This stage allows us to breakdown the project roadmap and ensure we are all on the same page.

With the information provided, we set up a list of goals, milestones towards completion, taking into consideration our timeline.

Competitor Analysis
We look at competitors and/or websites of a similar quality. We spot emerging trends in the market to allow us to stay ahead of the competition and stand out amongst the crowd.

Audience Evaluation
We collaborate with user insight to identify their needs and what drives them. This aids in content creation, branding and user journey.

Brand Review
To study what is readily available and how we take it to the next level. We look at the current brand identity, colours and font pairings to create consistency in our design.

Brainstorming
Using insight from our brand review, this stage is to look at art direction, content ideas, imagery and more.

Design




Brand Guidelines
The foundations of your new website. We begin our digital phase creating the building blocks that will flow through the sites pages. This is a great tool for to help gain a visual picture of the sites finer details and can be used both internally and externally for lots of different types of content.

We use a bespoke Digital Guideline, completely unique and bespoke to our clients.

Features;
+ The ease of access for anyone, anywhere and on any device.
+ Quicker & Easier to use: Gain access in seconds and use a well-thought-out navigation system to find the assets you need.
+ Brand, Print, Moving Image and Digital, all under one roof.
+ Easily updated and managed centrally - This means your team will never be stuck with an older version and changes in the guideline happen instantly.
+ Download Templates and Assets straight from the page - With links to downloadable PDFs, Source Files and links to shared folders.
+ Secure - With password protection, you can pick and choose who has access to the application and it's shared folders.

Voice, Tone & Style
The voice and tone of websites gives the first impression within seconds. Style comprises how the content and design complement each other and enable your visitors to decide how they feel about your story.

Wireframes
This is our structural layout of the sites content, a basic frame to which we inject our branding guideline and content. We pay close consideration to the content creation stages and how it will be laid out best within the site to maximise engagement.

Creative Design
We will then take all the information and design created and begin feeding it into the wire-frames of the site to mock-up how the website looks and behaves. This includes a full round of reviews before signing off and moving into the build of the site.

Information Architecture
This stage is focused on content collation. Using our predetermined folder system, we will begin building out the content which will gradually be fed into the sites build.

Template Creation
Once the design of the website has been signed-off, we then begin to create templates for each individual page of the site. We begin with the homepage, bringing the page to life with interactive elements.

Develop

Atomic Design & Development
This stage is where we look at the finer details that built up to the full site. This includes buttons (and hover effects), navigation drop-downs, article modules, CMS content (news) layout and more.

CMS Integration
To give you the ability to control all content on the website, we build bespoke CMS collections tailored to suit your needs, these will include form layouts to enter information on news and actions. Using information from our Technical Review, we will create a seamless interface to minimise maintenance time and maximise efficiency when updating the site internally.

Content Migration
Once CMS is complete, we then begin filling in space with actual content. Using our custom built API linked directly to the CMS system, at this stage, the in-house team will get a better understanding of website maintenance and fine tune the way the site is managed. This stage also includes form setup with direct link to email and social media embedding via links and feeds (where necessary).

Technical Review
To gain technical guidance on in-house platforms and system set-up. We will include a level of consultation to ensure the platforms in use allow best efficiency in our work. We will also optimise and domain names, DNS settings and email platforms should they be in need.

User Testing
At this stage we launch the site on a temporary (password protected) link. We conduct A/B testing internally to ensure the website is fully functional. We run through the site together as a team and as part of a full review, will note down final tweaks and sharpen the edges.

On-Site SEO
Scroll down or click here for more info..

Deploy



Analytics
Full set-up via Google Analytics and Search Console to track site performance and in-depth user analytics. We will create a data dashboard to easily monitor the websites success.

Training
We will provide a full day training to ensure your teams confidence in using the platform to manage content. We do allow additional time in training should it be required and offer a 24/7 helpline for ad-hoc questions and answers.

Hosting
Our hosting gives you access to the fastest and most scalable hosting technology. With over 100 data centres and servers, when you publish with Disruptive, your files are distributed across the globe in a content distribution network (CDN) powered by Amazon's AWS Web Services.

Maintenance
Our after-care service includes unlimited technical support/bug fixing per month.

Go LIVE
Full website launch and promotion.

Evaluation
We finalise by bench-marking the project, to open discussion into our additional services on content marketing, external SEO and social media.

03

WEBSITE DESIGN
& BRANDING

When it comes to branding, we focus on emerging-trends to ensure a long-term site design inline with your Brand Guidelines.

Platform
We migrate all necessary content from existing portals and create an integrated platform spanning the front-end content maintenance, back-end CMS & API. As a user, you will have your own account to login in and update/maintain your website.

Branding
We will create a brand guideline document which is a result of our research and insight into how the website will look and act. This process includes a think tank session whereas we decide on a strong brand identity taking into consideration the current market state and emerging trends.

Colour
We combine colour theory with business. The colours we agree to will create emotion and influence decision making. As part of our brand guidelines, we will provide a thought-out colour system including Primary, Secondary and Tertiary colours.

Copywriting
We have a network of approved writers. We'll identify the perfect writer for your brief. Not only that, your copy will be fully proofread, formatted, and in most cases, delivered in under 48 hours.

Imagery
Working alongside you and your team, we will source what we believe to be the most impactful imagery to compliment our design.

Design
We focus heavily on each sites assets including icons, shapes, buttons and interactions. The finer details enhance user journey and ease of use.

Fonts
There's an art form to font pairings, which we present within our brand guidelines. Great typography can have a dramatic impression on the user and it's important that it has a true feeling of authority plus full eligibility when read.

Animation/Interaction
A choice of graceful animation strengthen the mood and identity of the brand whilst ensuring our websites have modern appeal, inline with the latest trends.

Animation aids in customer journey, signalling the user where to click and progress. Using animation like this is especially helpful for mobile sites, where screen space is always limited.

04

WEBSITE SEO/PPC

We love seeing our creations reach further across the web. Our winning formula Disrupts the social landscape to ensure you rank higher on the likes of Google and Bing.

Our SEO Services

  • Adwords/Adsense/PPC
  • Link Building
  • URL Architecture
  • Lead Generation
  • On-site Activity
  • Keyword Research
06

GOOGLE BUSINESS

To increase brand authority we create full audits on Google Business, Places and Google + to improve search results, aid in testimonials/reviews and add needed information to the user.

07

Hosting & Maintenance

Hosting
Webflow Hosting gives you access to the fastest and most scalable hosting technology. With over 100 data centres and servers, when you publish with Webflow, your files are distributed across the globe in a content distribution network (CDN) powered by Fastly and Amazon Cloudfront. Which means fast page loads for all your visitors — no matter where they come from.

It allows us to use SSL certificates for every site, providing the security and SEO benefits over the major players.

Amongst many other things it allows us to install new fonts, create back-ups of previous versions of the site and the automation of form entry forwarding to your email and/or CRM system.

Maintenance & Support
Our after-care service includes 1 full-day training and unlimited technical support/bug fixing per month.

View our website Editor ServiceView our hosting Service
08

Thank you for
your interest

Disruptive Social Club
9 Devonshire Square,
London EC2M 4YF