Webtronic

The big A-Z of things we print

Business Cards:
Business Cards from £18.90
Nano Card from £20.70
Plastic and Paper Credit Cards from £19.80
Flyers & Promotion

Bookmarks from £26.10
Flyers from £22.95
Flyers - Folded from £79.20
Scratch Cards from £37.80

Booklets
Booklets from £79.20
Booklets - 1/3rd A4 from £109.80
Booklets - A4 from £217.80
Booklets - A5 from £136.80
Booklets - A6 from £96.30
Booklets - Digital from £89.10
Booklets - Square from £109.80
Booklets - Wide from £169.20
Voucher Booklets from £396.90
Folders

CD/DVD/Video Packaging from £81.00
Folders from £80.10
Inserts for Folders from £171.00

Clothing & Workwear
Clothing and Workwear from £21.33 each
Reflective Items from £2.04 each

Glass & Crystal
Glass Desktop Gifts from £30.00 each
Tankards & Tumblers from £10.67 each
Wine Glasses & Flutes from £11.67 each

Fun Stuff
Frisbees, Yoyos & Games from £1.01 each
Leaflets

Leaflets from £20.25
Leaflets - folded from £51.30
Leaflets - perforated from £90.90
Showcards / Thick Flyers

Postcards from £34.20
Showcards / Thick Flyers from £22.50

Invites & Greetings
Greeting Cards from £81.90
Invitations from £22.50
Voucher cards from £137.70

Hospitality & Retail
Hospitality Solutions from £45.00
Laser Price Lists from £160.20
Laser Voucher Sheets from £74.70
Menus & Tent Cards from £98.10
Swing Tickets & Tags from £37.80
Wobblers from £152.10

Pads & Note Blocks
Notepads from £3.33 each
Sticky Notes & Memo Pads from 81p each

Giveaway Gifts
Case Card Portfolios from £1.12 each
Keyrings, Bottle Openers & Ice Scrapers from 94p each
Mouse Mats, Coasters & Desk Tidies from £10.50 each
Trophies & Awards from £34.50 each

Wine, Champagne & Water
Wine, Champagne & Water from £26.17 each
Stationery

Business Forms from £59.40
Business Stationery from £19.00
Carbonless NCR from £78.00
Envelopes - blank from £4.50
Envelopes - printed from £67.00
Report Covers & Document Corners from £23.40
Rulers & Paper Clips from £197.00
Posters & Exhibitions

Banner Stands - Roller from £55.00
Banners - PVC from £19.00
Canvas Prints & Frames from £18.00
Custom sized fabrics from £0.00
Display Stands from £18.00
Flags & Accessories from £17.00
Floor, Wall & Light Boxes from £38.00
Frames for Posters from £12.00
Large Format Posters from £8.10
Literature Dispensers from £50.00
Litho Posters from £39.60
Outdoor Banner Stands from £40.00
Pop Out Banners from £169.00
Poster Display Kits from £14.40
Signs & Lightboxes from £54.00
Street Barriers from £100.00
Tables & Furniture from £19.00
Wallpaper from £45.00

Stickers
Stickers from £35.10

The Colour of Christmas
Calendars from £26.10
Christmas Cards from £53.10

Pens
Pens from 33p each

Bags
Bags from £1.73 each

The designing stage is arguably one of the most important stages of a web project. It typically involves giving shape to all the information defined in the planning stage. The main deliverables upon completion of the design phase are documented site structure and visual representation of the website.

A web designer should not only be technically proficient in web design platforms and associated technology but also a creative individual who can think out of the box.

All web designers have a different creative process that allows them to achieve their designing objectives. But at its very core, the creative process for every successful designer remains the same.

Typically designers follow a step by step creative process. Let’s have a look at the 5 pointers that take you through this process:

1. Sketching / Brainstorming Ideas

Once you are done with requirement gathering and analysis and are very sure you know everything there is to know about the project, it’s time to get into your creative zone. Get a pencil and paper and sketch out your creative ideas!

Sketching is a great way to start any design. Using pencil and paper (or tablet) for sketching gives you the distinct ability to jump from one idea to another easily.

Wireframe Sketch

Whether you are a website design agency or a freelancer, being able to communicate ideas to clients with a sketch is really vital, especially during the early stages of a project. The best practice is to sketch out a bunch of rough designs for your ideas, narrow them down to a few and let the client provide feedback on whether you are on the right track or not.

Depending on the knowledge or expectations of your client, you may want to skip the sketches and move into some more detailed wireframes or style tiles.

Style Tile

2. Define Content & Create A Workflow

When your client green signals an idea or two, the next step of the creative process is to create a workflow. Creating a workflow includes creating a list of each section to be included on the site, with brief information on what type of content will be shown on each page.

The client is presented with the outline or the workflow so they can add, remove or adjust any sections or features. Sharing the workflow with the client gives the designer room for creativity and in turn, helps in churning out innovative design ideas and keeps the client in the loop at all times.

Website Sitemap

The client needs to approve the workflow before the project continues. This will help you develop a budget and time frame to build the site (not a part of the creative process but important all the same).

