21 professional services website design and development case studies

21 of the 200 websites we have designed and developed for clients such as recruitment agencies, manufacturers, watch shops and other professional services companies.

The majority of our website projects have been developed and hosted on the Adobe Business Catalyst platform; that provides a content management system, hosting, e-commerce, custom development tools and many other features.

Links to our web design and development case studies

Recruitment Website Design and Development

Platonik - recruitment website design and development

Investment and thought into the design and development of a recruitment website will not only save your agency on third party advertising costs, it will also attract more revenue and profit by attracting the right calibre of candidate and employers.

When we were approached to design and develop a recruitment website a couple of years ago the key issues the client wanted to solve were:

  • Attract a higher calibre of candidates
  • Improve the calls to action for clients and candidates
  • Provide a better content management system allowing staff to easily edit, add and manage website content
  • A better CV registration system integrated with EvolveDB.co.uk system
  • An improved job alert system
  • Recruitment website design

But let’s look at the website business case for a recruitment company

The recruitment industry is littered with big website directories that charge recruitment agencies to list their vacancies.

The costs of listing jobs vary but you could be looking at costs of £300 to £500 to market every vacancy.

A thousand jobs per year sure mounts up those external marketing fees.

Therefore attracting your own candidates and communicating vacancies with existing candidates can help keep down external costs.

Additionally if you don’t present your brand to prospective employers in the right light, then you may not get the opportunities to list and gain candidate recruitment commissions.

The website design and re-branding process

A new website design will help attract higher calibre candidates through the initial impression your recruitment company makes on them.

There has to be a reason on a recruitment company website explaining why candidates should pick that company.

Generic messages that could apply to any recruitment company will not work.

Additionally, a core message should be backed up with proof of the clients you work with and show testimonials from candidates you've placed. If you have awards or bodies you belong to then let's leverage your credentials.

We created a brand storyboard for the client.

This brand board displayed a couple of pages with colours, fonts, images, clients and the core message the recruitment company needed to communicate.

When this was approved, after revisions, then we designed the candidate journey through the website to maximise candidate applications.

Recruitment website functionality and candidate journey

Here’s the steps we proposed users would take as they moved through the recruitment website:

The Website Home Page

The home page is your 'recruitment business shop window".

The most important features should be a search function for candidates but your website must also appeal to employers seeking a recruitment agency to find their candidates.

So the website navigation should provide section for candidates and employers.

The Search for Jobs Function on a Recruitment website

Candidates want to quickly search and find suitable vacancies and a recruitment company needs the ability to easily add and manage job listings.

Your recruitment team will require search fields such as job location, job type, industry and sub sector as field they can search upon.

Recruitment Database: Displaying Job Vacancies

The recruitment organisation can add a new job vacancy and select the sectors, sub sectors, location, salary band, job type, the recruitment consultant responsible for the job and a closing date.

In addition, the business owner can create new salary bands, locations, sectors and sub sectors which automatically update on the front end of the website.

After the user has searched for a relevant vacancy there should be a listing of all relevant jobs and a detailed page on each particular vacancy.

The listing view should provide a quick summary of the job title and a short description about the position and encourage the user to click through and view the detailed job description.

Moving on to the detailed job description section.

You will require listing the job title, location, salary range, the type of position and a full job description.

From a SEO perspective you want that job listing to appear on Google therefore your website need controls of the page; namely the page URL, page title, page heading and Meta description.

Social sharing functionality is a helpful feature to allow people to share a vacancy on Facebook, LinkedIn or Twitter.

Social sharing functionality enables potential candidates to share the job but also your own recruitment consultants.

The Call to Action: Apply Now For This Position

The creation of a Quick Apply without Registering" enables already registered users to login, have their details populated on the application and apply with a new or existing CV is benefit to the potential candidate.

Additionally you will want the application form to match the job location, job type, and industry and sub sector fields so when they apply your candidate database is ripe for communicating relevant future vacancies.

Application Manager

When a job searcher applies for a job, they fill in their details along with selecting the sectors, sub sectors, location, and salary band and job type.

This ensures that the business owner can match up jobs they advertise with candidate criteria.

This means, when it comes to posting new jobs, the business owner can target candidates who match a job profile

E.g.: If a new job vacancy is for Marketing Manager in Glasgow, a permanent role with a salary of £30k to £35k, then the business owner can target and email those candidates who are on the database who have meet that profile when they registered or updated their profile.

Candidate Account Section

When a job seeker registers for a vacancy they complete a profile as well as supplying their CV (resume)

Once logged in, they can update their details, add a new CV, select job favourites, remove favourites and also view a history of all jobs they have previously applied for.

These sections are all tied together with the email address as the unique identifier.

The candidate can update their details and there are fields for sector, sub sector, job types preferences

This will then enable you to target users with job email alerts.

The candidate account area will show the user the list of all the jobs they applied for and let them update their email, job preferences, job status, cv and phone number.

The backend of the recruitment website

Priority number one is the ability to post job vacancies.

You will need to enter the following information:

  • Job ID
  • Job opening and closing date
  • Consultant Id
  • Salary range
  • Vacancy type
  • Location
  • Business Sector
  • Sub Sector
  • And a full and short description of the vacancies.

Email Marketing functionality

The beauty of having a recruitment vacancy database and email marketing engine using the same website system means that it’s easy and quick to run a CRM report of registered users to target and add them to an email campaign, and then drop in a vacancy or number of vacancies to email.

Additionally, the client can view the open and client through rate and the job applicants easily.

You will also require the ability to communicate relevant vacancies to relevant candidates and we have the built in backend website functionality to enable the process.

You will be able to see who received, opened, clicked and application for which vacancy.

Content Management System

Most recruitment companies have a lot of content to display and manage.

  • About us page
  • Documents and guides for employers and candidates
  • Staff profiles pages
  • News sections
  • Testimonials from employers and successful candidates
  • Control of the website navigation
  • Searching for candidate information 

News/Blog managed on the same domain as the website

We believe a blog should be called News, as this is a more suitable terminology for the recruitment industry.

Many recruitment websites are developed with one system for their website and another system for their blog.

I’ve seen examples of blogs hosted on Wordpress.

For our recruitment clients we have previously imported existing blog posts and included social sharing buttons on the foot or each blog post as well as calls to action for candidates and clients.

Then once the site was live we connected the blog to your Facebook, Twitter and LinkedIn account so their posts went there.

This is a great time saving solution to drive people from these networks back to your news page or job listings.

Testimonial Web Apps functionality

A recruitment company markets to two audiences. Job seekers and companies seeking candidates for roles they are offering.

So we created two testimonial web apps.

The first web app one is aimed at candidates on the candidate section of the website.

This is to build confidence and reassurance that this recruitment company is a good choice in sourcing vacancies with good employers and has a good track record in securing candidates positions.

The second testimonial web app enables our recruitment client to post testimonials from other companies to demonstrate they can acquire and recruit high quality candidates that satisfy the job vacancy being promoted.

We developed this recruitment website on the Foundation Zurb framework and Adobe Business Catalyst

We developed this recruitment website on the Zurb Foundation framework which means that the website is future proofed and will render well on all devices; mobile phone, tablets and desktop devices.

Why choose Adobe Business Catalyst software as a platform for recruitment website?

We chose the Adobe Business Catalyst platform for a number of reasons.

Firstly we specialise in the platform but also by putting certain constraints in place it enable us to focus on what was important for the client; lowering costs and increasing revenue.

The previous software and solution used by the recruitment agency meant the client was reliant on developers who weren’t particular responsive to their needs and the management of varied systems meant it was complicated and expensive to manage.

Putting nearly everything in one place meant reducing chaos for the client’s staff and using a service as a software platform meant that the client have engineers on hands 24/7 to handle any support requests or technical issues.

Service as a software isn’t a hindrance to bespoke website customisation.

We used web apps to create totally custom solutions for this recruitment agency and Adobe Business Catalyst have extensive APIs and now future customisation is available as a result of Liquid language introduction.

To Summarise our website work with recruitment companies

The design and development of a recruitment website is no different than a recruitment consultant in terms of cost, return and investment.

The website needs initial investment, you can't cut corners, potential candidates and employers need to be attracted to a professional and trusted brand.

The website is a business.

It works every day to help recruitment agencies attract valuable candidates and match them up with good employers, low external marketing costs and give the best opportunity to grow a recruitment business.

We've created a guide for those starting up a recruitment business.

Micro website designed in Webflow, managed in Adobe Business Catalyst for new recruitment service.

The client is a financial services recruitment company in Scotland and they wished a new micro’ website developed within their existing website to focus on a sub-service they provide.

The service is pre employment checks and staff on-boarding services that companies can use before and during staff recruitment.

Platonik - re-design website recruitment agency

The aim of the micro website

The aim of the micro website was two fold.

Firstly, to explain the services and benefits.

Secondly, to use the micro-site as part of a future website re-design pilot project.

Briefing and Discovery Process

The client was very clear with the design examples that were influencing them and it was very apparent that we needed to move away from static Photoshop designs when presenting design concepts.

Introducing Webflow as the front end design choice.

Webflow eliminates Photoshop from the web design and development process by allowing a front end designer to create an interactive web site in the browser.

The client can touch the website, click on links, view how elements move, hover and transition when elements such as buttons or images are clicked.

We used wireframes before the front end design

Once we had an understanding of the concept and the page content, we mapped out wireframes for both our client and our front end designer.

Then we set to creating the home page in Webflow in the browser.

The client was able to gain an initial impression of the design, colours, typography and how the elements such as the navigation worked in different browser sizes and devices.

After feedback and alterations, we then progressively developed the inner service pages, staff profile pages, the blog and the contact form based on the overall confirmed design theme.

We used example images in the mock-ups that allowed the client to then brief his photographer so that the client had bespoke photography that uniquely reflected their company, staff and target audience.

Functional specification created for backend website development

We have developed over 200 websites and 99% of these websites have been content managed using Adobe Business Catalyst; therefore this was the obvious choice and the client’s existing website is powered by Adobe.

We wrote and provided a detailed functional specification for the client and our web developers so that the client had the tools to manage and leverage the website we had built.

This micro-website is completely powered by Adobe Business Catalyst Web Apps

Business Catalyst Web apps allow us to develop point and click web solutions; the client essentially fills in the blanks on a web app item and the front end of the website is populated with the content they added.

