Our Process

We think that good communication makes for a great project outcome.

We use Basecamp to manage all of our web projects and file sharing to keep everything in one place. This tool also ensures everyone on the project is kept in the loop – no more hunting through inboxes to try and find important project messages and files! We will be happy to give you a tutorial on how this works before working with you.

Here’s a quick overview of our web design process:

Planning

During the planning stage, Technique Web meticulously lays the groundwork for your project, ensuring a solid foundation for success.

This phase involves a comprehensive exploration of your objectives and requirements for your new website, including:

  • Project Brief/Notes: We start by gaining a deep understanding of your goals and aspirations. Through detailed project briefs and notes, we capture the essence of your vision.
  • List of Required Functions and Features: Identifying the functionalities and features crucial to your project’s success. This step ensures that every aspect aligns with your objectives.
  • Review Current Site Content: A thorough examination of your existing content allows us to understand your current digital footprint, identifying areas for improvement and optimisation.
  • Personas/Target Audience: Crafting detailed personas helps us define and understand your target audience. This knowledge shapes our design and content strategies, ensuring they resonate with your intended users.
  • Google Analytics Access: Access to Google Analytics (if relevant) provides valuable insights into your website’s performance and user behavior. This data informs our decisions and allows us to make data-driven improvements.
  • Sitemap Creation: Crafting a clear and agreed-upon sitemap lays the foundation for website structure. Defining top-level pages ensures an organised and user-friendly experience.

In the planning stage, Technique Web combines strategic thinking with a focus on your unique needs, setting the stage for a successful web design and development journey.

Wireframes & designs

In this pivotal stage, Technique Web transforms concepts into tangible designs, ensuring a visually stunning and functional digital presence.

This phase includes:

  • Design Inspiration/Mood Boards: Our team crafts design inspiration and mood boards to capture the aesthetic direction. These visual guides set the tone for the project, aligning with your brand identity and desired user experience.
  • Supply Homepage Content: Providing relevant content is crucial for design cohesion. We collaborate with you to gather and incorporate essential homepage content, ensuring seamless integration with the design elements.
  • Initial Homepage Design Concepts (and Wireframes): We bring your vision to life with 2 or 3 initial design concepts, incorporating key elements such as color schemes, typography, and layout. Wireframes serve as the structural framework, allowing for a focused review of the design’s core elements.
  • Inner Page Designs: Extending the design concept to inner pages ensures a consistent and engaging user experience throughout the entire website. Each page is meticulously crafted to complement the overall design aesthetic while addressing specific content requirements.

In the design stage, Technique Web merges creativity with functionality, creating a visual narrative that aligns seamlessly with your brand and resonates with your target audience. This stage sets the foundation for the development of an aesthetically pleasing and user-centric website.

Site build & content

During the site build and content stage, Technique Web transforms the approved designs into a fully functional website with a keen focus on user experience and search engine optimisation.

This stage encompasses the following key elements:

  • Setup Development Hosting Server: We initiate the development process by setting up a dedicated hosting server. This ensures a secure and controlled environment for the website’s construction and testing.
  • Creation of a Bespoke WordPress Theme: Our skilled team crafts a tailor-made WordPress theme exclusively for your website. This bespoke theme ensures a unique and personalised digital presence that aligns with your brand identity.
  • Home Page Build: The centerpiece of your online presence, the home page, is meticulously constructed to reflect the approved design concept. We prioritise engaging design elements and strategic placement of content to captivate and guide visitors.
  • Top-Level Page Builds: Building on the sitemap, we construct top-level pages with precision and attention to detail. Each page is developed to fulfill its designated purpose, providing a seamless and intuitive user journey.
  • Top-Level On-Page SEO: Incorporating essential on-page SEO elements at the top level ensures that your website is optimised for search engines from the ground up. This includes strategic placement of keywords, meta tags, and other SEO best practices.

In this stage, Technique Web combines technical expertise with creative design, bringing your website to life while laying the foundation for a robust online presence. This phase ensures a seamless transition from design concepts to a fully functional and optimised website.

Snagging & testing

In this critical stage, Technique Web ensures that your website not only meets but exceeds quality standards.

Rigorous testing and reviews are conducted to guarantee a flawless user experience across various devices and browsers.

This stage includes:

  • Peer Review Site: An unbiased perspective is crucial. A peer, not closely involved in the project, meticulously reviews the site. This external review provides valuable insights and helps identify any potential issues.
  • Implement Fixes from a Snag List: Issues identified during the peer review are compiled into a snag list. Our team efficiently addresses and implements fixes to enhance the overall functionality and performance of the website.
  • Responsive CSS for Mobile-Friendly Design: Ensuring a seamless experience on mobile devices is paramount. We conduct responsive CSS adjustments to guarantee that your website is not just functional but optimally user-friendly on various screen sizes.
  • Cross-Browser Testing: Compatibility is key. We conduct thorough cross-browser testing on major platforms including Microsoft Edge, Google Chrome, Safari, and Firefox. This ensures consistent performance and appearance across different browsers.
  • Mobile Snagging & Fixes: Specific attention is given to mobile devices to identify and resolve any issues unique to this platform. We optimise the mobile experience to align with the growing trend of users accessing websites on smartphones and tablets.