3. Low-fidelity Wireframe

Low-fidelity wireframes provide a framework for your creative designs. These wireframes are simple line drawings of website layouts that focus on placement of elements rather than color and type. They describe in detail what features will be on the site, such as user accounts, social networking functions or a newsletter sign-up. Low-fidelity wireframes are presented as a rough sketch to the client without graphics.

Low Fidelity Wireframe

Wireframe Sketch

A designer should not be afraid of experimentation while developing wireframes. Sometimes, as you fill in more detail, you may realise the original layout is not working well. That’s the whole point of the wireframing process; to make as many blueprints as possible in order to narrow down the best way of representing the information at your disposal.

4. High-fidelity Wireframe

Post low-fidelity wireframes, high-fidelity wireframes play a crucial role in providing a more realistic experience of the actual product, in this case, your website. These wireframes provide a better outline of the product; filling in the details missing in low-fidelity wireframes. These wireframes define the visual hierarchy of the page, actual form and interaction elements, and often labels, instructional text and some copy.

High Fidelity Wireframe

High Fidelity Wireframe

Prolo Wireframe

They are extremely helpful as they determine what content deserves the most focus and the percentage of space they can occupy on a page. They can be used in sequence to show how a specific task can be accomplished in a sequence of screens. These wireframes highlight how user friendly and intuitive the product is going to be.

High fidelity wireframes incorporate a level of detail that closely matches the design of the actual web page though it should not dictate the final design or UX. So before finalising, you should try out different versions by experimenting with the 3 main components of wire frame information design, navigation design and user interface design. Finally, select the one that best suits your client requirement.

5. Visual Mockups

A web designer brings life to the wire frame by coming up with a visual representation of the website.The mockup is meant to provide your web client with visuals of what the completed site will look like in a browser window before the web developer spends any time building the web pages.

A graphic mockup is the best way to show the client what the finished website will look like because it can demonstrate near-precise colour, accurate representation of font sizes, and precise placement of all the navigation and content elements on the site relative to one another.

To achieve that awesome look and feel in the design, a website designer should be creative and play with the design elements and overall user experience. Experiment and choose the right combination of colours, fonts and typefaces that are ideal for the brand and website you’re designing.

The idea is to use a bit of trial and error to come up with a design that is unique, visually appealing and highly functional. That’s the mark of a reliable and effective creative process

We will make sure that the detail is all in order before we start the project.

It’s made me smarter.
Becoming a web designer has forced me to learn new things, and not only when I first started. The web is constantly evolving so there’s always something new to learn.

The visuals are only part of it.
The same could be said for all types of design really, but I particularly love the details involved in web design. Making icons pixel perfect, finding better ways to compress images so that the page loads faster, considering how colours will look on different screens; I’m a huge nerd and I love that stuff.

It’s highly collaborative.
While the design is always best when it’s collaborative, I love that web design lets me collaborate not just with other designers but with developers as well. I learn so much during each page build and it’s fun to work closely with talented people who bring my ideas to life. Working alongside developers has definitely made me a better designer.

You can learn and iterate quickly.
With print design, you generally don’t get to redo something unless a piece of information needs changing or the print run is used up and a reprint is needed. With web design, you’re encouraged to look at how users are interacting with your site and make tweaks to improve their experience as often as possible.

It’s rewarding when it works.
It’s an amazing feeling to be able to see that the design changes you’ve made have had an effect, and helped the company achieve their goal. Whether it’s more people buying things on a store, more people signing up for a product, or even just spending longer reading on the site; the power design has to improve these things is awesome.

I think web design is a cool combination of art, psychology and maths/science. I’m so grateful I get to do it every day and I hope I continue to love what I do for as long as possible!

I had been employed for few years till one day I realised that the only thing I was doing was actually building others' dreams. I had a steady fixed income each month, that's great when you start a career, but I'm a dreamer and a visionary myself and I always knew I was destined for something great. I halted for a second to understand how the world works and it was time for reversing the equation. In the Real World, you either be an entrepreneur, or you work for one. On that day I decided to wear multiple of hats till I let the world build my own dream.

My secret recipe of success: All that I need is discipline, keep daydreaming, thinking outside the box and reading between the lines. I'm not smarter than the rest of the world, but I put much effort everyday to become a better version of myself yesterday. But for every success there is a price, you need to sacrifice something. I did.

e decided we wanted to help by creating another option. A better option. The entire WebTronic team has a deep interest in supporting local businesses and helping them reach their next natural level. And we know that building a great online presence isn’t a desirable step on that journey – it’s a critical one.
So we pooled our decades of experience and worked out a range of web design packages that would suit almost any budget. But, unlike many other affordable design options, our ethics wouldn’t let us compromise on quality at any point. We’re firm believers that you can build something great without doing away with any vital foundations. You just have to get creative.
So when you work with WebTronic, you’ll be tapping into almost 50 years worth of experience, skill, knowledge and expertise bundled into one affordable package. Even if you opt for our entry-level package, your project will be infused with all that talent, all that passion.
Talk to us today.