Micro site Home Page

http://www.core-asset.co.uk/verify/verify-home

Home Page Slider

The home page contains a slider that consists of an image, icon, heading and body text and a url link that can the client can determine where the user goes after they click an element within this area.

Additionally the client can choose the colour of the heading text.

recruitment home page design

Home Page Secondary Content

We then created a Web App for the 4 boxes of content.

The client can choose an area with either one block of content or a box with 4 areas within it.

They can change the location of each box and add or amend each block within the CMS.

Every element, image, heading text, sub text, the colour of the box and the url can all be managed by the client.

recruitment website home page layout

Home Page People Listing

Underneath there are a list of people; the client’s staff.

The client is in the people business and selling not only their expertise but their consultants to high value clients.

We created an app for their consultants and the client’s web management team can choose the name, job title, consultant’s image for each listing.

When a website user clicks an image they are taken to a detail page of each consultant.

recruitment home page

Testimonials Underneath the Circled People

We created a web app that enables the client to create and display client testimonials further adding to their expertise and trusted experience with similar clients.

Again this web app is controlled in the backend content management system where the client simply adds a testimonial by completing the name, title, text and image fields of the web app.

Fully Bespoke Development of a Blog Web App

Next we developed for the website a fully bespoke blog to enable the client to share their expertise of their services by creating, publishing and distributing unique blog posts.

There are 2 aspects of a blog; the list of blog posts and the detailed view of each individual blog post.

To reflect the bespoke design of the website, the blog layout required to be unique.

The Blog List View

The latest blog post receives greater size prominence on the blog list view.

Platonik - re-design news page website recruitment agency

The Blog Detail View

There are social share buttons that are included on each blog post along with the author’s image and a supporting image and a related blog post the client can set within the CMS.

recruitment website blog design

Web App For Custom Web Pages

Instead of using the out of the box web page creation tool within Adobe Business Catalyst we created a web app that enables the client to create web pages.

The web page layout required a custom field for the background image of each page along with a field for the page heading, colour behind the heading, sub text, icon field, body copy, footer text, footer image and the footer background colour.

This web page app reduces the amount of time the client will need to create pages without having to worry about any html customisation.

Web App for the About Us Page

The about us page shares a similar layout to the previous web page app app.

You will notice that the page has a number of sections e.g.: Expertise, Trusted etc

These are web app items the client creates whereby they add an image, heading text, heading text background colour and image.

The client can add, remove and re-order each section and the bottom section of the page is managed within a content holder.

Contact Page

Finally the contact page using Adobe’s built in web form module and uses content holders to hold the Google Map.

recruitment website contact page design

Micro website works in every browser

Having a responsive website or one that is easy to read the content in any browser size is a given today but what we particularly love about the website is the unique navigation that opens up full screen when the user is on tablet and mobile devices.

recruitment website design mobile navigation

Whilst we take credit for the web design and development, we have to thank for client’s web development team for prioritising the website copy the created and the bespoke photography they commissioned that, we hope, help them to attract the high value clientele they seek for their new services.

Website Design and Development For Data Protection Recruitment Company

We were approached in the autumn by a company who ‘wrote the handbook’ on data protection and privacy with the aim of developing a recruitment website.

New legislation has come into effect in the EU that will require organisations of a certain size to hire data protection staff to manage their data and what the organisation does with the data or they risk financial penalties for non-compliance with the regulations.

We have experience in designing and developing recruitment websites and embraced the challenge of a related recruitment website project.

Platonik - Recruitment Web Design and Development

Our First Step in a Website Project is Always Keyword Research

We undertook keyword research to identify the relevant key words people were searching for that related to their client’s industry and services.

This enabled us to create part of the website around what people are already searching for as this will give their business a better opportunity to earn relevant website visitors.

We identified the competition and strength of their backlinks to help shape any ongoing online marketing work.

Wireframes of the Recruitment Website Journey

Similar to an architect’s drawings we mapped out the key stages of the website journey and the key page layouts.

From there we created web design concepts.

Web Site Design

Typically, web site designs are done using Photoshop where our designer would create static visual images for each of the key stages and pages.

Once the client approves designs, those Photoshop files are ‘chopped up’ and coded according to the front and back end development required.

Changing the Web Design Status Quo

With this website project we decided not to deliver static Photoshop designs to the client.

Instead we decided that we would use a front-end designer to work in Webflow to give the client a working demo of the website.

With a static design, the client cannot click on any links or hover over any buttons to see how the user will experience it.

With static designs, the client cannot experience a pop up window.

With static designs, the client cannot experience a search result.

With static designs, you have to create designs for every desktop page, every tablet page, and every mobile device page.

With Webflow as the design tool, the client can see how the site responds in different browsers in the concept phase rather than later on in the development phase.

With Webflow, as opposed to static Photoshop pages, we can deliver a near actual experience of the website without the need for long winded written explanations and reduce any mis-understanding about the design and the website functionality.

Better to show then tell!

However, the main drawback is that this process, in our experience, is more expensive.

The following is an overview of what we designed and developed for this recruitment website.

Home Page Web Design

The home page is the 'shop window" of the website. It explains who the client is, what they do and provides direction for organisations seeking to understand and potentially use their services and for job seekers seeking to find the vacancies.

The first part of the home page is an area that powers the main images and messages.

In our content management system, we created a web app that lets the client add content to power the home page messages.

This functionality lets the client add their core message, include an image, message and link to any page on the website they wish.

Throughout, the website has navigational items on the top and bottom of the website that the client can add, edit, move up and down the elements within the CMS.

recruitment website home page design

The second part of the home page is aimed at job seekers who want to quickly search and find suitable vacancies.

Underneath the search functionality on the home page are linked to the key job types; strategic, senior, managerial, administration and legal vacancies.

recruitment website search page design

News/Blog

We imported the client’s existing blog posts from their previous Wordpress website and included social sharing buttons at the top of each blog post as well as a call to action.

Once the website was put live we connect the blog to their Facebook, Twitter and LinkedIn account so their posts could be viewed there.

The blog is managed within the same content management system that also manages the recruitment database; everything is under one roof !

The blog is easy to manage and is custom developed for our client.

The client creates a new blog post, adds a title, author, image, and copy and adds the previous and next blog posts.

The previous and next functionality makes it a user friendly experience for readers to learn more about the client and their industry by reading one blog post and clicking on to the next blog post; this is extremely useful on mobile devices and for those who ‘skim’ read blog posts.

recruitment website blog page design

Recruitment Website Job Vacancy Web App

We created a job vacancy database (web app) within the CMS where the client’s staff can enter the job title, sector, subsection, location, job description, permanent/temporary, salary and closing date for each job.

The vacancy web app allows the client to create new options for sector, subsector, location, type, salary bands and consultants.

The job vacancy item that is created populates the front end of the website with SEO friendly page titles, meta descriptions and h2 headers.

The client can set a job expiry date so it is automatically removed from the website (but stays on the database) when the closing date expires.

The Job Vacancy web app has 2 parts to it.

Job Vacancy Listing

The job list view shows the job title, a snippet of the vacancy description, location, salary and job type.

recruitment website vacancy list page design

The Job Vacancy detail page

This is the full detailed description of the job where we created a strong call to action to "Apply" or “Apply via LinkedIn”.

recruitment website vacancy page layout

When the user clicks either Apply button, the application form is revealed and the user can easily and quickly add their details and add their CV and apply for the vacancy.

Once users apply and give the relevant consent, a user account is created for them.

recruitment website application form

When the job application is received, the client gets notified, the candidate gets notified and the user details are added to the CRM section on the backend of the website; displaying the job they applied for, the sector, sub sector, cv and their name, email and phone.

My Account/Login/Register

These sections are all tied together with the email address as the unique identifier.

The user can update their details and their sector, sub sector, job types preference.

This enables our client to target users with job email alerts.

The My Account area shows the user the list of all the jobs they applied for and lets them update their email, job preferences, job status, cv and phone number.

recruitment website user account

Website Social Sharing Functionality

We included social sharing buttons to the foot of each job-listing page.

The client’s staff can visit each job vacancy and select a social share button and the vacancy can be shared on that network.

Client section of website

Organisations will seek to learn more about the client’s expertise and how they can help them solve their recruitment and data challenges.

This section of content was created specifically to build trust, express the client’s industry credentials and prompt users to contact the client.

We created an enquiry form that provides prospective clients with the ability to get in touch.

Testimonials Web App

We created a web app to enable the client to display testimonials from their clients.

Our client can add the name, position filled and their words of testimony.

About Us Web App

We created a web app to enable the client to display summary and detailed information about their key directors and staff.

Their name, position, profile picture and experience will build trust and credibility from organisation seeking to hire the client to recruit new data protection staff.

recruitment website about page

recruitment website staff profile

Email Marketing Capability

Our backend CMS has pre built email-marketing templates enabling the client to email clients or candidates with new job vacancies.

Included within the monthly license fee to Adobe is the ability to send 10,000 personalised and targeted email campaigns a month and track the open, click through and actions users take.

Similar to Mail Chimp, our email system means there is no need to move user data backwards and forwards between different systems.

The benefit is that business owners do not send email campaigns to users who have previously unsubscribed.

Website Training

We provided the client with standard and custom videos demonstrating how to use the website admin area.

Consent to Cookies, Permission to being contacted, consent to data being processed

As you journey through the website, you may notice a cookie consent notice running across the top of the website as well as check and tick boxes on the each of the register, apply and contact forms.

We worked with the client and Adobe Business Catalyst to ensure the cookie policy and how the data is managed and stored tries to comply with the forthcoming data protection regulations.

It is crucial that the client leads the way on data and compliance management on their own website before advocating and advising others.

Website Hosting and Security

The website is hosted by Adobe Business Catalyst and uses their content management system to manage the website pages, CRM, web apps, blog and email marketing campaigns.

Manufacturer's Website Design

Platonik - Website Design insulation company 

We have recently designed and developed the Ecosilver website for one of oldest clients, Ecosave Insulation Ltd.

They operate in a dynamic and ever changing market providing various insulation and renewable services for homeowners and various housing associations.

One of their key services is called cavity wall insulation; a service that injects polystyrene beads into the gap between the outer and inner walls of a property.

