Andrew Whittle
Independent Digital Graphic Designer

All the latest news

New projects, industry news, reviews and more.

 
 
Nov 5, 2016

New Bespoke WordPress website design for Manchester based Absolutely Flawless

I have recently launched one of my favourite websites to date, www.absolutely-flawless.net

Manchester based Absolutely Flawless is a selected team of professional make-up artists and hair stylists who create long lasting wedding day looks that brides love.

Manchester website design

Their old website was built on the WordPress platform, however it was not mobile friendly and needed a complete re-design and build from the ground up. I met with Absolutely Flawless who had already set out a user journey through the new website and knew exactly what the new website needed to do. The content was re-structured and re-written along with new images.

Next we set about developing a HTML wireframe of the key areas of the website so we could identify any user experience (UX) issues early on in the website design. I coded this in HTML and made the wireframe mobile friendly too. Once I received approval of the wireframe I saved these files for later use.

I then moved onto the visual look and feel of the website based on the layout of the wireframe. I designed the key sections of the website using Sketch. Sketch is fast becoming the ‘Go To’ tool for user Interface (UI) design as it is fast and aimed squarely at UI designers.

Website visuals designed in Sketch

I uploaded the visuals to InVision so Absolutely Flawless could review the designs both on a desktop and an actual mobile phone. InVision is a great online tool for preparing visuals to present to a client because the client can see exactly how the site will look and work in a browser. Comments were added by Absolutely Flawless using InVision and the designs were refined until approved.

The next stage was to apply the designs to the wireframe code I created at the start of the project. I prefer to create wireframes in code from the start rather than flat static illustrations because they are closer to the end product and you can interact with a HTML based wireframe. Also the code is not wasted, it is reused in the final website. This stage is usually referred to as the website front-end build. I refined the designs and front-end build until Absolutely Flawless were happy with how the site was taking shape.

Once the front-end build was completed I then developed a bespoke WordPress template based on the front-end build, design and HTML/CSS/JS. I used Brackets to write all the code, whilst running CodeKit to convert the CSS into SCSS, which minifies the CSS code to improve website load times. Loading times are critical. Not only does Google rank a website higher, users benefit from improved performance. I also made sure that depending on what device a user is viewing the website on, they would only download images suitable for their device. So for example the header images come in four sizes, one for each main device such as a desktop, tablet or smartphone.

I then developed the new bespoke WordPress site and added the content that was supplied. The final stage was to refine the content and then onto final testing before launch.

The final website is one that I are extremely proud of and was a joy to work on. I continue to work with Absolutely Flawless and will be developing the website further going forward.

comments powered by Disqus

Blog catorgories

All posts
Freelance
Marketing Advice
Tutorials

Receive my eNewsletter

If you would like to grow your business through effective design and marketing, register to receive my monthly eNewsletter. Note: Your details will not be shared with any third party companies.

Kind words from my clients

?Andrew has recently designed and developed 3 different websites for me 1 of which has already launched and is performing extremely well in terms of conversion rates.

In terms of the process from start to finish, I had an idea of features that i wanted on my site but I had no idea of the layout. Andrew gave me his own recommendation on what he thought would work well in order to make the customer journey as simple as possible and based on our current conversion rates he's got it quite spot on.

Andrew provided me with daily updates regarding the progress of the site from the design phase to the site build. In total the length of the project was just over 2 months. The website has passed all security checks and although the site is just 1 week old has surpassed all our forecasts and projections. I would highly recommend working with Andrew, his designs are aesthetically excellent and he has mastered simplifying the customer journey and has helped me get off to a flying start with my new business. ?Ocean Capital Ltd - www.paydaypixie.co.uk

?Andrew has been great and guided me through the process of development to completion...

If I have had any questions he has been prompt and completed all tasks in good time. He has a good eye for details and I have asked him to help me further with my development of training and other materials for my business.?Embryarch Ltd - www.embryarch.co.uk

?Having recently brought our website into the 21st century, I can thoroughly recommend the work of Andrew. He is professional, friendly, and a pleasure to work with.?MG Caravans - www.mgcaravans.co.uk

?The service received from Andrew is fast and efficient. Andrew always interprets the brief accurately and delivers a first class service. I have worked with Andrew for several years and would have no hesitation in recommending him.?Aura Health & Beauty - www.aurabeauty.co.uk

?We would like to thank Andrew for our new CMS website and the help, support and guidance whilst creating it. Andrew is approachable, friendly and didn?t talk in technical jargon which we didn?t understand. Andrew is always there for help and support to answer even the silliest of questions. Once again a big thank from everyone at Nutshaw Kennels.?Nutshaw Kennels - www.nutshawkennels.co.uk

?Andrew listened to what I needed and provided me with a fresh new website, identity and leaflet. He guided me through the process of getting my website online and now I rank page one on Google. I would highly recommend Andrew.?Jacqui Rostron - www.jacquirostron.com

andrewwhittle1 RT @WhittleDesign: Great day today. A new logo, brochure and two websites booked in today, bring on tomorrow for more! #graphicdesign #bran…