Website Design & Development Process

Our structured process for content preparation and web development

We simplify this by hand-holding and guiding you through each step of the planning & development phase.

Our Process

We conduct an in-depth consultation with the client, to scope out all design preferences & website requirements, features & functionality, after which a detailed functional and design specification is provided to the client.


Step 1

Identify the clients target market (B2B – Business to Business, B2C – Business to Consumer).

Scope out website requirements in terms of overall technical functionality, platform, competitor websites, etc.


Step 2

Perform in-depth consultation with the client, face to face, remote (via Zoom), covering all areas of the website requirements, client design/colour/font & other styling preferences, required functionality etc.

A detailed analysis of the User Journey will be carried out via project planning workshops, so as to produce a fluid, intuitive and engaging experience.

All website functionality (E Commerce, Online Bookings, etc.) will be scoped to include expectations of deliverables, detailed configuration and requirements planning.


Step 3

Once all requirements have been gathered and collated, a detailed project development roadmap will be prepared, including competitor analysis, proposed design elements, website navigation, proposed colour palette and font options. Visual elements including backdrops, icons and other graphical decorations will be included. All technical requirements will be analysed and documented.

The client is then provided with a detailed Functional Specification, including timelines for deliverables, for appraisal.


Step 4

Once accepted by the client, the Project Manager and selected project team of Web/UX designer(s) and Web developers will have an initial meeting with the client to discuss the agreed Functional Specification in greater detail, breaking down development deliverables into smaller elements.

The development/staging area for the new website will be created (hidden from search engines). All web content will be analysed with suggestions made to increase impact in certain areas.

The Project Manager assigned to the client project will be the primary and constant contact during the design and development of the new website.


Step 5

Design phase. The Web & UX designers will incorporate the agreed/preferred graphical elements, typography options, imagery and primary navigational structure into the first conceptual landing page (or series of landing pages in the case of B2B & B2C projects) presentation, for review.

The user journey is carefully analysed at this point and the positioning of CTA’s (Calls to Action) is carefully considered and implemented. In some cases, 2 or more design options may be created and provided to the client for review.

C Me Online design using a “mobile first” methodology, and throughout the design phase, every page and element is checked and tested across all devices & all browsers to ensure a seamless user experience is achieved using the agreed styling guide.


Step 6

Development phase. The Web developer(s) will commence development,
setup, configuration & implementation of all technical elements, including
(but not limited to):

  • E-Commerce
  • Online Bookings/Appointments
  • Online Payment integration, setup & sandbox testing
  • Contact Forms, CTA’s, notifications, email routing
  • 3rd party integrations (where applicable)

Security issues are carefully analysed, and all security measures and requirements will be documented and configured accordingly.

The design and development teams work closely together, throughout this phase of development, to ensure full synergy is achieved. Internal testing of all technical functionality is carried out.


Step 7

SEO (Search Engine Optimisation) is carried out, including:

  • Keyword/key phrase research (conducted with the Client)
  • Implementation of Page Titles, Meta descriptions, target keyword analysis, tags & alt images (per page)
  • Canonical URL’s
  • Correct use of Headings using target keywords in each case
  • Keyword density & inclusion in permalinks
  • Internal & Outbound Links
  • Social media metadata setup
  • Creation of XML Sitemaps for Google Search Console including configuration of all post types & taxonomies for Sitemap inclusion
  • Google Analytics will be configured and added to the site, using both UA (Universal Analytics) and the new Google Analytics 4 (GA4), to ensure future compliance
  • The client is provided with full access to Google Analytics. WordPress Dashboard Analytics may also be added

Step 8

Testing/UAT (User Acceptance Testing) phase. 

This is the final stage of the development cycle before the completed website goes into production. All website functionality is thoroughly tested internally by C Me Online, including testing of all on-page functionality, navigation etc.

Once complete, the client is provided with a documented testing checklist, and asked to conduct their own thorough testing of the new site.

Any/all final changes will be implemented, where and if required, retested internally and by the client.

The completion of this phase of the development lifecycle results in client signoff and approval for the new website to enter production (“Go live”).


Step 9

Website Signoff & Launch phase. Upon client signoff, the launch/go live phase will be scheduled and carried out.

The staging site will enter production, with all caching & page speed/performance elements configured for optimal delivery. CDN (Content Delivery Network) will be configured. All other web server configuration will be carried out, as well as adding live API keys & webhooks. Any DNS changes will take place, to point/re-point the live domain to the new site. 

When the new website is deployed, all XML Sitemaps will be submitted to Google Search Console, and Google Analytics will be tested to ensure live traffic is recorded. Where a previous website was in existence, all old/redundant weblinks/URL’s will be redirected using industry standard “301 redirection” techniques.

Final live functionality & responsiveness testing is conducted across multiple devices and browsers.  The client is asked to review the live site and where required, final minor changes may be implemented.


Step 10

Post Launch phase. This phase of the project lifecycle includes Online Helpdesk registration & preparation of client training material. 

As soon as the new website enters live production, the client is provided with step-by-step instructions to register to the C Me Online Online Helpdesk portal, which will be the sole means of communication and support, from this point onwards.

All comprehensive video tutorials will be created and edited internally, and provided to the client. All unique training videos will include content creation, E-Commerce product management, order processing, Booking/appointment scheduling, etc.

Online Helpdesk/Website Support/Maintenance

The client is also provided with access to the C Me Online Client Support Helpdesk, available 24/7/365. This service may be included at no extra charge for 12 months, renewable annually thereafter.

C Me Online maintains 98% client retention annually. The majority of our clients have been with us for 8 years or longer.
Because we strive for excellence. Always

Let’s have a chat and discuss your project requirements.
Get In Touch now!

"*" indicates required fields