The benefits of a better insulated home being it warmer in winter and cooler in summer, good for environment, and good for the homeowner.

Then Ecosave decided to vertically integrate; instead of buying ‘bead’ from suppliers they decided to manufacturer ‘bead’ themselves.

To cut a very long story short, they have built their own manufacturing plant and developed the ability to manufacture and sell bead; both for their own use and also to be used by other cavity wall installers, house builders, and property developers.

Like every industry, there is always the status quo to break.

The company has to educate and persuade architects, property developers and construction company to choose their product instead of the established method.

So, we have built them a website to help with that.

Logo and Design

Ecosilver is a sub-brand of Ecosave so everything we designed had to be consistent with the main brand.

We used the same colour scheme, same fonts and similar website layout as their main brand.

The logo is clean and simple with a small icon to visually display their bead positioned between the outer and inner walls.

Then there’s a hand written strapline that explains to anyone what they offer; EPS insulation bead specialist.

So even if you don’t know anything about their business, you can read the logo and ask, “What’s an insulation bead specialist?”

Research

After doing extensive keyword we are able to discover the competitors, what they ranked for in Google and also the types of phrases people searched for.

We discovered a very competitive landscape both for ‘bead insulation’ and ‘the status quo’ products.

Doing this research gave us a framework for the type of content the website and users required.

Hence we have sections on the website geared specially at the target markets the client is aiming at; home owners, architects, property developers and so on.

Content

You’ll notice that most pages on the website have a good amount of content.

Firstly most of the target markets are well educated and require product information and will actually read rather skim the website.

Secondly, the content is designed to educate and persuade their prospects to switch a product and that requires more than pretty pictures.

Thirdly, Google has told website owners they will ‘demote’ websites with thin content. 

So good relevant content can and will boost your positions in Google.

We did a factory tour, sat down with the production director and managing director and interviewed them to gather raw material before briefing our writers.

Then we hired specialist writers to turn fairly technical writing into plain English to highlight the features and benefits for each market the client is addressing.

Photography

There’s an old saying ‘don't reveal everything’.

In other words, we don’t show everything about the products, we just use photography to highlight the best parts and create interest and intrigue.

So our photographer has captured beads being blown about, beads in a person hands and a glimpse inside the factory.

Website Design

The home page hosts a main image area that explains the company are the only bead manufacturer in Scotland and the second slide communicates the main benefits of beads.

Then there are sign posts; specify, buy and apply.

These are the 3 actions the client wants users to take; they want architects to specify bead in property development, they want house builds to buy bead and they want everyone to apply bead in developments.

There are 3 main sections to the website

An education section - All about EPS Beads, what are beads, why beads and why pick bead over alternatives

Who Uses - these are case studies or pages aimed at each target market of the client

Call to action - then throughout the website there are call to an action, get in touch or get a quote.

Website Development

The website is built on the Foundation Zurb framework with the content management system and hosting with Adobe Business Catalyst; two extremely powerful and reliable website development systems.

The Adobe CMS makes it easy for the client to manage various areas of the website; the home page slider area, add new case study section, manage the navigation, change the contact form, add secure zone area content and manage enquiries in the CRM database.

In addition email marketing is built into the CMS allowing the client to send targeted, personalised email campaigns.

Platonik develop all client websites on Adobe Business Catalyst and are an approved UK Business Partner with Adobe Business Catalyst.

Renewable Energy Website Design and Development work

Platonik - Website Design Renewable Energy

We work with EcoSave to raise awareness of their insulation services aimed at lowering the cost of energy bills for UK householders.

A marketing mix of direct mail, press advertising, online advertising and PR is blended to help them meet their business objectives.

We recently redesigned their website to reflect their new offering, underfloor insulation, and to better capture enquiries.

We have been working with Ecosave since they were started their business.

A meeting of chance happened when I was waiting to see a printing client of mine in Glasgow back up in 2010.

As Barry and I were both waiting to see different people he told me he was just starting up in business to install loft insulation and he needed some flyers printed.

I told him what I did and he said he’d needed a website too.

We got around to the conversation over who should design the logo; the printers or ourselves.

We were commissioned to create the logo and identity and passed the artwork over to the printers.

The initial Ecosave website was a small 4 page website:

  • Home page to introduce the company
  • About Us
  • News
  • FAQs
  • Contact

The initial website simply existed to re-assure their initial customers that this was a real genuine business.

Getting enquiries was seen as a bonus.

Website Phase 2

As the company expanded both in terms of staff and also in the government funding available for home insulation, the website changed to focus on communicating additional insulation measures and to generate more business enquiries.

The requirement for more business enquiries grew so we worked with Ecosave to use Google Pay Per Click, Facebook Advertising, SEO and Email Marketing to acquire more sales leads.

Website Development Phase 3

The website content was still quite thin simply because the rules and qualifying criteria for insulation grants changed so frequently making it difficult and time consuming to turn into high quality web site content.

In addition more and more people were accessing the web via mobile phones and tablets.

So the 3rd phase of the website was to provide enhanced product content, a mobile friendly website and a more corporate looking web presence.

New Corporate Website Design

The first stage of the new website was to create a corporate and professional look.

We stuck with traditional eco blue and green colours but added a little more life into the design with a friendly set of icons running around the foot of the website.

The website since day one has been hosted and managed on the Adobe Business Catalyst platform; Platonik are one of the very few Adobe Business experts in Scotland and partners with the platform.

The home page main area introduces the key services.

These services are managed in a web app.

Client can add an image, text, and a call to action link to find out more about the product.

Product Web App

We created a product web app to make it easy to manage the list of products and the detailed page about each product.

This is the list view that shows all the current services the client offers with learn more links to the detailed page view.

ecosave website

Product Pages

  • Products are easy to add to the web app.
  • Enter a name, images, text and links
  • This is a screenshot showing one of the client’s products.
  • You’ll notice the page has a lot of text.

The aim is to provide the user and Google with comprehensive and unique content about the service.

In addition there is a video embedded to demonstrate more information about the product.

And lastly, there are industry accreditation links that highlight the client is qualified to undertake such work.

There are calls to action highlighted in blue that link to an enquiry form.

Simple Website Enquiry Form

A simple customised enquiry form captures information from users and that information is stored on the CRM module on the backend of the website and notifications are sent to the client and his staff.

Advertising and Lead Generation

As well as creating, developing and designing the Ecosave website, Platonik also run Google and Facebook pay per click advertising campaigns for the client.

Facebook Advertising

Using Facebook we have been able to drive massive amounts of traffic to the client’s website and generate a large number of sales enquiries.

Advert

Here is a screenshot from one advertising campaign that we ran.

You’ll see the advert we design, the audience we were able to reach and the number of conversions we were able to acquire for this.

Landing Page

Matching the advert we then created a landing page with the sole purpose of capture information from people shown the advert.

The landing page has to work both on mobile phones and desktop computers so you can see both versions of the landing page.

Capture Form

We use a two-step process advocated by the experts in landing pages, Leadpages, so that the user clicks Enquire Now or the call to action to reveal the capture form.

The capture form has the minimum amount of information in order to maximise conversion rates.

Once the form is completed the user is passed to a thank you page and follow up by email or phone call by the client’s sales staff.

We have run multiple advertising campaigns for the client and their services are a perfect fit for Facebook advertising.

landing page for renewable energy website

facebook landing page

We've compiled a short guide to starting an energy business here.

Website for Luxury Property Developer

We recently upgraded the website for Troon property developer, JC Morton Homes.

The original property website was developed back in 2012 to promote the client’s property developments and home renovation services.

The client had 3 property developments and also wished to showcase some of their services such as flat developments and home extensions.

It was a great looking website but the web world has moved on from then.

Mobile phone and tablet usage has exploded and the requirement for websites today is that they are friendly for the user in every device that they use.

So in spring 2015 we upgraded the website for Troon property developer, JC Morton Homes.

Platonik - Website Property Developer

The new website was upgraded for two reasons.

To help promote and sell their last few remaining luxury flats in Ayrshire.

And secondly, Google were making it clear in April 2015 that they would penalise website that weren’t mobile friendly.

Selling Luxury Flats

The client had pre sold half of their luxury flats through the Corum estate agent.

In order to boost the last remaining flats for sale, we agreed to upgrade the website and use a combination of social media and advertising to raise awareness of the properties.

Website Design

Firstly we freshened up the website colours ever so slightly and used a more luxurious looking fonts from Adobe Typekit to reflect the luxury properties they are selling.

We used Trajan Pro for the headings and using Chaparral Pro for the body copy.

The website home page

First impressions count so visitors are presented with large images of the new properties when they visit the websites.

These images are contained in a web app powered slide show.

The client simply adds images, text and a link to the page they wish the user to visit when they click the image or link.

The remainder of the home page is information about the client that is content optimised to help them rank in Google.

Platonik - Design Property Website

Web Apps to Manage Website Content

One of the benefits of being an Adobe Business Catalyst developer and using their all in one platform is the ability for use to create and develop custom solutions for our clients.

This custom development is achieved using web apps.

For this client, they have two types of content that they need to easily add to the website and manage.

They wish to showcase current and previous projects they have worked on and they needed to present the types of services they offer to home owners.

Property Development Services Web App

The services web app is split into a list view and a detailed view.

On this page you see a summarised list of their services; attic conversions, tiles, bathrooms, doors, kitchen extensions and house conversions.

Then on the detailed service layout there is a photo gallery showing different examples, followed by information and a get in touch button at the foot of the entire services page.

We also added in some social share buttons that enable the client or website visitors to share the page and image on social networks and send interested friends or contacts back to the website.

The Projects Web App

The projects web app functions the same as the property web app except that the layout is entirely different.

On the list of projects view you see medium sized images of each project and a summary of the project.

When the user hovers over each project there’s a nice effect and when the user clicks on any item they are taken to the detailed page for each project.

The detailed page for each project contains an image slide show gallery that works for the user on both mobile and desktop devices.

There is information about the project and on this screenshot below the project contains a document users can download and a video that can watched.

Again, there is a call to action link “Get in Touch” at the foot of every page.

Website Enquiry Form

All “Get in Touch” links are sent to an enquiry form that captures information from the enquirer, is stored on the CRM section in the backend of the website, and both the business owner and the users are sent confirmation emails of the enquiry.

