Brian Whelan

61 Merrion Square South, <br />
Dublin 2, D02 EW25, Ireland

Main Nav

<p><em>Websites are the central supporting pillar of most online presences and often the first brand touchpoint. When building a website there are generally two options &#8211; a template or page builder, or a custom design and build. But which option is best?</em></p>
<p>The wide availability of templates and page builders has made it easier and faster to set up a website. While on the surface this seems positive, it may not be the best approach.</p>
<p>Web templates and page builders may be quick, but they have several drawbacks. The designs can be generic with less room to customise and functionality can be limited.</p>
<p>On the other hand, a custom web design can help your business stand out from all the digital noise. It&#8217;s tailored to your brand&#8217;s unique vision, values, and goals. You have the freedom to choose your colour scheme, fonts, and overall aesthetic in line with your brand.</p>
<p>A custom website can also be designed with the user experience in mind something we at Friday value greatly, thus ensuring that visitors can easily find the information they need and navigate the site with ease.</p>
<h2>Disadvantages of Template Websites</h2>
<h3>Predetermined Design</h3>
<p>While templates offer speed and convenience, they can be limiting by confining you to a predefined design. These templates often provide only minimal room for customisation, making it challenging to seamlessly integrate them with your unique brand identity.</p>
<h3>Excess Code</h3>
<p>Templates are designed with a broad spectrum of businesses in mind, encompassing a diverse array of features to cater to a wide audience.</p>
<p>However, this inclusivity can result in an abundance of options, some of which might align with your requirements while many others may not.</p>
<p>Consequently, this can introduce unnecessary bloat and surplus code into your website, potentially impeding its performance and speed. This is bad for the user and for your SEO.</p>
<img loading="lazy" decoding="async" class="size-large wp-image-14547 aligncenter" src="https://www.api.friday.ie/wp-content/uploads/2023/08/hal-gatewood-tZc3vjPCk-Q-unsplash-700x467.jpg" alt="" width="700" height="467" srcset="https://www.api.friday.ie/wp-content/uploads/2023/08/hal-gatewood-tZc3vjPCk-Q-unsplash-700x467.jpg 700w, https://www.api.friday.ie/wp-content/uploads/2023/08/hal-gatewood-tZc3vjPCk-Q-unsplash-250x167.jpg 250w, https://www.api.friday.ie/wp-content/uploads/2023/08/hal-gatewood-tZc3vjPCk-Q-unsplash-768x512.jpg 768w, https://www.api.friday.ie/wp-content/uploads/2023/08/hal-gatewood-tZc3vjPCk-Q-unsplash-1536x1024.jpg 1536w, https://www.api.friday.ie/wp-content/uploads/2023/08/hal-gatewood-tZc3vjPCk-Q-unsplash-2048x1365.jpg 2048w, https://www.api.friday.ie/wp-content/uploads/2023/08/hal-gatewood-tZc3vjPCk-Q-unsplash-120x80.jpg 120w" sizes="(max-width: 700px) 100vw, 700px" />
<p>&nbsp;</p>
<h2>Advantages of Custom Websites</h2>
<h3>Design Tailored to Your Brand</h3>
<p>With a custom website, the level of customisation and personalisation is virtually limitless. Designers can work closely with clients to ensure that every aspect of the website aligns perfectly with their brand guidelines, effectively conveying their core beliefs and values.</p>
<p>Custom websites enable businesses to maintain consistent branding across all digital platforms. From the logo and colour scheme to the typography and imagery, every element can be carefully tailored to reinforce the brand identity and leave a lasting impression on visitors.</p>
<h3>User Experience-Optimised Design</h3>
<p>A custom website can be designed with your user in mind. For any website, <a href="https://www.friday.ie/expertise/user-experience/" data-trid="232">UX</a> will play a pivotal role in ensuring user satisfaction and improving the UX design of a website can enable a business to increase its conversion rate by &#8220;as high as 400%&#8221; (<em>Source: <a href="https://www.forrester.com/report/The+Six+Steps+For+Justifying+Better+UX/-/E-RES117708" target="_blank" rel="noopener">Forrester Research</a></em>).</p>
<h3>Increased Search Performance</h3>
<p>Search engine optimisation (SEO) is the practice of optimising a website to improve its ranking on search engines. The better your SEO, the higher your site will rank.</p>
<p>Many factors can help SEO, and keeping them in mind when designing and building your custom-coded website will ensure that it is built perfectly to maximise your search ranking.</p>
<h3>Ability to Evolve in Response to Business Changes</h3>
<p>As your business grows, its digital platforms must adapt along with that growth. A custom experience makes it easier to add new features or changes as you need.</p>
<h3>Custom functionality</h3>
<p>Different businesses require their websites to perform various tasks, whether it&#8217;s an e-commerce solution, a location finder to show all business locations, or custom functionality not included with the base CMS.</p>
<p>A pre-built theme will limit you to the basic functionality of the CMS. To extend its capabilities, you&#8217;ll need to add plugins.</p>
<p>However, plugins can add a lot of unnecessary code to your site, as you may only need to use a small portion of their functions. With a custom site, your developer can build the exact functionality you need without any unnecessary code or plugins.</p>
<h3>Flexible CMS functionality</h3>
<p>Most business websites run on a content management system (CMS) to allow for easy content changes across the site. However, with a base install and template, you will be limited to only changing what the template allows.</p>
<p>Your developer can make all content editable and add custom content types to suit your business needs.</p>
<h3>So</h3>
<p>In a dynamic digital landscape, the choice between templates and custom design for your website is pivotal. While templates provide a quick start and have their place for small sites where you want something up and running pronto, they can stifle your brand&#8217;s uniqueness and compromise user experience.</p>
<p>On the other hand, custom websites align closely with your vision, offering limitless customisation, optimised user experience, and enhanced SEO performance.</p>
<p>A custom-built user experience will resonate with your audience, reinforce your values, and empower your business.</p>
<p>If you are ready to stand out <a href="https://www.friday.ie/contact/">get in touch</a> and embrace the power of custom web design.</p>


