We’re adding our work to Behance. When we find the time…. 3 projects and growing! Behance is the leading online platform to showcase & discover creative work. Take a look at our growing portfolio concentrating on web design in London
news & industry developments
Design portfolio on Behance
Posted in Web design, Web development
Tagged Web design London, Web development London
Leave a comment
New client: London fashion designer
Founded in 2011, Valerie Voon is a brand that integrates heritage and modernity into its luxurious garments. It is for those who value durable season-less luxury. Web site launching soon.
Web design London
Take a look at our new Web Design London section dedicated to those web sites we’ve designed for companies in London.
Web design testimonials
We understand that most businesses in London find their web design company through recommendation. So we’ve gathered together just a few testimonials from some of our clients we’ve worked with over the past 7 years. We have many more satisfied customers! If you require a reference from one of our clients for our web design services please contact us
Chartwell Partners
“We have spent 3 years trying to get our website to reflect our brand and values and we have at last succeeded with the help of Reactive Graphics. They really understood how important it was to us that we got it right this time and were very flexible and patient through the process. We are thrilled with the result and plan to build on the website with Reactive Graphics over the year.”
Katy Fagg, Manager, Chartwell Partners
Holland Park Press
“I knew our brief was complex but it was handled very professionally. I am extremely pleased with the end result. The web site is a great tool for our business and is being received very well by the market. – Bernadette Jansen op de Haar, Publisher and Business owner – Holland Park Press”
Bernadette Jansen op de Haar at Holland Park Press
James and Giles
“We have been working with ReactiveGraphics for a few years now and they have helped us develop 3 web sites so far. As our relationship has developed we can now turn around projects quickly and with a minimum of fuss. Andrew usually presents us with a few design ideas before we proceed to building a web site. He’s not afraid to make changes along the way so we can be sure that we can be satisfied with the end result. we would recommend them without hesitation.”
Giles Sutton at James and Giles
Trading Terms
“Andrew came up with some great ideas that I would never have thought of. Whilst always keeping my requirements in mind, he persevered until the design was spot on. One year later it still looks good.”
Joanne Tall, Trading Terms
Fifty Fifty
“When I first approached Reactive Graphics to design our site, I was struck not only by their knowledge of the Internet and their technical capabilities, but also by their enthusiasm for new ideas. They worked hard to come up with various options, always making changes eagerly and always contributing their own innovative ideas.”
Tim Whitehead, Director, Fifty Fifty Post Production
Copperdime
“Thanks for all the help in developing our website and our brand. You have been thoroughly professional and your ideas have been most effective.”
Adrian Patten, Commercial Director, Copperdime
Quirke McNamara Consultancy
“Reactive Graphics have provided us with a very professional service managing our website, turning the work around quicky & efficiently. They offer a comprehensive, effective & good value service which is why we continue to work with them. “
Susan Quirke, Creative Director, Quirke McNamara Consultancy
The Vintners’ Company
“We are delighted with the excellent job that Reactive Graphics have done in re-vamping our website. Andrew successfully took on board our ideas and added polish and professionalism to them. Not only have they done an excellent job, suggesting innovations which we would not have thought of, but coped extremely well with all our changes of mind (which sometimes occurred daily) and the finished article is even better than we envisaged when we first started out on our quest. Even after going “live”, Andrew was more than accommodating in “tweaking” things and always more than willing to give advice and help.”
Director of Finance, The Vintners’ Company.
CSS3 in web development
CSS3 is the latest standard for CSS. There are many advantages of CSS3 although web developers should remember that it is only supported in modern browsers.
The new developments in CSS3 include:
- Selectors
- Box Model
- Backgrounds and Borders
- Text Effects
- 2D/3D Transformations
- Animations
- Multiple Column Layout
- User Interface
We are going to concentrate on CSS Transformations which allow you to render vector modifications to HTML elements on your page.
Skew
With the skew() method, the element turns in a given angle, depending on the parameters given for the horizontal (X-axis) and the vertical (Y-axis) lines:
Please see the code for this example pasted below:
.skewed {
border: 1px #000 solid;
background: #eee;
width: 300px;
padding: 10px;
margin: 20px;
-webkit-transform:skew(30deg, 0);
-moz-transform:skew(30deg, 0);
-o-transform:skew(30deg, 0);
-ms-transform:skew(30deg, 0);
transform:skew(30deg, 0);
}
border: 1px #000 solid;
background: #eee;
width: 300px;
padding: 10px;
margin: 20px;
-webkit-transform:skew(30deg, 0);
-moz-transform:skew(30deg, 0);
-o-transform:skew(30deg, 0);
-ms-transform:skew(30deg, 0);
transform:skew(30deg, 0);
}
Scale
With the scale() method, the element increases or decreases the size, depending on the parameters given for the width (X-axis) and the height (Y-axis):
Please see the code for this example pasted below:
.grid { width: 500px }
.grid ul { list-style: none; }
.grid a {
width: 100px;
height: 60px;
font-size: 32px;
border: 1px #900 solid;
margin: 0 20px 20px 0;
text-align: center;
padding-top: 40px;
float: left;
z-index: 1;
position: relative;
text-decoration: none;
color: #900;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
}
.grid ul { list-style: none; }
.grid a {
width: 100px;
height: 60px;
font-size: 32px;
border: 1px #900 solid;
margin: 0 20px 20px 0;
text-align: center;
padding-top: 40px;
float: left;
z-index: 1;
position: relative;
text-decoration: none;
color: #900;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
}
.grid a:hover {
border: 1px #000 solid;
background: #eee;
z-index: 2;
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-o-transform:scale(1.5);
-ms-transform:scale(1.5);
transform:scale(1.5);
}
Rotate
With the rotate() method, the element rotates clockwise at a given degree. Negative values are allowed and rotates the element counter-clockwise.
Breaking news
Please see the code for this example pasted below:
tab {
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
}
.badge {
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
display: inline-block;
position: absolute;
top: 16px;
left: -27px;
padding: 4px 20px;
background: #e2007a;
color: #fff;
font-weight: bold;
font-family: “Arial”, sans-serif;
font-size: 10px;
} .box {
height: 300px;
width: 220px;
border: 1px #e2007a solid;
position: relative;
overflow: hidden;
padding: 60px;
margin-left: 23px;
}
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
}
.badge {
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
display: inline-block;
position: absolute;
top: 16px;
left: -27px;
padding: 4px 20px;
background: #e2007a;
color: #fff;
font-weight: bold;
font-family: “Arial”, sans-serif;
font-size: 10px;
} .box {
height: 300px;
width: 220px;
border: 1px #e2007a solid;
position: relative;
overflow: hidden;
padding: 60px;
margin-left: 23px;
}
Web design inspiration
Here are some web designs we admire, designed by other London & International web design agencies. There is never a shortage of new and great websites to get your creative juices flowing. Here are just a few examples of websites that we find compelling. All sites deploy the latest in HTML5 technology.
Smart USA
INZ EIT
901 Tequila
The Penthouse Project
Web design in Putney
We have moved offices to Putney Embankment. Our new address is:
THE OLD BOATHOUSE
1A EMBANKMENT
PUTNEY
LONDON
SW15 1LB
Article written and published by Reactive Graphics – Web design London – established 2003
View Larger Map
Posted in Client News
Tagged London web design, Putney web design, South west London web design
Leave a comment
Web site launch – Worshipful Company of Butchers
The relaunch of The Butchers’ Company web site is designed to attract and inspire confidence in existing members, guests and other users. The web site incorporates online video, a private members area with permissions access to court documents and an online booking facility for members events. The web site also includes a Content Management System (CMS) to enable The Butchers’ Company to update all aspects of the web site themselves from a private administration area.
We are also in the process of re-designing a web site for Armourers’ Hall. We have also designed web sites for two other prestigious Livery Companies. These are The Leathersellers’ Company www.leathersellers.co.uk and The Horners’ Company www.horners.org.uk
Logo design – Our Approach
Corporate Identity – Logo Design – Company Branding
Our logo design service explained
Our custom logo design service is bespoke to cater for your needs. Once we’ve agreed a design brief where we take care to understand your target market and design preferences, we produce a number of custom logo design concepts. The logo design concepts are created by more than one creative designer with experience in a wide variety of industry sectors. Once a custom logo is finalised, we can provide it in all industry standard formats for web and print use as well as JPEGS and PNG files for use with Microsoft software such as Word and Powerpoint.
Key considerations when designing a logo include
- Perfect fit with your target market/industry sector. We have experience in designing logos for B2C and B2B
- Logo designs should scale and not lose detail when you make them smaller
- Logo designs should look good in black and white (for faxes, copies, etc.) as well as colour
- Logo designs should look distinctive and memorable
Most of our clients go on to request our print design and web design design service to give a cohesive look to their marketing communications material.
Our 3 step approach
Step 1
We find out about your business by understanding your product or service and building up a profile of your target market. Then we deliver a minimum of 3/4 logo designs for you to choose from.
Case Study: Design of a logo for Hotels Comparison
Step 2
Then we take the design of your choice and develop it further taking into account your comments from Stage 1. The result is another 3/4 logo designs for you to choose from based on this initial design.
Case Study: Design of a logo for Hotels Comparison
Step 3
When we have finalised a design, we can provide it in any format you require (EPS, TIFF, BMP, JPG, GIF etc.). We can also design business stationery and create a web site or brochure for you.
Case Study: Design of a logo for Hotels Comparison
To view more examples of logos we have designed for our clients please visit our logo design portfolio Article written and published by Reactive Graphics – Web design London – established 2003
Posted in Logo design
Tagged Company branding, Corporate identity, Logo design, London logo design
Leave a comment
Reactive Graphics Web Design London offers our top 10 web design tips for clients
What do you need to think about before anything else when designing and building a web site?
-
Make your web site intuitive
Good navigation and intelligent site architecture will help and encourage users to move around your web site. Ensure that your users are able to get straight to the information they require on your web site – and quickly. Important information should be no more than one or two clicks away from the home page.
-
Design appropriately for your target audience
Think of your target audience and select presentation styles accordingly. Simplify. Limit your colour palette. Set out your objectives clearly before you begin and stick with them when designing your web pages.
-
Keep up to date with the latest trends
Social networking is here to stay so include links to sites such as Facebook and Twitter. Consider whether you should use Flash or not. Many similar effects can now be achieved with HTML5. For more information on this particular topic take a look at our blog post Flash vs HTML5 in web design
-
Value users’ patience
A web site should load quickly so make sure that all your images and movies are optimised. When you’re writing for the web get straight to the point. Only delve into greater detail once you’re sure you have captured the viewers’ attention.
-
Check spelling and grammar
Obvious I know, but so often overlooked. That’s why we decided to put it in our top 10 web design tips.
-
Keep links current
Make sure all website links are correct and up to date. Broken links will leave a poor impression on your visitors.
-
Limit the amount of content on your web site
Think about what is the most important thing you want to tell the visitor about on each page. If a web site has too much information on a page, it ends up being confusing to the user.
An optimal solution for effective writing is to use short and concise phrases and to categorise your content using multiple heading levels combined with visual elements and bulleted lists to break up the page.
-
Keep SEO in mind
Search engine optimisation is critical to draw traffic to your web site. Make sure your web site is optimised so that search engines can index your content. Make sure to do your keyword research before you start building your site. After discovering what users are searching, you should then choose 6 to 10 phrases you want to rank for and try to incorporate them naturally into your page titles and headlines. View our advice on how to get more traffic to your web site.
-
Follow web site conventions
Accommodate users expectations driven by their experiences of other web sites. For example, using underline text when linking and make your logo link back to your homepage. Be aware of certain web site conventions and don’t deviate from them without good reason.
-
Keep it consistent
Make sure your pages appear consistent. It’s a good idea to make sure that your logo and menu remains in the same position throughout. Content may vary from page to page but remember that users like to know where they are within a website and if the style of a page changes dramatically or somehow feels different this could put them off.
Article written and provided by Reactive Graphics – Web design London – established 2003
© Reactive Graphics Limited 2012
Home
Web design for media
Web design for business
Web development
Logo design
Print design
Content Management
Systems Web Maintenance Services
Contact
Us Reactive's services include both the online design and offline design work. Our online expertise includes web design and web development including e-commerce and Content Management Systems (CMS)