Advertising a Property Developers Website

The client’s property is simply one product amidst hundreds on an estate agent’s website and so we need to boost awareness and interest in our client’s property.

Local newspaper advertising had proved unsuccessful in the past in raising interest so we decided to use Facebook advertising to stimulate interest in the properties.

As you can see from the screenshot we were able to reach over 11,000 people in a 3 day period and drive over 600 visits to the website.

We created another campaign the following week.

In total we drove nearly 1,000 people for about £70 to the website where people spent on average 3 minutes viewing the property details.

We continue to make people aware of the properties, as this type of product isn’t one that generates impulse purchases.

Website content

We used the property graphics from Beverley McKee to feature the property on the new website home page.

Then using that content we created a search engine friendly YouTube video to help rank for specific searches in Google.

Built on strong website foundations

Like a physical property, all our websites are built on strong foundations.

The website is built on the Foundation Zurb responsive platform; ideal for displaying websites on all different sized devices.

And we use Adobe Business Catalyst platform for web hosting and the content management system since that’s our favoured solution.

Insurance Website Development and Design

Platonik - Insurance Website Design

Platonik redesigned and developed the website of this well established insurance company.

At first we were a little reluctant to get involved with marketing an insurance company online.

Let me explain.

Insurance is one of the most competitive markets online.

The top insurance brands spend millions a year on television, direct mail and online advertising that makes it difficult for smaller insurance companies.

Insurance key phrases also have the highest cost per click making advertising online unrealistic.

But we listened to the client explain their business in some detail.

Insure Direct specialise in hard to find and niche insurance policies.

So said we would do some of our own research to discover if there were areas of opportunity online that could help them drive more traffic and enquiries to their website.

Extensive research into insurance related key phrases

We did some fairly extensive research as part of our discovery phase with the client and determined, as they had indicated, that indeed people were searching for phrases similar to their niche product policies.

And the competition was fairly timid and weak in these areas.

Website design for our insurance client

The original website we designed for Insure Direct was very traditional and corporate looking so we both agreed to maintain the existing colours but give the website a more lifestyle and consumer friendly feel to it.

We chose more realistic and Scottish based photography from a new stock photography service showing areas of Scotland.

We chose a different font from the original, traditional Arial font.

We chose the FacitWeb font that is designed specifically for the web and is more of an updated version of the Verdana font.

The beauty of this particular web font is that were able to use the same font for the heading and paragraph styles as the font looks slightly different between light, regular and bold version of it.

Custom Website Development

We decided to put more of the client’s budget into research and page content than the actual web development side of the project.

As such, there is limited custom web development.

We utilised and customised an existing pre engineered framework and customised the colours, layouts, fonts, navigation and elements of the footer areas to achieve the distinctive outcome.

Web App For Home Page Slider

There’s a web app for the home page slider area that enables the client to add different images for campaigns they are working on or for insurance policies they wish to promote.

Web App For Adding Insurance Policies

When the client wants to add a new insurance policy to their website they use a custom content tool called a web app.

Once they have their product information and a relevant image ready, they simply create a new item, name it, link to an image, paste in and format the insurance policy information and then create a choice of call to actions on the policy page; they can link to a 3rd party provider’s website or link to their own contact form.

In addition, the client can categorise the insurance policy; add the product page to a number of different insurance categories.

At the moment the client currently has 74 search engine optimised insurance policies pages within the custom web app that makes for easy management on their end.

Search Engine Friendly Page Content

The client expressed some concern over the amount of page content on each page.

They just wanted a few bullet points to summarise each insurance policy.

However we educated the client on our guide to search engine optimisation outlining what Google and users wanted from page content.

So we hired freelance writers to write page content about each policy from a reader’s point of view.

So if the page was about dog insurance we wrote about what it meant to own a pet and then we detailed some of the features and benefits of investing in a dog insurance policy.

Each insure policy page has informative, helpful and sales based content and the client receives reasonably good visibility in Google and other search engines for the key phrases they are targeting.

Website Hosting and Content Management System

The client’s website has been hosted with Adobe Business Catalyst since 2011 and uses their content management system.

The beauty of Adobe Business Catalyst is that it protects their website from any malicious attacks as the framework is not open source.

The content management system is easy for the client to use and has a wonderful user friendly back end administration interface.

You open up the admin area and are greeted with a business dashboard showing you a summary of visits and enquiries for the last week.

In addition, the latest activity is shown below and provides easy access to each person’s user profile on the CRM module built within the Adobe content management system.

The benefit for both our insurance client and ourselves is that we have near zero IT and maintenance updates.

That means both of us can concentrate on our own businesses instead of doing house keeping work.

Foundation Curb Responsive Website Framework

One of the important deliverables for the client was to serve their insurance policy information to users on mobile, tablet and desktop browsers.

The website is built upon the Foundation Zurb responsive website framework making it a perfect choice for future proofing their website.

An insurance website from a business perspective

And to summarise, our client’s insurance website has been developed from a business perspective.

We concentrated on understanding what the user was searching for.

We focused on identifying key phrases the client could achievably rank high in the search engines for.

And we focused on quality page content written from a user’s perspective.

And we are always focused on a client website’s ability to generate sales enquiries.

British Watch Online Store Development

Platonik - watch online store design

We redesigned and redeveloped the Kennett TimePieces website.

The main objective was to focus on the fantastic product photography and enhance the content about each watch; using more detailed product information and using videos.

We also redeveloped the website to make it respond to different browser sizes. So the website is easy to use on mobile and tablet devices.

We've developed "web apps", which are customised content tools, to enable Kennett to share their stories and news as well as a point and click email marketing campaign module.

Website for Swiss Watch Online Shop

Platonik - Ecommerce Website Swiss Watches

The online shop was previously build on another web platform which we migrated over to Adobe to enable us to be more proactive and marketing led. With our knowledge of the sport and fashion industries we are working with the client to raise awareness of the brand and introduce their exclusive products to a highly selective type of customer.

Website and US shop for Swiss Watch Brand

Platonik - Web Development Swiss Watch Ecommerce store

Roger Sterling quoted in the Mad Men TV series “When God closes a door, he opens a dress”. 

This politically incorrect quote referred to his advertising agency losing one client and having to go out and gain another new client.

The irony for our business is that the week we launched the US Store for Swiss watch brand, Vulcain, we lost a long-standing watch client in the same week. 

However, Vulcan Watches are at a completely different end of the market from our previous watch client. 

Vulcan is “The Watch For Presidents” and has been worn by US Presidents since Harry S Truman wore a Vulcain in the 1940’s.

With watches priced between $5000 and $50,000, these watches are not for everyone. So let me tell you about the e-commerce project we were involved in to develop this online store for Vulcain.

Pretty Pictures Sell

When I first started in website development, I went to pitch to a famous shoe brand in London. 

The owner of the web development company I was consulting with came from a technical background whereas I came from a marketing background.

I started the pitch with some visual ideas as to how the client’s new online store might look before the owner hi-jacked the meeting and proceeded with a 30 minute rant about the technology he had developed.

Needless to say we lost the business but not before the “lost client” told me “pretty pictures sell”. 

And using pretty pictures to sell online to consumers is also very true.

When you look at the home page of the Vulcain online shop, you’ll see former US Presidents wearing their watches. 

You’ll see a “First Lady” wearing a watch.

Every single watch has been photographed professionally at a high cost, as fashion retailers understand that photography sells their products.

If you are in fashion marketing and selling online, remembers these two quotes from Fashion Brands book by Mark Tungate.

“The best marketing in the world comes down to a person standing in front of a mirror”

“A fashion picture is never a picture of a dress - it’s a picture of a woman who wears it”

Having a Great Story

Vulcain have a great and unique story with immense value. 

They are selling a story that you will be wearing the watch the Presidents of the United States have worn over the years.

No other watch brand has this story. 

No one else (I don’t think so anyway) can lay claim to this story. 

Again, their watches are not for everyone, only the affluent who can both afford the price tag and or those who want to own a part of the story.

Website Designed for Every Device

Onto the website design and development. 

We were very mindful of a traditional brand entering the world of electronic commerce. 

We had to respect their traditional values, styles, colours and fonts whilst at the same time recognising that consumers access websites from a multitude of devices; from 27 inch iMac screens to tablet to small iPhone screens.

So we have a blend of the traditional and the modern in this project.

Simple Online Sales Process

Most e-commerce websites generally follow the same sales funnel. You have:

A Home Page

The home page is like a show window telling the customer they have arrived at the correct store with the home page area introducing key products and key sales offers.

Product Categories

Then you will have navigation either along the top or the side of the page directing the user to the categories of product. 

In Vulcain’s store we have divided the watch collections based around product use - sports, business and limited editions.

Product Page

The product page is always the selling page. 

You have details of the product features, the pricing, images of the product and information pertaining to shipping and returns. 

The latter information to help overcome any issues or questions the consumer may have about ordering.

In a previous project I mentioned adding high quality content to your web pages. 

With e-commerce stores, Google appear to be a little more lenient with online stores, especially branded stores when it comes to the volume of copy required per page.

And then, most importantly, you have the call to action - Add To Bag.

The product page also contains related products. 

On a clothing website you may see jeans and shoes on a shirt or jacket page but on a watch store, we are showing similar watches to the one on display.

A shopping Basket

The basket acts as the device to take the user to the checkout to purchase the item. 

Online the basket acts as a device to calculate state shipping costs and tax, redeem any gift vouchers or promotional codes and review the order.

the Checkout

One of our website pet hates is having to register for an account before you can purchase. 

With this store, we give the user a choice but you don’t have to register before you buy.

How many $50,000 watches will one person purchase? 

In many instances, registering before a purchase is simply a barrier to a purchase.

And finally the checkout is where the user enters this personal details and card details in order to complete the purchases.

Vulcan have utilised SagePay as a payment gateway.

This payment gateway serves two purposes.

It protects the business against potential fraudulent transactions and it provides a checking procedure to ensure the rightful owner owns the credit card. 

Once the tests are passed, the order is successful and the client has piece of mind to ship the order.

Easy to Share

We have also added easy to share functionality on the product page. 

As we wrote earlier, these watches are not for everyone but the sharing value is high. 

Expensive watches are items that consumers online like to share with friend and family.

And finally, the entire backend of the website is powered by the Adobe Business Catalyst platform.