The Power of a Custom Web Experience

<p><em>Developers are increasingly separating WordPress and utilising its backend as a headless Content Management System (CMS), but what exactly is a headless CMS, and how can it benefit your business?</em></p>
<h2><span data-preserver-spaces="true">What is a headless CMS, and why is it different?</span></h2>
<p><span data-preserver-spaces="true">Content Management Systems like WordPress comprise of two separate parts that are joined together in one package, the frontend (or head), and the backend (or body). The front end is what a user sees in the browser when they visit your website. The backend is where you create and customise the content, and this is then stored in a database. </span></p>
<p>In a traditional setup both the frontend and backend are built using the same coding language and framework.  Using WordPress normally you can manage your content as well as the front-end visuals using themes or block editors from the dashboard.</p>
<p><span data-preserver-spaces="true">With this traditional setup, developers are limited to a theme-based, and plugin structure and customising can be difficult and limited to whats available within the WordPress ecosystem. </span></p>
<p><span data-preserver-spaces="true">In a Headless CMS essentially we separate these two parts essentially removing the head from that body, hence the name headless. In doing so we can turn the backend into a data source that can then be accessed by any frontend framework. </span></p>
<p><span data-preserver-spaces="true">Content can be managed like it always has been through the dashboard, but developers are free to use any frontend technology which allows for greater customisation, and the ability to take advantage of newer frontend technologies.</span></p>
<img loading="lazy" decoding="async" class="aligncenter wp-image-14181 size-large" src="https://www.api.friday.ie/wp-content/uploads/2022/09/andrii-leonov-P5nZwlbTngI-unsplash-1-700x522.jpg" alt="" width="700" height="522" srcset="https://www.api.friday.ie/wp-content/uploads/2022/09/andrii-leonov-P5nZwlbTngI-unsplash-1-700x522.jpg 700w, https://www.api.friday.ie/wp-content/uploads/2022/09/andrii-leonov-P5nZwlbTngI-unsplash-1-250x187.jpg 250w, https://www.api.friday.ie/wp-content/uploads/2022/09/andrii-leonov-P5nZwlbTngI-unsplash-1-768x573.jpg 768w, https://www.api.friday.ie/wp-content/uploads/2022/09/andrii-leonov-P5nZwlbTngI-unsplash-1-1536x1146.jpg 1536w, https://www.api.friday.ie/wp-content/uploads/2022/09/andrii-leonov-P5nZwlbTngI-unsplash-1-2048x1528.jpg 2048w, https://www.api.friday.ie/wp-content/uploads/2022/09/andrii-leonov-P5nZwlbTngI-unsplash-1-120x90.jpg 120w" sizes="(max-width: 700px) 100vw, 700px" />
<h2><span data-preserver-spaces="true">Advantages of going headless</span></h2>
<h3>Fast loading page speed</h3>
<p>One of the main benefits of using a headless CMS is better page speeds. Page speed is important for these core reasons:</p>
<ul>
<li>Faster loading web pages provide a better user experience for your users.
<ul>
<li>Faster pages mean that Users can complete their purchase or conduct any other business on your site in a shorter journey with less friction.</li>
</ul>
</li>
<li>Google now explicitly considers page speed as part of its ranking algorithms.
<ul>
<li>Having better page speed than your competitor could be the factor that brings you more organic traffic if all else is equal when your page is compared against a competitor&#8217;s by a Search Engine.</li>
</ul>
</li>
</ul>
<h3>Why is Headless WordPress faster?</h3>
<p>WordPress is built using php and pages are built with php templates. When a user requests the page the server needs to gather the content from the database, load the content and build the page using the template and then display it in the browser.</p>
<p>In total an average of 30 actions are needed to load each webpage and this will run every time a user navigates to a new page. As a result this can cause the website speed to suffer.</p>
<p>Headless websites can be built in whatever coding language a developer chooses as we are no longer limited to php and php templates. This means developers can use modern front end frameworks like React.js or Vue.js.</p>
<p>With these modern frameworks pages are pre build and stored on the server and can be sent to the browser as soon as they are requested leading to much faster loading times.</p>
<img loading="lazy" decoding="async" class="aligncenter wp-image-14180 size-large" src="https://www.api.friday.ie/wp-content/uploads/2022/09/kirklai-_RM0idp0M2c-unsplash-700x466.jpg" alt="" width="700" height="466" srcset="https://www.api.friday.ie/wp-content/uploads/2022/09/kirklai-_RM0idp0M2c-unsplash-700x466.jpg 700w, https://www.api.friday.ie/wp-content/uploads/2022/09/kirklai-_RM0idp0M2c-unsplash-250x166.jpg 250w, https://www.api.friday.ie/wp-content/uploads/2022/09/kirklai-_RM0idp0M2c-unsplash-768x511.jpg 768w, https://www.api.friday.ie/wp-content/uploads/2022/09/kirklai-_RM0idp0M2c-unsplash-1536x1022.jpg 1536w, https://www.api.friday.ie/wp-content/uploads/2022/09/kirklai-_RM0idp0M2c-unsplash-120x80.jpg 120w, https://www.api.friday.ie/wp-content/uploads/2022/09/kirklai-_RM0idp0M2c-unsplash.jpg 1920w" sizes="(max-width: 700px) 100vw, 700px" />
<h3><span data-preserver-spaces="true">Greater control and flexibility</span></h3>
<p><span data-preserver-spaces="true">While WordPress allows for a great amount of customisation options you are limited to whats available. To extend WordPress you need to use plugins and can be limited to whats available. Plugins can also add more functionality than you actually need leading to a much bigger code base than whats needed. </span></p>
<p>With headless we are no longer limited to plugins and functionality can be extended in whatever way the developer chooses. This will also cut down on any excess code leading to smaller builds and easier maintainability.</p>
<h3>Better Security</h3>
<p><span data-preserver-spaces="true">With a headless solution, the front end of the site only accesses the content through an API. Therefore the database is completely separate from the front end. </span></p>
<p><span data-preserver-spaces="true">This means an attacker will have a much harder time finding your database adding an extra security layer to your site.</span></p>
<h3>Multi-Channel Content Publishing</h3>
<p>With a traditional setup, it can only be used to build a standard mobile and desktop website. However, as a business scales, they may want to use their content on other channels like mobile apps, social media sites etc.</p>
<p>With a headless setup, because we can access the data from any front end we choose we can effectively turn WordPress into a centralised source for multiple publishing sources. This can allow a marketing team to have one dashboard for all their content and when changes occur they will be reflected across all platforms.</p>
<img loading="lazy" decoding="async" class="aligncenter wp-image-14183 size-large" src="https://www.api.friday.ie/wp-content/uploads/2022/09/venti-views-g-5tSFQSb7w-unsplash-700x466.jpg" alt="" width="700" height="466" srcset="https://www.api.friday.ie/wp-content/uploads/2022/09/venti-views-g-5tSFQSb7w-unsplash-700x466.jpg 700w, https://www.api.friday.ie/wp-content/uploads/2022/09/venti-views-g-5tSFQSb7w-unsplash-250x166.jpg 250w, https://www.api.friday.ie/wp-content/uploads/2022/09/venti-views-g-5tSFQSb7w-unsplash-768x511.jpg 768w, https://www.api.friday.ie/wp-content/uploads/2022/09/venti-views-g-5tSFQSb7w-unsplash-1536x1021.jpg 1536w, https://www.api.friday.ie/wp-content/uploads/2022/09/venti-views-g-5tSFQSb7w-unsplash-2048x1362.jpg 2048w, https://www.api.friday.ie/wp-content/uploads/2022/09/venti-views-g-5tSFQSb7w-unsplash-120x80.jpg 120w" sizes="(max-width: 700px) 100vw, 700px" />
<h2>Traditional WordPress Vs Headless WordPress</h2>
<h3>Differences in development</h3>
<p>Building a basic WordPress site can be done using themes and plugins and a very simple basic site can be built without any coding ability. Headless WordPress doesn&#8217;t use themes and templates so to set up a headless site you will need an experienced developer to do so, or knowledge of frontend javascript frameworks.</p>
<h3>Differences in functionality</h3>
<p>Because we have separated the front end from the backend Unfortunately we lose some of the default WordPress functionality. Previews will no longer work and an alternative solution will need to be added during development. Some popular plugins have been adapted to be used by headless WordPress websites but not all have so you may not be able to use plugins like you&#8217;re used to and the development team will need to create other solutions.</p>
<h3>Differences in hosting</h3>
<p>Hosting a headless website will be slightly different also. WordPress is traditionally hosted on a server running PHP with the frontend and backend on the same server.</p>
<p>With headless, we can host our WordPress backend on a PHP server and we will then need to host our frontend on a separate server build to host javascript frontend frameworks. This will mean we now have instances on servers to maintain. It also means that if the WordPress backend server was to go down for any reason our frontend will still be live running on cached content until the backend is back up and running.</p>
<img loading="lazy" decoding="async" class="aligncenter wp-image-14182 size-large" src="https://www.api.friday.ie/wp-content/uploads/2022/09/taylor-vick-M5tzZtFCOfs-unsplash-700x393.jpg" alt="" width="700" height="393" srcset="https://www.api.friday.ie/wp-content/uploads/2022/09/taylor-vick-M5tzZtFCOfs-unsplash-700x393.jpg 700w, https://www.api.friday.ie/wp-content/uploads/2022/09/taylor-vick-M5tzZtFCOfs-unsplash-250x140.jpg 250w, https://www.api.friday.ie/wp-content/uploads/2022/09/taylor-vick-M5tzZtFCOfs-unsplash-768x431.jpg 768w, https://www.api.friday.ie/wp-content/uploads/2022/09/taylor-vick-M5tzZtFCOfs-unsplash-1536x862.jpg 1536w, https://www.api.friday.ie/wp-content/uploads/2022/09/taylor-vick-M5tzZtFCOfs-unsplash-120x67.jpg 120w, https://www.api.friday.ie/wp-content/uploads/2022/09/taylor-vick-M5tzZtFCOfs-unsplash.jpg 1920w" sizes="(max-width: 700px) 100vw, 700px" />
<h3><span data-preserver-spaces="true">Which businesses can benefit from Headless WordPress?</span></h3>
<p><span data-preserver-spaces="true">Any business that is looking to deliver a more satisfying and frictionless experience for their Users will benefit from using Headless WordPress.</span></p>
<p><span data-preserver-spaces="true">A Headless setup can improve page loading speeds, provide better security, allow for multi-channel and many different types of sites can be built with it. </span></p>
<p><span data-preserver-spaces="true">Including:</span></p>
<ul>
<li><span data-preserver-spaces="true">Blogs</span></li>
<li><span data-preserver-spaces="true">Brochure websites</span></li>
<li><span data-preserver-spaces="true">Marketing websites</span></li>
<li><span data-preserver-spaces="true">eCommerce websites</span></li>
<li><span data-preserver-spaces="true">Web app</span></li>
<li><span data-preserver-spaces="true">Mobile apps</span></li>
</ul>
<h2><span data-preserver-spaces="true">Headless WordPress is here to stay</span></h2>
<p><span data-preserver-spaces="true">With WordPress powering over </span><a class="editor-rtfLink" href="https://w3techs.com/technologies/overview/content_management" target="_blank" rel="noopener"><span data-preserver-spaces="true">40% of the web</span></a><span data-preserver-spaces="true"> it is clear that it isn&#8217;t going anywhere any time soon. Headless WordPress is very quickly being adapted across the enterprise space with a study from </span><a class="editor-rtfLink" href="https://wpengine.co.uk/blog/state-of-headless-study-finds-adoption-surging-in-the-enterprise/" target="_blank" rel="noopener"><span data-preserver-spaces="true">WP Engine finding that 64% of enterprise respondents are currently using headless,</span></a><span data-preserver-spaces="true"> and 90% of those who don&#8217;t plan to evaluate this in the near future. </span></p>
<p><span data-preserver-spaces="true">With massive performance benefits from updating to headless, Headless WordPress is looking to be the future of WordPress Development.</span></p>
<p>If you want to experience a Headless WordPress website for yourself, just continue to browse through our site and witness the low friction experience.</p>
<p>If you want to understand more about what Headless WordPress can do for your business, <a href="https://www.friday.ie/contact/">talk to us today</a>.</p>
<p>&nbsp;</p>


Author: Brian Whelan

The Power of a Custom Web Experience

Headless WordPress: Why Losing Your Head Is The Future