The snagging and testing stage reflects Technique Web’s commitment to delivering exceptional websites. By addressing potential issues and conducting extensive testing, we ensure that your website performs seamlessly across all devices and browsers, providing a positive experience for every visitor.

Launch checklist

The launch/go live checklist stage is a meticulous process ensuring a smooth transition from development to a live and accessible website.

Key steps in this stage include:

  • Move Development Site to Live Server: Transitioning from development to a live environment is a crucial step. We seamlessly move your website to the live server, ensuring that it’s ready for public access.
  • DNS Changes to Push the Website Live: Updating Domain Name System (DNS) settings facilitates the public launch of your website. These changes ensure that visitors are directed to the live site when they access your domain.
  • Start 2-Week Support Period: A support period immediately following the launch provides a safety net. We are on standby to address any unforeseen issues, ensuring a smooth transition and addressing any emerging concerns promptly.
  • Complete 1-Hour Phone/Skype Training: Empowering you to manage and update your website, we provide a comprehensive 1-hour training session. This ensures that you are comfortable navigating the backend, making updates, and leveraging the full potential of your newly launched website.

In the pre-launch stage, Technique Web orchestrates a seamless transition from development to a live environment. By addressing technical aspects and providing post-launch support and WordPress training, we ensure that your website is not only live but ready for your ongoing success.

Go live checklist

The “Go Live” stage is the final, meticulous phase before your website is officially launched to the public.

Technique Web ensures that every aspect is fine-tuned for optimal performance, visibility, and user experience.

Key tasks in this stage include:

  • Add Google Analytics and Webmaster Tools: Implementing essential tools for tracking website performance and search engine visibility.
  • Set up 301 Redirects from Old URLs: Ensuring a seamless transition and preserving SEO rankings by redirecting old URLs to their new counterparts.
  • Update All URLs and Internal Links: Adjusting URLs and internal links to reflect the live environment and enhance navigation.
  • Check for Broken Links: A comprehensive check to eliminate broken links and maintain a smooth user experience.
  • Ensure Form Recipients are Correct: Verifying that form submissions are directed to the intended recipients and removing any unnecessary placeholders.
  • Check 404 Error Page Template: Confirming that the 404 error page is appropriately designed and functional.
  • Update Permalinks: Optimising URL structures for improved search engine optimisation.
  • Pingdom Speed Test: Assessing website speed to ensure optimal performance.
  • Google Pagespeed Insights: Analysing and optimising for green lights on both desktop and mobile platforms.
  • Test All Forms: Ensuring that all forms are functional and submissions are processed correctly.
  • Email Functionality Test: Verifying that the website can successfully send emails, including a ‘forgot password’ check.
  • Test Search Function (if applicable): Confirming the effectiveness of the search functionality.
  • Update WordPress and Plugins: Keeping the platform and plugins up-to-date for security and performance enhancements.
  • Add WP Audit Log Plugin and Configure: Implementing a comprehensive audit log for enhanced website security.
  • Install and Configure UK Cookie Plugin: Ensuring compliance with privacy regulations by configuring cookie settings.
  • Add Privacy Policy and T&C’s: Including essential legal documents to establish transparency and trust.
  • Copyright Information in Footer: Adding copyright information to the footer for legal and branding purposes.
  • Customise Login and Favicon: Personalising the login page and adding a favicon for brand consistency.
  • Check Bots Access: Verifying that search engine bots have appropriate access per Reading Settings.
  • Remove Unnecessary Plugins: Streamlining the website by removing non-essential and developer plugins.
  • Add Disable Comments Plugin: Managing comments efficiently with the addition of a disable comments plugin.
  • Check Google Mobile-Friendly Test: Ensuring mobile responsiveness and passing Google’s mobile-friendly test.
  • Run Cross-Browser Testing: Confirming compatibility with popular browsers and addressing any issues.
  • Set Up YOAST Details: Configuring YOAST SEO settings, including company details and logo.
  • Check Site Title and Tagline: Verifying the accuracy and relevance of the site title and tagline.
  • Set Up YOAST Sitemaps: Configuring YOAST for optimal sitemap generation and search engine visibility.

The “go live” stage represents Technique Web’s commitment to delivering a flawless, optimised, and compliant website ready for public engagement.

Contact us today

Trusted by

logo