Having worked with the client's brand agency on a number of previous projects, they view us as Adobe Business Catalyst experts with a platform that is a more cost effective solution than Magento for these types of online shop developments. 

The entire store and website can be managed from one central location. 

The platform is PCI Level 1 Compliant for the highest security levels and is ideal for mid sized businesses who wish to trade online without having complex and multiple software or paying exorbitant hosting and web developers fees just to look after the shop.

Travel website design and development

Here is the background to a travel website we developed for a London company targeting a specific target market - Russians in London.

I was just about to sit down on a Friday morning and start watching the Ryder Cup on television when I received a phone call.

It was a referral from a client in London who wondered if we could conceive, design and develop a bespoke travel website in 30 days.

That same day I received hand drawn sketches outlining how the client perceived the user experience.

The brief was to develop a website aimed at affluent Russian and London based clients seeking bespoke holiday and travel experiences.

Not the kind of service you get at your local Thomas Cook travel agency.

Platonik - Web Design & development Travel company

The Idea for the website

The idea for the Westminster Travel website was to provide a destination for people to discover holiday destinations they may not have previously considered.

From a web design perspective, the ideas was to let the images do the selling.

That was the concept.

Fantastic images of over 100 fantastic locations around the world.

Let the images do the selling

For this particular client, images were a focal part of selling a prospective customer on their travel services. 

The client chose to select the images and write a small amount of copy for each destination. 

Although page content should be more, time was of the essence; and besides access to the content management system means the client can enhance the page content in due course.

Creating the Travel Destinations

When you look through the website you will see there are continent and country sections.

These section were bespoke web applications we created to allow the client to add new continents and new countries and associate one and other.

The client simply has to upload the images then create a new item and enter the image, the name of the continent or country, add information about the location and then classify or tag it.

Once they are happy with the layout they can preview it or publish it and it will go live.

website web app create country

Search by continent

There is also the ability to search within each continent. 

Do a free search and find a country and select a continent and the function delivers all the countries within the continent.

In fact the original concept was to display areas within each country.

Map search by continent

At the foot of the website there is a map. Users can click parts of the world and be taken to the countries within that continent.

Mobile, Tablet Friendly website

As with all websites today, Westminister.travel is fully responsive across all screen sizes and devices. 

When around 20-40% of website visitors are accessing your website on mobile phones and tablet devices, being responsive gives the end user a better viewing and reading experience and makes the enquiry or sales process that little bit easier.

A responsive website is a future proofed website

The website is built on the Foundation Zurb platform which is a responsive framework.

This ensures the website will be viewed well in current mobile, desktop and tablet devices today and in the future.

Although it remains to be seen how the website will fair if the Apple Watch has a website browser.

Website Built on Adobe Business Catalyst platform

Platonik have been an Adobe Business Catalyst partner and user of the platform for over 6 years. 

The key benefit of the platform is the ability to create custom applications such as the continent and country functionality for Westminster. 

Although the Adobe Business Catalyst platform isn’t the most well known platform in the market, knowing you have a $17 billion company behind you and engineers around the clock 24/7 gives both ourselves and client peace of mind that the hosting of the website is in safe hands.

What’s next for the Westminster travel website?

We have now completed the Russian translation and the Russian section of the website.

On the home page of the website you will notice 2 flags that action as signposts for the user.

Westminster travel home page

Then throughout the website there are country icons that enable the user to switch between the Russian and English versions of the website.

English section travel website

Russian section of travel website

To have a dual language website like this, we simply developed the English version in an English file directory.

Travel website app English

Travel web app Russian

When this was approved, the content was set to the translators.

We then duplicated the English content into a Russian directory and created web apps and content holders to host the Russian content.

Web Design and Development of website to sell firewood

We were approached in the autumn by a company in the south of Scotland to build a website to sell firewood online to homeowners.

The company, PWR Bioheat, produces wood logs and wood chip and wishes to grow the consumer side of their business; namely sell more firewood logs to homeowners.

Platonik - Ecommerce Web Design firewood company

Problem : the client had a Wix website, sold locally, only to wholesale customers

The client faced a number of technology, resource and experience challenges.

Firstly their existing website was built using a do it yourself website builder called Wix.

The previous website was extremely basic only highlighting the company background, the wholesale services provided and a contact form.

In other words, the website wasn't built with business in mind.

The second challenge was that the staff were hands on in the business servicing existing farm and wholesale customers with wood chips for powering their farms.

And the third challenge was that the client was not experienced in selling their products online or out with the local area.

The First Part of the Solution Was Discovery

We asked the client to take part in a discovery session so that we could discover the size of the market, the opportunities that existed, the gaps in the market, the strength of the competition, what competitors were spending and where, what price competitors are selling products at, what consumers were looking for, why consumers bought and didn’t buy and what alternatives products and solutions consumers used.

And finally what distribution channels or partners existed for the client.

Discovery is none other that a traditional business SWOT analysis and it gives the client the best chance of success before anything is designed or built.

Total Addressable Market

We did some industry research to discover that there is 1.2million homes in the UK that used firewood as an energy source.

But more revealing was the insight that 200,000 homes per year are switching to firewood as a lower cost fuel alternative.

This is a big insight when it comes to developing a website; we had two markets to address in our website; a larger market familiar with sourcing and buying the product and a new but growing market of first time buyers.

Why People Use The Product?

We’ve worked in the energy and renewables market before so we had some exposure to the size of the market.

Out with suburban built up areas there some fuel sources unavailable; electricity and gas cannot reach certain homes.

Oil and gas are expensive and firewood is the lowest fuel solution.

Also, there is a glamorous side to having a lit fire at home.

Dare I say it but many women, the major decision makers in a household, find the thought of men and chopping wood attractive.

Our insight into consumers had revealed there are two key reasons why people buy these products.

What Alternatives People Use?

We delved into consumer forum websites and found out how people, in their own words, sourced and bought the product.

We found that sourcing free firewood was a very popular choice and this insight helped us shape solutions and website content for first time buyers.

We found information on industry websites that the product must be sold in a certain size with defined product information.

When buying food in a supermarket each product contains nutritional and content information; similar guidelines exists within the renewable energy market.

First a Keyword Search

keyword research commerce website

Every website project starts with a Google search.

We started with a search such as ‘firewood”.

At the bottom of the search results you will see related searches such as “firewood for sale” and “firewood types”

Detailed Keyword Research

From there we did some very detailed keyword research relating to the types of product the client sells; firewood, firewood for sale, kiln dried hardwood, kiln dried softwood and so on.

semrush keyword research

Strength of Competition

Once we had gathered keywords relating to our clients products then we analysed how competitive each keyword search was.

A keyword such as logs for sale with 6600 monthly searches would be an extremely relevant highly searched phrase but if the top 10 results in Google were too difficult to outrank then our time and money would not be worthwhile.

We eliminated key phrases that are were too difficult to outrank, unless the client had a bottomless pit of cash, and focused on the keyword phrases that were less competitive.

We then grouped together related search phrases that formed website content.

Keyword Research Forms Website Content

After all this research we knew our clients products and we knew relevant search phrases.

We had the ammunition to brief our writers and create pages on the website that had the best possible chance of generating website traffic.

Competitor Research Part One

Then we selected a company that is in the top 10 results in Google and analysed their website.

There’s a reason Google rank a website in the top 10 and we wanted to analyse a couple of competitors to discover what they were doing that was successful and areas we could improve in our future website development work.

The first part of our competitive research was to look at the keywords that the competitor ranks high on Google for.

We were particularly interested in pages that generated website traffic from multiple searches as this told us that the website was very strong and well liked by Google.

If you look at this screenshot below, you will see that one page generates website traffic from 23 different search terms; Google value this page because it contains highly valuable content for these search results.

semrush keyword volume

Competitive Product, Price and Delivery Information

The second part of the competitive research included looking at the structure of their website from a buyer perspective; how the site was structure; what buying information they showed, was the website price and offer driven and how easily was is for a user to add a product to the basket, proceed to the checkout and purchase.

What was apparent in our research was that free shipping was a main feature of competitor websites and the quality of the product photography was very important to show the consumer the scale, dimensions and product quality on the product pages.

Product Photography that sells product

We have a background in fashion retailing so applied the same logic to product photography to selling firewood.

40 Hours of Market, Consumer and Competitive Research

For this website project the client invested in our pre build discovery process that entailed around 40 hours of market, consumer and competitive research before we even started scoping out the web design and development process.

Web Design Work We Did

First we designed a home page that would capture a consumer sitting in front of a fire; there’s a great quote in the fashion industry that says the best marketing is putting a person IN the product; that’s why you see models wearing clothing online sells better than just a photography of the product alone.

We tapped into colours to reflect warmth and we utilised images of woodland in the site footer.

Since we were creating an online store we designed visuals of the core steps in the shopping journey; the home page, category, product, basket and checkout before sign off and proceeding to the website development phase.

Online Shop development work - front end and backend development

Front End Website Development

We coded and developed the website on top of the Zurb Foundation web responsive mobile friendly framework.

Website Home Page

There is a home page slider to show case featured products. This area is content managed so the products, images and links can be changed.

The home page has a top navigation menu with links to key product categories and footer navigation to necessary pages and company information.

These menu item links can be changed or re-ordered in the backend content management system.

firewood website - ecommerce home page design

Website Categories of Products

Products are grouped into categories and the list of product categories are displayed on the shop. The client is able to re-order and change these items in the backend content management system.

firewood website - ecommerce category page web design

Website product pages

The product pages are driven from the product catalogue we built and feature the following information about each product:

      •Product Name tag e.g.: " Kiln Dried Hardwood Firewood Logs"
      •Large Image
      •3 thumbnail images
      •A quanity and input box
      •Current price, and option to display a promotional price
      •Add to Cart button
      •Related products
      •Product information that we create and professionally copy write.

The client is able to edit and add new products to the shop within the backend content management system, edit the price, write and edit the product descriptions, control the related products, change the images, turn the products off.

firewood - ecommerce product page web design

Website Shop basket

The basket shows the product image, price, quantity ordered, remove the product, total price, and has the ability to add promotional codes and enable the shopper to select delivery options.

The shop basket displays the total price and a clear cart button, continue browsing and proceed to checkout button.

The user is able to edit the product quantity, continue shopping and add more products or remove the order from their basket.

The client has limited management control over the basket, as this is a system-generated page driven by the products added to the cart.

firewood - ecommerce shopping basket page web design

Website Shop checkout

When the user clicks proceed to checkout they are offered the option to log in as an existing customer or proceed to the checkout as a guest.

firewood ecommerce website checkout process

Existing customers gain the benefit of not having to re-type user and delivery information whilst a guest does not need to ensure the torture of registering and the client gains the benefit of reducing the barriers to sale; reduced cart abandonment.

The checkout include fields where the user enters their name, email, username, a password, phone, billing address and shipping address; unless they have logged in and these details are pre-populated on the checkout form.

There is a tick box if shipping is the same as billing address and an area where user enters card type and card details.

The checkout page is hosted on Adobe’s PCI Level 1 Compliant secure server with a secure certificate to protect the user's credit details.

firewood website- checkout page web design

Website Shop confirmation of order page

This page displays an order success or failure message. The system sends a successful order confirmation email to the client’s staff and the customer. The customer and order details are stored on the CMS (back of website) and sent to the Stripe payment gateway.

Website Backend Order Administration

After the customer is notified of the order by a system email with order details, the order details are added to the CMS (back of website) system where all user order details are stored and the client's team are notified by email of the order as well.

Order Shipping Status

The client then has the ability to notify by email the customer of the following:

1. Payment received

2. Payment waiting

3. Goods shipped including tracking number details, if required.

Website My Account, Register, Login

The registration, login and account section are all linked through the use of a username and password. When the user registers, the website captures a username and password that gives them access to an area containing their details, order history and ability to update details. The login is a simple form with username and password and a forget password link. 

firewood website my account section

Website News/Blog

From our extensive research into consumer buyer behaviour, we created a news or blog section. Not only is this good for search engines but this can be fed into social channels such as Facebook where the client's target market can be reached. We recommended that the client use this functionality to publish buying advice.

blog layout firewood website

Website Payment Gateway Integration

We integrated the shop with Stripe and PayPal to give users flexibility when purchasing. Whilst we normally recommend Sagepay saving the client £20 a month by using Stripe was a bonus for them.

Delivery Service Integration

Since each product weighs around 1 tonne in weight we could not use FedEx or UPS but a specialist delivery company instead.

Thus we set up custom delivery charges for the client.

The default option is free shipping to most UK towns and cities but certain areas are a premium and this is reflected on the basket layout.

Wholesale Pricing

The client has the option to set up wholesale pricing and provide access to wholesale customers who will have the ability to log in and purchase at wholesale prices the client defines. Wholesale customers purchase with credit/debit card just like any other customer.

Website Backend and Hosting

The website uses the Adobe Business Catalyst platform to securely host this online shop and provide the secure certificate and secure hosting.

Website Product Photography

We worked with Iain Forrest for the product photography. Iain was fully briefed on the types of shots required and spent 3 days on site capturing the business, the business location, the production process and the detailed product shots.

Platonik - ecommerce product photography

Website Copywriting

Having done our extensive keyword research, we met with the client and interviewed them to gain their industry and product insight and expertise.

Then we briefed our copywriters to create website copy based around our keyword research, questions customers had and the knowledge and expertise of our client.

If you visit the product pages on the website you will notice there is significantly more information about each product than a typically e-commerce product.

This is done on purpose as a result of our research and avoids the 'publish and pray' approach to developing websites other take.

Launderette Web Design and brand development

Background to the business

Platonik - Laundry Design & Website

Long time friend setting up a laundry business in Ayrshire.

Approach us for creating logo, brand identity and all the business collateral they required.

The name Wash a Teria is actually the old name used in USA for a laundrette.

So as a starting point there was a lot more freedom and flexibilty than just creating something for Dave’s Laundrette.

Evaluating the Market and the Competition

We met at the proposed laundry location with the client to view it’s retail presence, what the actually shop was going to look like both internally and externally.

We needed to know how the business would be exposed to passing traffic as retail signage was important to building up brand awareness for a new start business.

The client was aware of the competition in the area so we had a look at how these laundrettes appeared upon first impressions.

The first thing that springs to mind about laundrettes for us was the Greek laundrette on the UK TV show Eastenders.

The Eastenders laundrette appeared typical of most laundrettes.

A utility, dreary, down market, for people without a machine machine, run down interiors and grubby looking signage and window displays.

Our second impression of laundrettes was the famous Levi 501 advert on television in the later 1980’s featuring Nick Kamen stripping off his jeans to his boxer shorts inside a laundrette.

That advert proved a catalyst for revitalising the Levi brand.

So famous was the advert we believed a lot of people identified with this type of laundrette imagery.

So we took our business thinking and ideas to client.

We’ve known the client for over 20 years.

We know their taste, style, influences and lifestyle.

With that in mind we presented our insights.

We told the story about grubby laundrettes, Nick Kamen and Levi jeans and we explained how we were big fans of the nostalgic television series, Mad Men.

Mad Men presents a nostalgic and aspirational view of the 1950’s and 1960’s and we felt a blend of the old and the new in creating a brand for Wash-a-Teria would identify with their target audience.

We wanted the brand to be :

  • Fun
  • Modern but a touch of nostalgia
  • Tongue in cheek

The Target Market

The client shared with us a number of different audiences they wanted to cater for :

  • Kids football and rugby team washing
  • Pets and horse washing of blankets and coats
  • Bed and breakfast, hotel and restaurant businesses.

These would be good opportunities for future business but the core bread and butter revenue for the business would have to come from people who were :

  • Too busy to do their own washing
  • Need items ironed
  • Need items dry cleaning

These people worked, or were busy or had a lot of laundry to do on a precious day off.

The Logo and identity

The logo for Wash-a-teria went through a number of iterations before we settled on having a whirlpool of water racing into a washing machine image. 

You can see below each of the initial concepts that were rejected before reaching the finalised version.

Initial concepts for the brand identity

Maximising retail signage

Since the business was located next to a very busy Tesco Express, the idea was to leverage the passing traffic.

1. Tell people this is a laundrette

2. Show people what the business does

Therefore we designed large shop window posters with the following messages :

Wash Your Cares Away
Take the stress out of wash day
Just ask inside

Platonik - Laundry Poster Design

Have a duvet day
We clean all kinds of duvets big or small
Just ask insid
e

We''ll iron things out
Did you know we do a full ironing service too !
Just ask insid
e

 The key was to communicate with passing traffic what the laundrette did in the most simplistic manner and then have a strong yet simple call to action - Just Ask Inside

In-store

The next step of collateral was to maximise in-store opportunities.

Therefore we design price lists, stationery and business cards.

The client knew that for the first months of their business they would receive a lot of enquiries from curious people popping in-store to find out more but not necessary purchase.

A price list, designed in line with the other collateral, simply communicated “we’re your one stop laundry shop” and address, phone number and website address on one side and on the other a list of service and prices with a tongue in cheek image and speech bubble.

Laundrette website and Facebook page

Keeping consistent with the branding, we created a simple one page responsive website.

We did research as to the volume of “laundry” and “washing” related keywords and the volume was fairly low.

There a huge investment on a website was not required.

Then we used Wikipedia Ayr to find out the population of the Ayr and Prestwick and then matched that up with the audience on Facebook and decided that using Facebook to reach and target their audience would have more impact.

Expanding to a second launderette

Now we cannot claim any success but Wash-a-teria have since expanded to a second laundrette in nearby Prestwick. 

Whilst we are primarily a Business Catalyst partner focused on web development, we have left them with a unique and successful brand identity with it’s own tone of voice that they can use to roll out further retail stores.

Website designed for a property surveyor

PCA work in a very specialised, niche sector that most business owners don’t know about or search for; recovering overpaid property costs for business owners and insolvency practitioners.

Surveyor Website Home page

PCA Logo and Business Cards

The business owner has significant experience in this area, however, as she was starting her new business, we were required to develop a new brand identity and logo for the business.

Surveyor logo design

Most of her competitors typically used blue colours in their brand identity so we used a different colour scheme to differentiate PCA from the competition.

The circular aspects of the lowercase p, c & a letters have been intertwined to create a symbol that is reminiscent of the top of a vintage key “unlocking potential”, the letterforms also create a graphic representation of a tree “growth” & “solid foundations”.

Surveyor logo guidelines

Other Design Concepts

You can see the rejected logo concepts we created were industry standard blue but the client took the lead with our differentiated design.

Examples of surveyor logos

Surveyor business cards

Guidelines

We recommended the use of the Raleway font for heading and body fonts.

Fonts used

Business Card Designs

We created business cards as well with a logo on one side and contact details on the reverse.

Keyword Research

Whilst the client already had existing industry contacts and customers it was still vital to undergo extensive keyword research to identify opportunities from people searching business rates relief and property services.

As you can see from the screenshot below there’s a sizeable volume of searches every month however these are highly competitive keywords with government websites rank on the first page of Google; nearly impossible to outrank without good keyword research, great content and industry relevant backlinks.

research for surveyor website

Our keyword research not only formed the structure of the website but also helped craft the content required for each page.

You will notice some pages have lengthy page content; this is intentional and based around some of the research into pages that rank high in the search engines.

We believe that Google are looking for website owners to serve users with the best quality content during their searches.

The website content is required to position the client as an expert for each service and hopefully to rank her pages higher than competitors in Google.

Website Design

Based around the logo, colour scheme and font guidelines we devised, the website design follows a fairly simple structure.

The home page explains who the business is and what they do.

There’s a list of services the client provides.

Then each service page explains in details more information about each service.

There are strong calls to action through the website inviting the user to contact the client about their No Win No Fee offering.

There’s a section about case studies along with testimonials sprinkled throughout the site.

Website Development

Platonik have been an Adobe Business Catalyst partner for 8 years now and the website is build on the trusted and reliable BC business platform.

This platform provides the client with all the website tools they need in one location.

They can add and edit web pages, add new services using a bespoke service web app we created, update and add new case studies using the case studies web app and add more client testimonials in a simple click, type and publish interface.

Surveyor website CMS

Additionally, the client has the use of the business CRM module within Adobe Business Catalyst so that all website enquiries and customers are keep in one location; to be used for following up on each web enquiry or sending email marketing updates using the built in email marketing module.

Website Content

We client supplied an overview of their services and case study examples then we sat down and interview the client to gain in-depth knowledge of the company and services.

These interviews provided the raw materials to enable us to write the content for the website.

Bespoke Photography

We also hired a photographer to capture some bespoke photographs as stock photography to explain such niche services was simply not available.

We did however use 2 stock photographs for the home page area; these images were selected to convey relief for business rates relief and a shipwreck to convey services for insolvency services.

Online Fitness Web Design and Development

We recently completed the design and development of the LIFT Personal Training website.

LIFT is run by Phil Fleming in Surrey and the purpose of the website is to provide online personal training courses.

Phil works on a personal one to one basis with a small number of clients and the online solutions are a way to help a greater number of people who wish to benefit from his blend of fitness and nutritional expertise to achieve their fitness and lifestyle goals.

However as fitness trainer there are so many hours in the day that Phil can coach clients on a one to one basis.

Phil wanted to help more people with his unique blend of fitness and dietary coaching.

Platonik - website design personal trainer

Business Discovery Session before the website development

Most web designers would simply just straight into designing a website but we took the time to really understand the motivation and vision Phil had for his business.

We conducted a number of telephone calls with Phil to really get under the skin of his business model.

Once we both had a common understanding, only then did we get into the planning for the website.

Website Photography

We wrote a photography brief to brief a professional photographer as our requirement for the website was to display images of Phil in a fitness gym working with equipment and clients.

Building trust is easier on a one to one basis but online we needed to communicate that this is a trusted professional you can work with.

Colours and Logo

Next we need to enhance the existing logo.

There was nothing wrong with the previous logo.

It simply needed enhanced and different variations created for the website, print, and clothing.

Accreditations and Industry Links

As a fitness and dietary coach Phil has various courses and accreditations ‘under his belt’ so we had to track down his accreditations and display these and links to these industry bodies on the website.

These accreditations display subtle signs of trust.

They say to the website visitor ‘this company are professionals’.

In addition good, relevant industry links also help you with Google rankings.

about lift personal training web page

Case Studies and Clients

Next we had to collate and create case studies of existing clients.

Thankfully Phil had a good bank of written case studies and testimonials in both written and visual format.

In the fitness industry the classic ‘before and after’ helps to show prospective customers that the business owner delivers real tangible results.

A responsive website

The website is built on the responsive website framework, Foundation Zurb, which ensures that users have a good experience no matter which device they visit the website on.

Website hosted and managed by Adobe Business Catalyst

As a business partner with Adobe Business Catalyst, all our websites are built on the Adobe Business Catalyst platform

This all in one content management system and hosting platform ensure that we spend our time working on the website content instead of worrying about virus and patch updates like certain other open source systems.

Once the Lift website went live we provided Phil with some bespoke training videos to ensure he was able to leverage the tools the Adobe platform offers for business owners.

Make it easy to get in touch with web forms

We have made the Lift website easy for users to get in touch.

The web form module within Adobe Business Catalyst make it easy to add a web form to any web page, capture user information and store that information on the CRM for future email marketing and selling use.

Make it easy to pre register for online courses

We created a pre registration form on the Lift website to enable Phil to build up a list of potential customers whilst he created the content for his forthcoming online fitness training courses.

Email Marketing Design and Template

We created a custom designed email-marketing template that enables Phil to have a branded emails sent.

All he needs to do is to edit content blocks, change images, text and links and then preview and send emails to people on his mailing list.

Bespoke System Developed to Merchandise and Sell Fitness Training Courses

The core of this website project was to create a bespoke web app that would enable Phil to merchandise and sell his online training courses.

Using the e-commerce engine with Adobe Business Catalyst, the first step is to create a product.

Phil creates a new product, adds a price, add information and images.

The user will then see the product on the website, hit the add to cart button, go to the basket, enter any promotional codes and then go to the checkout.

adobe ecommerce

adobe business catalyst e-commerce module

Phil is using PayPal as the payment method but could easily have used a payment gateway such as Worldpay or Sagepay to manage payments.

Once the user has paid they are directed into a secure zone area to access the online training course.

The online training course was created using web apps.

Here’s the process.

  • 1. Create new training course
  • 2. Link the training course to the product created in the Adobe e-commerce shop module
  • 3. Add the video content, literature downloads and save.

adobe business catalyst web app

Web Content Creation

Phil created the content himself.

This is definitely the most time consuming aspect to creating and selling online training courses.

However it is a 'create once and sell forever' process.

We know from our own experience in creating an online marketing course that content development is a time consuming but very reward process.

A Blog to share nutritional advice, tips, recipes and fitness advice.

Finally, built right into the Lift Personal Training website is a blog.

Adobe Business Catalyst have a blog module within their all in one system; that means you access the blog in the same place you access your online shop, customer database, email list and web pages.

The blog is connected up to Facebook, Twitter and Google Plus to ensure that each blog post gets share automatically when Phil creates and publishes new nutritional advice, tips, recipes and fitness advice.

Selling Fitness Training Courses

Website To Sell Digital Reports online

Platonik - Website Sell Digital Reports Online

The website is built on the Adobe Business Catalyst platform with Foundation as the responsive website framework; meaning the website works on mobile devices and tablets.

The client wanted the ability to create, add and sell digital reports and apply different tax/vat rates depending on the country of the purchaser.

Potential customers have the ability to log in and preview a sample of the report before purchasing it.

We also created the ability for users to search for different reports based on a map selection.

By showcasing and selling these reports, it provides the company with the ability to engage with their clients for larger consulting contracts.

A company in London seeking to sell oil and gas research reports online approached us.

We were successfully in securing this work because of ability to create a completely bespoke solution based on the client’s preference to work on the Adobe Business Catalyst platform.

Whilst Adobe has a built in e-commerce module and the ability to see digital reports and downloads, the exact requirements of the client could only be met by creating a custom e-commerce solution using Adobe’s web app functionality.

The primary business purposes was to sell industry reports that would lead to higher consulting projects.

This business approach to creating a low priced point transaction to attract a business client is a very attractive strategy.

It enables you to turn a prospective customer into a customer with low risk.

It enables the prospective customer to see your work and skills.

It starts a dialogue that can lead to higher value consulting and fees.

In other words, it’s a ‘get your foot in the door’ approach.

This is an approach that Platonik take by offering clients online marketing training courses where they can learn at their own pace.

And then when they require ad-hoc or bespoke work or development, they have an understanding of how we operate and trust us more than someone they have no knowledge of us.

Here’s an outline of how the website works

There are a list of reports displayed on the website.

The user can click on the map to see relevant reports by continent.

The website user can choose by drop drop category menus

The Report Web App functionality

The Web App is a custom tool that allows the client to create and managed the content of reports on the website.

Web app list view shows a summary of the report on the website.

The Web app detail view enables the client to

  • Create the report name
  • Add a free or paid for report
  • Add the report PDF file and add a sample PDF report
  • Choose the topic or category
  • Select the region that the report will be applied to when user clicks the map on the front of the website
  • Add images
  • Add summary information such as a list of benefits and industry implications

Custom Checkout Process Built using Adobe Business Catalyst web apps

We built a custom checkout process using Adobe Business Catalyst web apps.

As we mentioned earlier, the client has specific needs that extended beyond the built in commerce module within Business Catalyst.

The client wanted users to have the ability to register or login to view or download a sample of the paid reports.

In terms of purchasing the paid reports, we had to develop:

      Different VAT and Tax Implications
      Select UK - VAT is applied
      Select USA - no VAT applied
      Select a EU country - enter VAT number so that VAT was not applied.
      Thus, we built a custom VAT process so the correct VAT levels are applied according to country.

Home Page Web App

There is a home page web app that enables the client to feature a report on the home page of their website.This web app is linked to the report web app making it easier for the client to easily choose a report to feature.

We developed a custom news web app

Similar to the built in Adobe Business Catalyst news module or the blog module, the news app allows the client to create news stories and easily manage them on the website.

The news app also provides a feedback mechanism with the ability to add, approve and display comments from readers.

Experts or Staff Web App

We creating another custom web app for the client to create and manage the profiles of his expert consultants.

There are options to add an image of the consultant as well as displaying their position, department and a written summary of their expertise.

This web app then displays that content on a list and detail view on the front of the website.

Clients Web App

Another custom-built web app for the client to showcase other clients they have worked with.

Built in Website Search

The top of the website features a search function.

This is a built in Adobe Business Catalyst module that makes it really easy for website users to find content easily.

Powered by Adobe Business Catalyst using the Foundation Zurb responsive website framework

This website was built in 2013 and we anticipated the growth and dominance of mobile and tablet devices so we knew the website needed to be future proofed.

So we chose the Foundation Zurb platform as the idea coding framework for this website development. contracts.

Watch a video of this website

Ladies Fashion Website Design

Platonik - Fashion E-Commmerce Website Design

Duepunti is a fashion brand selling unconventional diamond rings and bracelets. We moved the store over from Magento to Adobe making it easier and giving us more control over product optimisation and the tools to drive online stores. We are working with the client in driving sales through online advertising.

Watch a video of this website

Hotel Website Design and Marketing for Citizen M Hotel in Glasgow

Platonik - Hotel Website Design - Citizen M

Back in 2011 we were approached to develop a new website concept for a hotel in Glasgow called Citizen M.

Although a frequent visitor to Glasgow for business meetings this was not a venue I was very familiar with.

The owners at Citizen M in Holland had devised a new concept called Society M.

The concept was to provide a membership club and meeting room space and hire for business nomads in some of the world’s main cities.

Glasgow was set to be the pilot for the rollout of their hotel meeting room space concept

Targeting business nomads

So what exactly is a business nomad you ask?

Well a business nomad is someone you see working from his or her smart phone or lugging round a laptop at the airport.

She probably doesn't have an office and works from home.

She struggles to find suitable places for client meetings or even to mix with like-minded business people.

To realise how the nature of work has changed you only need to drive around Glasgow city centre or other cities and see the hundreds of offices up for sale or to let.

In 2011 Society M were a few steps ahead of the competition in identifying the changing mature of work but the need for quality working and meeting space.

Hotel Meeting Room Space Hire - The Alternatives

When you look around at the options for hiring a meeting room, you generally have hotels that hire out fairly expensive function rooms.

Society M certainly had a concept that was unique, stylish, modern and ideal for the needs of today’s business nomad.

Hotel Website Design

Platonik worked with their brand agency in Holland to develop the Society M website.

Quite simply the hotel’s website design for Society M was unlike anything we had ever seen before or had been commissioned to develop.

Strong, bold colours with hand drawn illustrators, different colours for each section of the website and minimal copy highlighted to us immediately that this was a brand website as opposed to a traditional content rich website.

Website Development for their meeting room and business club

We were briefed to develop the website on a strong and robust content management system in addition to capture membership enquiries and meeting room enquiries.

The website was developed on the Adobe platform using different page templates to host the different coloured theme sections.

We used the web form module to have custom enquiry forms the membership and meeting room enquiries.

In addition we also built a meeting room hire system that enable people to select a room, time slot, number of people and date.

We integrated and customised a system called BookingBug to manage the rooms and reservations and for people to pay for room hire.

Sadly, the client never used the online booking and reservation system we developed.

Website Home Page

The website home page provided a succinct introduction to the concept and a simple navigation with links to membership and meeting room pages as well as a link to get in touch.

About Us Page

Use the green coloured template we created, the about us page explains in more depth the philosophy behind the concept and further sub links to the hotel and their locations.

Meeting Room web page

Using the purple theme the membership section again is very brief in content however there are further sub pages with links to events and book a room.

Meeting Room Web Page

Using the yellow theme the membership section again is very brief in content however there are further sub pages with links to the benefits of membership and a link to sign up online.

Contact Us Page

And finally using the light blue theme there’s a contact us page with details to get in touch with the management team.

Advertising banner for online marketing campaigns

As well as developing the website we also created advertising banners to be used as part of an online advertising campaign when the concept was launched.

Issue of Brand versus Web Marketing Agency

Society M no longer use these design concepts for their website and have integrated the club into the core brand website.

Upon reflection the website designs were too much like offline posters rather than web friendly pages.

But what the website designs do show is the boldness of a brand to really create a unique business concept and follow that up with design concepts that were totally unlike anything else out there.

Society M and Citizen M are still my favourite places to stay and meet customers and I’ve used them extensively in Glasgow as well as a few stay overs in London for meetings.

Golf Travel Web Design and Development

Platonik - golf travel website design

Having worked in golf industry since leaving university in various brand and marketing capacities for a number of high profile equipment and clothing brands and having played golf at a fairly high level as a teenager, Prestige Golf Scotland was our first venture into the golf travel market.

Being fortunate enough to be a member at an Open Championship venue has given me great insight into what attracts international golfers to the shores of Scotland.

Our client is very well experienced in the golf travel industry having worked in the industry for number years and this business was a new venture.


So this golf travel website a blend of over 40 years experience in the golf industry.

 

A Golf Travel Website Aimed at International Customers

The market for this website was very specific.

International golfers seeking local, experienced operators to build and manage their Scottish golf travel experience.

Golf travel holiday can be fairly expensive and local knowledge is required to stay and play at the best hotels, restaurant and golf courses.

Showing Off The Product

"The desire to do what the people we admire are doing is the glue that keeps our society together.

It's the secret ingredient in every successful marketing venture."

So showing off the finest golf courses and merchandise with related hotels and restaurants and blend with a selection of “pre built holiday packages” is not only the most important in a golf website but in any website venture.

In other words, use photographs to emotionally stimulate your prospects.

Business Purpose

The purpose of the website is to generate enquiries from golfers international seeking tailored golf holidays.
Since the client offers custom and tailor made golf tours, the main purpose of the website is to persuade a prospect to call or complete the enquiry form.

The Website Design Concept

We had many discussion and meetings about the right positioning and the right identity to portray.

Brand Logo

We created the logo for Prestige Golf Scotland with a traditional font, a premium crest and colours in black and gold

Website Design

The website design is luxury with a twist of Scotland. Which is why you see the subtle tartan pattern in the background of the website.

Again a bespoke design we created for the client.

Website Images

There are over 90 golf courses and hotels on the website and it would have been impossible to source unique photography.

Therefore we had to combine our strengths and contacts and worked with the various golf courses, hotels and restaurants to gain permission and access to photograph they had commissioned themselves.

Prestige Golf Scotland certainly showcases some of the finest golf courses and images in golf in Scotland.

Website Copy

Since the client and us know a lot about the golf course in our own country, we were able to write about the venues and give some insight into the history and best features of each venue.

Website Home Page Design

home page golf travel website

The purpose of the website home page is to set great first impressions for prospective customers.

The home page showcases a number of famous golf courses such as St Andrews, Turnberry and Royal Troon and the latest golf tour offerings from Prestige Golf Scotland.

Further down the home page of the website a web app feeds a link to other featured golf tours with the rest of the home page providing navigational links to golf tours, courses and hotels.

Custom Build Web App For All Venues

We created one custom build web app to enable the client to add and manage all the golf courses, golf tour, hotel and packages that the client added to their website.

List of Products

You can see a list of products (courses, hotels, tours) when you select golf tours, courses or hotels.

This provides a snap shot of each venue, an image thumbnail and a call to action to find out more details.

The client tags the product within the web app to choose which section of the website to add the product.

Product Detail View

The aim of each product detail page is the user is provided with detailed information about each product; i.e.: golf course, hotel, restaurant or golf tour.

Looking at this golf tour as an example.

product page golf website

The user is shown the following information.

  • An image gallery of course
  • An itinerary for the golf tour
  • Details of the golf tour
  • A map showing the location and day-to-day schedule

Related Merchandising

Much like an online shop the client can also choose related golf tours or related hotels and restaurants simply by choosing related products in the web app created.

golf travel website

Finally, there are 2 main calls to action.

A link to enquire about the golf tour or a request a call back feature.

In addition there is also a left hand navigational menu to provide links to other sections of the website

Enquiry Form

Built on the Business Catalyst platform built in web form module, we created a custom built form that captures detail information about a prospect’s golf trip.

Once that information is submitted on the website it is stored on the CRM section of the website and the client and end user are notification by email of the enquiry.

Website Framework, Hosting and Content Management System

The website is built on a responsive website framework making the website future proof and ideally viewed on all mobile, tablet and desktop devices.

The hosting, content management system, email management, CRM for customer database is all provided by Adobe Business Catalyst.

All the web tools are contained under one secure roof making it reliable and easy for the client to manage.

Watch a video of this website

Roofing Company Web Design

We recently designed and developed the website for a roofing company, based in Glasgow, but who work for home owners and property developers throughout the UK. 

The company will be the first to admit that they are late to the web, which, from a marketing perspective, poses challenges in driving website traffic.

Platonik - Glasgow roofing website design

The website for Peden Roofing Services followed our usual project planning approach.

Step 1 : What problem does your solution solves?

We started off by understanding the type of work the client did and the particular roofing services they specialised in. 

Step 2: Where can we reach enough of the right people?

Next, we did extensive research into the types of phrases people google. Then we work out the volume of that search and how the competition stacks up.

So for example, we found out the volume of search for “new roofs” and “roof costs” and “roof quotes”. 

There’s a good volume of searches each month for these searches but there’s no way we can outrank a website that have more backlinks and more authority.

The “quote” and “cost” in the search phrases suggests the person is closer to enquiring about a policy.

So once we’ve researched the market and found search phrases with traffic we could realistically rank for, then we have to create quality page content.

Step 3 : Why quality content ?

In the past your website could get away with having a few bullet points about each service or product you had. 

I had over 1000 blog posts on my own website. 

Lately Google decided 200 of these blog posts were not of any value and they basically removed those pages for google.

Think about this - there are millions of pages for each subject possible. 

Google want to show people searching the best possible answer after they do a search.

So having quality on your page about your service or product can play a major role in boosting your positions in google. 

If you are reading this far, this is word number 274 of a 753 page article.

We then briefed our writers to write around 800 words for each of their services. 

If you only have a few words or bullet points on your service pages, it’s time to re-think your content.

Step 4 : What are we offering them so they take action right away?

OK, so after all this research and writing and adding the pages to the website, which took 30 days in total, each page has to have an offer or a call to action.

The call to action for this roofing client is “get a free estimate”.

If you look at each page, you’ll see the call to action at the foot of each page. 

Step 5 : What’s the minimum information we need from website visitors so we maximise our enquiries?

The simple rule of thumb is that the less information you ask, the more likely you are to get an enquiry. 

The contact page asks for first name, last name, email, phone number and an open ended box so the website visitor can explain the problem they have or what they are looking for.

That’s 5 pieces of information the client is asking of a prospect. 

Step 6 : What’s the follow up process to turn the lead into the sales and the money ?

Now the last step is generally up to the client. 

I’ve done my job building a lead machine. 

However with longer sales cycles, companies could set up a series of follow up emails to last 60 days, 90 days or longer.

Step 7 : Ongoing

Since the client was new to the web and had no online presence, we had to prove to Google that they are a real company. 

So we used a citation building service to list the company in about 25 business directories. 

Then we built profiles on Yell, Bing Local, Google Places and Pinterest. 

We’ve built a simple slideshow on their YouTube channel and started doing some press releases.

After that we will start using Google Pay Per Click to drive additional traffic while the natural search positions grow and then we use Facebook advertising to target home owners in the areas of the UK we both believe will benefit from roofing advice and new roofs.

In summary, 

The layout of the website is relatively simple. 

It works well in all browsers, computers, tablets and phones.

Whilst the website may be simple what is very very difficult today is finding a client potential new customers, cutting through the masses of online competition, getting enough people to the website with paid or natural marketing, getting a good volume of sales enquiries at a rate that satisfies their budget and turning their web costs into profit.

That is very very difficult for other  Adobe web developers to do without having years and years of sales and marketing experience.

Food Shop Design and Development

Food Shop Design and Development

Platonik - Online Shop Food Delivery

Foodelity is a new online business that offers consumers the opportunity to have dinner parties and meals with the finest foods and recipes. Order starters, main courses, desserts and wines online and have the ingredients and recipes delivered to your door.

We created the brand look and feel and created a custom e-commerce website. Custom product categories, preview products, meal difficulty, custom shipping and an experience from ordering to home delivery were part of the development of this brand.

In addition we designed the product packaging and recipe cards.

Get in touch

Fill in the form below and let me know how I can help.