<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Webtonic</title>
	<atom:link href="https://webtonic.co.za/feed/" rel="self" type="application/rss+xml" />
	<link>https://webtonic.co.za</link>
	<description>Top Software Development Company</description>
	<lastBuildDate>Wed, 08 Apr 2026 11:48:34 +0000</lastBuildDate>
	<language>en-GB</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2026/02/11100911/cropped-2026_WT_Favicon-32x32.png</url>
	<title>Webtonic</title>
	<link>https://webtonic.co.za</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>How to grow in your journey as a developer</title>
		<link>https://webtonic.co.za/how-to-grow-in-your-journey-as-a-developer/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Wed, 25 Mar 2026 07:34:33 +0000</pubDate>
				<category><![CDATA[Our Views]]></category>
		<guid isPermaLink="false">https://webtonic.co.za/?p=29985</guid>

					<description><![CDATA[<p>How to grow in your journey as a developer By Siyakha Plaatjie   When I first started as a developer at Webtonic, I thought the path to success was straightforward which was just writing brilliant code, completing my tasks and most importantly not making anything go wrong in production.  As months went by, I learnt that technical skills alone</p>
<p>The post <a href="https://webtonic.co.za/how-to-grow-in-your-journey-as-a-developer/">How to grow in your journey as a developer</a> first appeared on <a href="https://webtonic.co.za">Webtonic</a>.</p>]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="29985" class="elementor elementor-29985" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-00eb91c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="00eb91c" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2b9be09" data-id="2b9be09" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-8579fcb elementor-widget elementor-widget-text-editor" data-id="8579fcb" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<h1><span class="TextRun SCXW154790105 BCX8" lang="EN-US" xml:lang="EN-US" data-contrast="auto"><span class="NormalTextRun SCXW154790105 BCX8">How to grow in your journey as a developer</span></span></h1>
<p id="author-names">By <span class="NormalTextRun SpellingErrorV2Themed SCXW183219844 BCX8">Siyakha</span><span class="NormalTextRun SCXW183219844 BCX8"> Plaatjie</span></p>
<p> </p>
<div>
<p><strong>When I first started as a developer at Webtonic, I thought the path to success was straightforward which was just writing brilliant code, completing my tasks and most importantly not making anything go wrong in production. </strong></p>
<p><span data-contrast="auto">As months went by, I learnt that technical skills alone won’t make you grow. How you learn, how you collaborate and how you approach challenges matter too.</span><span data-ccp-props="{}"> </span></p>
<p><span data-contrast="auto">Here are 5 lessons I’ve picked up which I would recommend to any new developer to help them thrive in this field:</span><span data-ccp-props="{}"> </span></p>
<p><span data-ccp-props="{}"> </span></p>
<p><b><span data-contrast="auto">Ask when needing clarity, help and knowledge</span></b><span data-ccp-props="{}"> </span></p>
<p><span data-contrast="auto">Always try to find out why a system was designed in a certain way or how that complex piece of code works and ask questions. Sometimes you might feel like your question is “basic” but rather ask it anyway.  There just might be some valuable insight you could gain from the explanation you receive. Developers who ask questions early often learn faster and avoid making or repeating mistakes.</span><span data-ccp-props="{}"> </span></p>
<p><b><span data-contrast="auto">Don’t just rush to close tasks but understand them</span></b><span data-ccp-props="{}"> </span></p>
<p><span data-contrast="auto">Don’t fall into the pressure of wanting to speed through tickets and close them. Take that little extra time to research why the solution works, how it blends in with the system and if there are not any better alternatives. This will help you improve your thought process and get a better understanding of how to deal with future tasks of the same nature.</span><span data-ccp-props="{}"> </span></p>
<p><span data-ccp-props="{}"> </span></p>
<p><b><span data-contrast="auto">Learn how experienced developers think</span></b><span data-ccp-props="{}"> </span></p>
<p><span data-contrast="auto">This one is my personal favourite. Being able to learn from people who have been in the same position you are currently in is amazing. The advice you will get is invaluable and learning from seniors/intermediates should not just be about the code, also focus on their approach to problem solving. Notice how they debug, plan for scalability and make decisions even under uncertainty. Even if they still make mistakes, whether past or current, those are still valuable lessons for you. All these will provide you with patterns and strategies that you can&#8217;t find in tutorials or online lectures.</span><span data-ccp-props="{}"> </span></p>
<p><span data-ccp-props="{}"> </span></p>
<p><b><span data-contrast="auto">Be someone your team can rely on</span></b><span data-ccp-props="{}"> </span></p>
<p><span data-contrast="auto">Being reliable is not only about delivering on time. It includes good communication, transparency and willingness to go the extra mile. Some other things that help you be seen as more reliable are things you might perceive as small, for example, documenting your work, reviewing your peers’ code thoughtfully or even sharing something you’ve learnt about, all those build trust. Trust that will lead to bigger responsibilities and opportunities, which will aid in your career.</span><span data-ccp-props="{}"> </span></p>
<p><span data-ccp-props="{}"> </span></p>
<p><b><span data-contrast="auto">Be patient with your growth</span></b><span data-ccp-props="{}"> </span></p>
<p><span data-contrast="auto">You might not know it now but a career in software development is a marathon, not a sprint (pun intended lol). It is tempting early on to compare yourself to others or even rush for a quick rise to the top but that is unrealistic. Remember that growth comes in phases. Phases that will be uncomfortable sometimes, other times enlightening other times frustrating but that all comes with the territory.</span><span data-ccp-props="{}"> </span></p>
<p><span data-ccp-props="{}"> </span></p>
<p><span data-contrast="auto">The good news? You don’t have to figure it out alone. Always keep learning and improving. Your future self will thank you for it.</span><span data-ccp-props="{}"> </span></p>
</div>
<p><!-- /wp:heading --></p>								</div>
				<div class="elementor-element elementor-element-388d773 elementor-widget elementor-widget-html" data-id="388d773" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>

#blog-details .content p#intro_fix{
    font-weight: 500 !important;
    font-size: 20px !important;
}


/*Fix for categories with alot of text*/
#blog-details .blog-categories .categories {
    row-gap: 5px !important;
}

/*Default author block*/
.aioseo-author-bio-compact{
    display: none !important;
}

#blog-details .image img,
#blog-details .elementor-widget-video,
#blog-details article .blog-details-single .image img{
    width: 856px !important;
    height: auto !important;
    min-height: 448px !important;
}

#blog-details  p > b, p > strong{
    font-weight: 600 !important;
}

#blog-details  .content p#author-names{
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;
}

p em{
    font-weight: 600 !important;
}

#blog-details a{
    text-decoration: underline !important;
}

/* Default body text */
#blog-details [data-widget_type="text-editor.default"]{
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #262B2E !important;
}

#blog-details .e-child p{
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

#blog-details .content p {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #262B2E !important;
    text-align: left !important;
}

/* Top Heading */
#blog-details h1,  #blog-details h1 span{
    font-family: Poppins !important;
    font-size: 36px !important;
    font-weight: bold !important;
    color: #f7902f !important;
    text-transform: capitalize !important;
}

/* Author */
#blog-details .author-names p{
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;
}

/* Intro Paragraph */
#blog-details  #intro-paragraph p {
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;
}

/* 'H2' subheadings */
#blog-details .main-subheading-h2 p:first-of-type {
    font-family: Poppins !important;
    text-transform: capitalize !important;
    font-size: 28px !important;
    font-weight: bold !important;
    color: #000000 !important;
}

#blog-details h2,#blog-details h2 > strong {
    font-family: Poppins !important;
    text-transform: capitalize !important;
    font-size: 28px !important;
    font-weight: bold !important;
    color: #000000 !important;
    margin:40px 0 17px 0 !important;
}

#blog-details h3{
    font-family: Poppins !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #000000 !important;
}

/* Padding between H2 and text*/
.main-subheading-h2 p:first-of-type {
    margin-bottom: 17px !important
}

/* Body within 'H2' */
#blog-details .main-subheading-h2 p:not(:first-of-type) {
    font-family: Poppins !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #262B2E !important;

}

/* 'Bold' copy within 'H2 section */
#blog-details .main-subheading-h2 p:not(:first-of-type) > b {
    font-weight: 600 !important;
}

/* 'Italic' copy within 'H3' section */
#blog-details .main-subheading-h2 p:not(:first-of-type) em {
    font-weight: 600 !important;
}

/* 'H3' subheadings */
#blog-details .main-subheading-h3 p:first-of-type, .single .blog-details-single h3 {
    font-family: Poppins !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #000000 !important;
}

/* Padding between H3 and text*/
.main-subheading-h3 p:first-of-type {
    margin-bottom: 17px !important
}

/* Body withing 'H3' subheading*/
#blog-details .main-subheading-h3 p:not(:first-of-type) {
    font-family: Poppins !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #262B2E !important;
}

/* 'Bold' copy within 'H3' section */
#blog-details .main-subheading-h3 p:not(:first-of-type) > b {
    font-weight: 600 !important;
}

/* 'Italic' copy within 'H3' section */
#blog-details .main-subheading-h3 p:not(:first-of-type) em {
    font-weight: 600 !important;
}

#blog-details span[style="font-weight: bold;"], #blog-details span[style="font-weight: bolder;"]{
    font-weight: 600 !important;
}

/* All bullet points */
#blog-details li {
    font-weight: 400 !important;
    font-size: 18px !important;
    color: #262B2E !important;
}

/* Spans within bullet points */
#blog-details li span{
    font-weight: 600 !important;
}

/* Quote section */
#blog-details blockquote {
    margin: 0 !important;
    border: 0 none !important;
    background: #f8f8f8 !important;
    width: 100% !important;
    height: auto !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column !important;
    padding: 40px !important;
    margin-bottom: 30px !important;
    position: relative !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    font-family: Poppins !important;
}

/* Quote icon */
#blog-details blockquote:before {
    content: "" !important;
    display: inline-block;
    width: 3em !important;
    top: -15px !important;
    left:49% !important;
    height: 2em !important;
    background: no-repeat center/contain url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20fill='%23f7902f'%20d='M464%20256h-80v-64c0-35.3%2028.7-64%2064-64h8c13.3%200%2024-10.7%2024-24V56c0-13.3-10.7-24-24-24h-8c-88.4%200-160%2071.6-160%20160v240c0%2026.5%2021.5%2048%2048%2048h128c26.5%200%2048-21.5%2048-48V304c0-26.5-21.5-48-48-48zm-288%200H96v-64c0-35.3%2028.7-64%2064-64h8c13.3%200%2024-10.7%2024-24V56c0-13.3-10.7-24-24-24h-8C71.6%2032%200%20103.6%200%20192v240c0%2026.5%2021.5%2048%2048%2048h128c26.5%200%2048-21.5%2048-48V304c0-26.5-21.5-48-48-48z'%3E%3C/path%3E%3C/svg%3E");

}

#blog-details blockquote strong{
    font-weight: 600 !important;
}

/* Text within block quotes */
#blog-details blockquote p{
    padding-top: 20px !important;
    font-family: Poppins !important;
}

/* Nested Spans within quote section */
#blog-details blockquote p span{
    font-family: Poppins !important;
    line-height: 1.5 !important;
    width: 100% !important;
    text-align: left !important;
}

/* Top-level spans within quote section */
#blog-details blockquote span{
    width: 100% !important;
    text-align: left !important;
    line-height: 1.5 !important;
}

/* Final top-level span within quote section */
#blog-details blockquote span:last-of-type{
    display: block !important;
    text-align: center !important;
}

/* Final nested span within quote section */
#blog-details blockquote p span:last-of-type{
    display: block !important;
    text-align: center !important;
}

/* 2 Column Layouts  */
/* Child columns */
#blog-details .e-con-inner .e-con-full .e-flex .e-con .e-child{
    width: 50% !important;
}

/* Fix for heading section that is outside of the 2 column layout */
#blog-details .dual-col-break{
    padding-bottom: 0 !important;

}
/* Fix for text within 2 column layout that has a 'seperate' heading - see class above */
#blog-details .dual-col-break p{
    margin-bottom: 0 !important;
    padding-left: 0 !important;
}

/* Fix for child wrapper within 2 column layouts */
#blog-details .dual-col-break .e-con-inner .e-child{
    padding-left: 0px !important;
}

/* Remove top padding from child items*/
#blog-details .e-con-full .e-flex .e-con .e-child {
    padding-top: 0 !important;
}

/* Add padding back if the child directly contains an image */
#blog-details .e-con-full .e-flex .e-con .e-child img {
    padding-top: 10px !important; /* adjust to your original spacing */
}

/* Utility class that is applied manually to elements */
#blog-details .remove-left-padding{
    padding-left: 0 !important;
    p{
        padding-left: 0 !important;
    }
}

#blog-details article .wp-block-heading{
    margin-top: 0 !important;
}

#blog-details article p {
    margin: 16px 0 !important;
}

@media screen and (max-width: 767px) {
    #blog-details blockquote{
        margin-bottom: 0px !important;
        padding:25px !important;
        font-size: 16px !important;
    }
    #blog-details blockquote:before {
        left: 39% !important;
    }
    #blog-details .main-subheading-h2 p:first-of-type {
        font-size: 22px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    #blog-details .main-subheading-h3 p:first-of-type{
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .single .blog-details-single h3{
        font-weight: 600 !important;
        color: #000000 !important;
        text-transform: capitalize !important;
        font-size: 20px !important;
    }

    #blog-details .main-subheading-h3 p:first-of-type strong {
        font-size: 20px !important;
    }

    #blog-details .content .elementor-widget-image{
        width: 100% !important;
    }

    #blog-details .image img,
    #blog-details .elementor-widget-video,
    #blog-details article .blog-details-single .image img{
        width: auto !important;
        height: auto !important;
    }

    #blog-details h1{
        font-size: 26px !important;
    }

    #blog-details .wp-block-list{
        margin-bottom: 0 !important;
    }

    #blog-details .e-child:has(.elementor-widget-image){
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
    #blog-details blockquote span:last-of-type{
        text-align: left !important;
        padding-top: 10px !important;
    }

    /* Body */
    #blog-details div[data-element_type="container"] p:not(:has(strong)):not(:has(b)),
    #blog-details .main-subheading-h2 p:not(:first-of-type),
    #blog-details .content p,
    #blog-details .main-subheading-h3 p:not(:first-of-type),
    #blog-details [data-widget_type="text-editor.default"],
    #blog-details li{
        font-size: 16px !important;
    }


    #blog-details em{
        font-weight: 600 !important;
    }
    /* We only want it on em nodes within the body */
    #blog-details #intro-paragraph em{
        font-weight: unset !important;
    }

    #blog-details #intro-paragraph p {
        font-size: 18px !important;
    }

    #blog-details p.author-names{
        font-family: Poppins !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        color: #262B2E !important;
    }

    #blog-details article p em, #blog-details article p strong{
        font-weight: 600 !important;
        font-size: 16px !important;
        text-transform: unset !important;
    }

    #blog-details h2{
        font-size: 22px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    #blog-details h3{
        font-weight: 600 !important;
        color: #000000 !important;
        text-transform: capitalize !important;
        font-size: 20px !important;
    }
    /* Use rule below for weird images */
    
    #blog-details .image img,
    #blog-details .elementor-widget-video,
    #blog-details article .blog-details-single .image img{
        width: auto !important;
        height: auto !important;
        max-width:100% !important;
        min-height:unset !important;
    }
    
    #blog-details .content p#intro_fix{
    font-size: 16px !important;
}

}


#blog-details blockquote{
    height:200px !important;
}

</style>				</div>
					</div>
		</div>
					</div>
		</section>
				</div><p>The post <a href="https://webtonic.co.za/how-to-grow-in-your-journey-as-a-developer/">How to grow in your journey as a developer</a> first appeared on <a href="https://webtonic.co.za">Webtonic</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>We Invest in Talent Before Technology  </title>
		<link>https://webtonic.co.za/we-invest-in-talent-before-technology/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Wed, 25 Mar 2026 07:33:14 +0000</pubDate>
				<category><![CDATA[Our Views]]></category>
		<guid isPermaLink="false">https://webtonic.co.za/?p=30123</guid>

					<description><![CDATA[<p>We Invest in Talent Before Technology By Lexi Pretorious    In a world gripped by efficiency, automation and the next trending technology, it is appealing for companies to believe that technology alone will drive their competitive edge. But the truth is this: People are your competitive edge!   Technology is only ever as powerful as the people who imagine, build and use it. Think about an office that has all</p>
<p>The post <a href="https://webtonic.co.za/we-invest-in-talent-before-technology/">We Invest in Talent Before Technology  </a> first appeared on <a href="https://webtonic.co.za">Webtonic</a>.</p>]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="30123" class="elementor elementor-30123" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-00eb91c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="00eb91c" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2b9be09" data-id="2b9be09" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-8579fcb elementor-widget elementor-widget-text-editor" data-id="8579fcb" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<h1>We Invest in Talent Before Technology</h1><p id="author-names">By Lexi Pretorious </p><p> </p><div><p><strong>In a world gripped by efficiency, automation and the next trending technology, it is appealing for companies to believe that technology alone will drive their competitive edge. But the truth is this: People are your competitive edge!  </strong></p><p><span data-contrast="auto">Technology is only ever as powerful as the people who imagine, build and use it. Think about an office that has all the latest facilities, it is the people that make the work materialise! Employees are still the most important asset in a company and without them, no matter what level of automation you may use or invent, you will still need skilled employees. </span><span data-ccp-props="{}"> </span></p><p><span data-contrast="auto">Our role as employers is to balance the technology advancements with ensuring job security and employment opportunities through skills development that align to modern technologies. That is why we need to invest in people first.</span><span data-ccp-props="{}"> </span></p><p><span data-contrast="auto">In our business, we have seen that when you create a culture where employees feel valued, supported and trusted, there is a level of intrinsic motivation and innovation that comes to the fore. Here are the key areas that contribute to this point:</span><span data-ccp-props="{}"> </span></p><p><span data-ccp-props="{}"> </span></p><p><b><span data-contrast="auto">Growth Career Paths</span></b><span data-ccp-props="{}"> </span></p><p><span data-contrast="auto">Our company has committed to building clear, adaptable career paths that allow people to grow as fast as the world around them. The initial role that they are recruited for, is seen as the springboard for them to maximise their strengths and grow and diversify in their careers. </span><span data-ccp-props="{}"> </span></p><p><span data-contrast="auto">They oversee their own careers and are encouraged to investigate other areas such as leadership, cross-functional skill sets, project ownership and innovation. For example, instead of forcing an employee to follow a path they do not enjoy, we can reskill them into an area they want to join and grow in and thus foster an intrinsic level of work satisfaction. </span><span data-ccp-props="{}"> </span></p><p><span data-contrast="auto">When employees see a future within the organisation and feel valued and taken seriously, they will then contribute and engage. They will bring ideas, challenge assumptions and stretch the business forward. </span><span data-ccp-props="{}"> </span></p><p><span data-ccp-props="{}"> </span></p><p><b><span data-contrast="auto">Psychological Safety</span></b><span data-ccp-props="{}"> </span></p><p><span data-contrast="auto">Innovation does not happen in environments where people are afraid to ask questions, try something new, or admit to when something is not working. </span><span data-ccp-props="{}"> </span></p><p><span data-contrast="auto">Psychological safety needs to be a strategic priority. When people feel safe enough to be creative and experiment, and even fail, the organisation gains access to deeper level of motivation and commitment to success.</span><span data-ccp-props="{}"> </span></p><p><span data-contrast="auto">So, what does psychology safety look like in an organisation? It means leaders model vulnerability, teams collaborate without ego, diverse views are welcomed, not managed and feedback becomes fuel rather than an area of conflict.</span><span data-ccp-props="{}"> </span></p><p><span data-contrast="auto">The result? A culture where teams can respond to change with confidence and not fear.</span><span data-ccp-props="{}"> </span></p><p><span data-ccp-props="{}"> </span></p><p><b><span data-contrast="auto">Continuous Learning: Empowering People for What’s Next</span></b><span data-ccp-props="{}"> </span></p><p><span data-contrast="auto">Our approach to continuous learning is simple:</span><span data-ccp-props="{}"> </span></p><ul><li aria-setsize="-1" data-leveltext="" data-font="Symbol" data-listid="1" data-list-defn-props="{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}" data-aria-posinset="1" data-aria-level="1"><span data-contrast="auto">To make learning accessible and flexible.</span><span data-ccp-props="{}"> </span></li></ul><ul><li aria-setsize="-1" data-leveltext="" data-font="Symbol" data-listid="1" data-list-defn-props="{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}" data-aria-posinset="2" data-aria-level="1"><span data-contrast="auto">To make it relevant.</span><span data-ccp-props="{}"> </span></li></ul><ul><li aria-setsize="-1" data-leveltext="" data-font="Symbol" data-listid="1" data-list-defn-props="{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}" data-aria-posinset="3" data-aria-level="1"><span data-contrast="auto">To make it part of everyday work.</span><span data-ccp-props="{}"> </span></li></ul><p><span data-contrast="auto">From technical upskilling to AI literacy, from leadership development to personal effectiveness, learning is becoming entrenched in our culture. We are creating space for experimentation, curiosity and growth. AI tools are being introduced not to replace people but to enhance them by removing the repeatable boring parts of a job so that the employee can focus on meaningful, high-value work.</span><span data-ccp-props="{}"> </span></p><p><span data-contrast="auto">We do not ask, “How will AI change jobs?”</span> <br /><span data-contrast="auto">We ask, “How will AI help our people do their best work?”</span><span data-ccp-props="{}"> </span></p><p><span data-contrast="auto">Thus, when you invest in continuous learning, you do not just build skills, you build adaptability. And that is the most important competitive advantage in a rapidly changing world.</span><span data-ccp-props="{}"> </span></p><p><span data-ccp-props="{}"> </span></p><p><b><span data-contrast="auto">In Conclusion</span></b><span data-ccp-props="{}"> </span></p><p><span data-contrast="auto">When you invest in people, teams care about every interaction, clients experience authenticity and very importantly, top talent chooses to stay, not because they must but because they want to.</span><span data-ccp-props="{}"> </span></p><p><span data-contrast="auto">The company brand becomes more relatable not through marketing campaigns but through lived values. And this attracts clients who share those values and organisations that believe in partnership, trust and long-term impact over transactional engagements.</span><span data-ccp-props="{}"> </span></p><p><span data-contrast="auto">Thus, technology is essential. However, the assets most worth investing in first are the employees who turn strategy into momentum, challenges into solutions and tools into breakthroughs. </span><span data-ccp-props="{}"> </span></p></div><p><!-- /wp:heading --></p>								</div>
				<div class="elementor-element elementor-element-388d773 elementor-widget elementor-widget-html" data-id="388d773" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>

#blog-details .content p#intro_fix{
    font-weight: 500 !important;
    font-size: 20px !important;
}


/*Fix for categories with alot of text*/
#blog-details .blog-categories .categories {
    row-gap: 5px !important;
}

/*Default author block*/
.aioseo-author-bio-compact{
    display: none !important;
}

#blog-details .image img,
#blog-details .elementor-widget-video,
#blog-details article .blog-details-single .image img{
    width: 856px !important;
    height: auto !important;
    min-height: 448px !important;
}

#blog-details  p > b, p > strong{
    font-weight: 600 !important;
}

#blog-details  .content p#author-names{
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;
}

p em{
    font-weight: 600 !important;
}

#blog-details a{
    text-decoration: underline !important;
}

/* Default body text */
#blog-details [data-widget_type="text-editor.default"]{
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #262B2E !important;
}

#blog-details .e-child p{
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

#blog-details .content p {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #262B2E !important;
    text-align: left !important;
}

/* Top Heading */
#blog-details h1,  #blog-details h1 span{
    font-family: Poppins !important;
    font-size: 36px !important;
    font-weight: bold !important;
    color: #f7902f !important;
    text-transform: capitalize !important;
}

/* Author */
#blog-details .author-names p{
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;
}

/* Intro Paragraph */
#blog-details  #intro-paragraph p {
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;
}

/* 'H2' subheadings */
#blog-details .main-subheading-h2 p:first-of-type {
    font-family: Poppins !important;
    text-transform: capitalize !important;
    font-size: 28px !important;
    font-weight: bold !important;
    color: #000000 !important;
}

#blog-details h2,#blog-details h2 > strong {
    font-family: Poppins !important;
    text-transform: capitalize !important;
    font-size: 28px !important;
    font-weight: bold !important;
    color: #000000 !important;
    margin:40px 0 17px 0 !important;
}

#blog-details h3{
    font-family: Poppins !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #000000 !important;
}

/* Padding between H2 and text*/
.main-subheading-h2 p:first-of-type {
    margin-bottom: 17px !important
}

/* Body within 'H2' */
#blog-details .main-subheading-h2 p:not(:first-of-type) {
    font-family: Poppins !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #262B2E !important;

}

/* 'Bold' copy within 'H2 section */
#blog-details .main-subheading-h2 p:not(:first-of-type) > b {
    font-weight: 600 !important;
}

/* 'Italic' copy within 'H3' section */
#blog-details .main-subheading-h2 p:not(:first-of-type) em {
    font-weight: 600 !important;
}

/* 'H3' subheadings */
#blog-details .main-subheading-h3 p:first-of-type, .single .blog-details-single h3 {
    font-family: Poppins !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #000000 !important;
}

/* Padding between H3 and text*/
.main-subheading-h3 p:first-of-type {
    margin-bottom: 17px !important
}

/* Body withing 'H3' subheading*/
#blog-details .main-subheading-h3 p:not(:first-of-type) {
    font-family: Poppins !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #262B2E !important;
}

/* 'Bold' copy within 'H3' section */
#blog-details .main-subheading-h3 p:not(:first-of-type) > b {
    font-weight: 600 !important;
}

/* 'Italic' copy within 'H3' section */
#blog-details .main-subheading-h3 p:not(:first-of-type) em {
    font-weight: 600 !important;
}

#blog-details span[style="font-weight: bold;"], #blog-details span[style="font-weight: bolder;"]{
    font-weight: 600 !important;
}

/* All bullet points */
#blog-details li {
    font-weight: 400 !important;
    font-size: 18px !important;
    color: #262B2E !important;
}

/* Spans within bullet points */
#blog-details li span{
    font-weight: 600 !important;
}

/* Quote section */
#blog-details blockquote {
    margin: 0 !important;
    border: 0 none !important;
    background: #f8f8f8 !important;
    width: 100% !important;
    height: auto !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column !important;
    padding: 40px !important;
    margin-bottom: 30px !important;
    position: relative !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    font-family: Poppins !important;
}

/* Quote icon */
#blog-details blockquote:before {
    content: "" !important;
    display: inline-block;
    width: 3em !important;
    top: -15px !important;
    left:49% !important;
    height: 2em !important;
    background: no-repeat center/contain url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20fill='%23f7902f'%20d='M464%20256h-80v-64c0-35.3%2028.7-64%2064-64h8c13.3%200%2024-10.7%2024-24V56c0-13.3-10.7-24-24-24h-8c-88.4%200-160%2071.6-160%20160v240c0%2026.5%2021.5%2048%2048%2048h128c26.5%200%2048-21.5%2048-48V304c0-26.5-21.5-48-48-48zm-288%200H96v-64c0-35.3%2028.7-64%2064-64h8c13.3%200%2024-10.7%2024-24V56c0-13.3-10.7-24-24-24h-8C71.6%2032%200%20103.6%200%20192v240c0%2026.5%2021.5%2048%2048%2048h128c26.5%200%2048-21.5%2048-48V304c0-26.5-21.5-48-48-48z'%3E%3C/path%3E%3C/svg%3E");

}

#blog-details blockquote strong{
    font-weight: 600 !important;
}

/* Text within block quotes */
#blog-details blockquote p{
    padding-top: 20px !important;
    font-family: Poppins !important;
}

/* Nested Spans within quote section */
#blog-details blockquote p span{
    font-family: Poppins !important;
    line-height: 1.5 !important;
    width: 100% !important;
    text-align: left !important;
}

/* Top-level spans within quote section */
#blog-details blockquote span{
    width: 100% !important;
    text-align: left !important;
    line-height: 1.5 !important;
}

/* Final top-level span within quote section */
#blog-details blockquote span:last-of-type{
    display: block !important;
    text-align: center !important;
}

/* Final nested span within quote section */
#blog-details blockquote p span:last-of-type{
    display: block !important;
    text-align: center !important;
}

/* 2 Column Layouts  */
/* Child columns */
#blog-details .e-con-inner .e-con-full .e-flex .e-con .e-child{
    width: 50% !important;
}

/* Fix for heading section that is outside of the 2 column layout */
#blog-details .dual-col-break{
    padding-bottom: 0 !important;

}
/* Fix for text within 2 column layout that has a 'seperate' heading - see class above */
#blog-details .dual-col-break p{
    margin-bottom: 0 !important;
    padding-left: 0 !important;
}

/* Fix for child wrapper within 2 column layouts */
#blog-details .dual-col-break .e-con-inner .e-child{
    padding-left: 0px !important;
}

/* Remove top padding from child items*/
#blog-details .e-con-full .e-flex .e-con .e-child {
    padding-top: 0 !important;
}

/* Add padding back if the child directly contains an image */
#blog-details .e-con-full .e-flex .e-con .e-child img {
    padding-top: 10px !important; /* adjust to your original spacing */
}

/* Utility class that is applied manually to elements */
#blog-details .remove-left-padding{
    padding-left: 0 !important;
    p{
        padding-left: 0 !important;
    }
}

#blog-details article .wp-block-heading{
    margin-top: 0 !important;
}

#blog-details article p {
    margin: 16px 0 !important;
}

@media screen and (max-width: 767px) {
    #blog-details blockquote{
        margin-bottom: 0px !important;
        padding:25px !important;
        font-size: 16px !important;
    }
    #blog-details blockquote:before {
        left: 39% !important;
    }
    #blog-details .main-subheading-h2 p:first-of-type {
        font-size: 22px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    #blog-details .main-subheading-h3 p:first-of-type{
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .single .blog-details-single h3{
        font-weight: 600 !important;
        color: #000000 !important;
        text-transform: capitalize !important;
        font-size: 20px !important;
    }

    #blog-details .main-subheading-h3 p:first-of-type strong {
        font-size: 20px !important;
    }

    #blog-details .content .elementor-widget-image{
        width: 100% !important;
    }

    #blog-details .image img,
    #blog-details .elementor-widget-video,
    #blog-details article .blog-details-single .image img{
        width: auto !important;
        height: auto !important;
    }

    #blog-details h1{
        font-size: 26px !important;
    }

    #blog-details .wp-block-list{
        margin-bottom: 0 !important;
    }

    #blog-details .e-child:has(.elementor-widget-image){
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
    #blog-details blockquote span:last-of-type{
        text-align: left !important;
        padding-top: 10px !important;
    }

    /* Body */
    #blog-details div[data-element_type="container"] p:not(:has(strong)):not(:has(b)),
    #blog-details .main-subheading-h2 p:not(:first-of-type),
    #blog-details .content p,
    #blog-details .main-subheading-h3 p:not(:first-of-type),
    #blog-details [data-widget_type="text-editor.default"],
    #blog-details li{
        font-size: 16px !important;
    }


    #blog-details em{
        font-weight: 600 !important;
    }
    /* We only want it on em nodes within the body */
    #blog-details #intro-paragraph em{
        font-weight: unset !important;
    }

    #blog-details #intro-paragraph p {
        font-size: 18px !important;
    }

    #blog-details p.author-names{
        font-family: Poppins !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        color: #262B2E !important;
    }

    #blog-details article p em, #blog-details article p strong{
        font-weight: 600 !important;
        font-size: 16px !important;
        text-transform: unset !important;
    }

    #blog-details h2{
        font-size: 22px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    #blog-details h3{
        font-weight: 600 !important;
        color: #000000 !important;
        text-transform: capitalize !important;
        font-size: 20px !important;
    }
    /* Use rule below for weird images */
    
    #blog-details .image img,
    #blog-details .elementor-widget-video,
    #blog-details article .blog-details-single .image img{
        width: auto !important;
        height: auto !important;
        max-width:100% !important;
        min-height:unset !important;
    }
    
    #blog-details .content p#intro_fix{
    font-size: 16px !important;
}

}


#blog-details blockquote{
    height:200px !important;
}

</style>				</div>
					</div>
		</div>
					</div>
		</section>
				</div><p>The post <a href="https://webtonic.co.za/we-invest-in-talent-before-technology/">We Invest in Talent Before Technology  </a> first appeared on <a href="https://webtonic.co.za">Webtonic</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Custom Build or SaaS Platform?</title>
		<link>https://webtonic.co.za/custom-build-or-saas-platform/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Wed, 25 Mar 2026 07:31:54 +0000</pubDate>
				<category><![CDATA[Software Development]]></category>
		<guid isPermaLink="false">https://webtonic.co.za/?p=29992</guid>

					<description><![CDATA[<p>Custom Build or SaaS Platform? By Sithabile Mkhize   Have you ever had to decide whether to build custom software or buy an existing SaaS solution? It’s a critical choice that impacts your budget, launch timeline, and business operation. The difference between custom software and SaaS Let’s start by defining the two solutions. A custom</p>
<p>The post <a href="https://webtonic.co.za/custom-build-or-saas-platform/">Custom Build or SaaS Platform?</a> first appeared on <a href="https://webtonic.co.za">Webtonic</a>.</p>]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="29992" class="elementor elementor-29992" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-6faef4c e-flex e-con-boxed e-con e-parent" data-id="6faef4c" data-element_type="container" data-e-type="container" id="title-orange">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-6cf0c1c elementor-widget elementor-widget-heading" data-id="6cf0c1c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h1 class="elementor-heading-title elementor-size-default">Custom Build or SaaS Platform? </h1>				</div>
				<div class="elementor-element elementor-element-f0d9f2a elementor-widget elementor-widget-html" data-id="f0d9f2a" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
    /*
* GLOBAL
*/

/* Top image */
#blog-details .image img,
#blog-details .elementor-widget-video,
#blog-details article .blog-details-single .image img{
    width: 856px !important;
    height: auto !important;
    min-height: 448px !important;
}

#blog-details .remove-left-padding{
    padding-left: 0 !important;
    p{
        padding-left: 0 !important;
    }
}


div.elementor-widget-spacer{
    display: none !important;
}
.blog-content .row div[class^="col-"]{
    width: 50% !important;
}
.e-flex.e-con-boxed.e-con.e-parent{
    margin: 16px 0 !important;
}

.elementor-widget-text-editor:has(blockquote){
    margin-bottom: 16px !important;
}

#blog-details #blog-video-container {
    position: relative;
}

#blog-details #blog-video-caption{
    position: absolute;
    top:310px;
    width: 60%;
}

#blog-details #blog-video-heading{
    position: absolute;
    top:25px;
}

#blog-details .elementor-widget-video{
    max-width: 856px !important;
}


/* Default body text */
#blog-details [data-widget_type="text-editor.default"]{
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #262B2E !important;
}

#blog-details .e-child p{
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

#blog-details .content p {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #262B2E !important;
    text-align: left !important;

}

/* Top Heading */
#blog-details h1 {
    font-family: Poppins !important;
    font-size: 36px !important;
    font-weight: bold !important;
    color: #f7902f !important;
    text-transform: capitalize !important;
}

/* Author */
#blog-details .author-names p{
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;
}

/* Intro Paragraph */
#blog-details  #intro-paragraph p {
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;
}

/* 'H2' subheadings */
#blog-details .main-subheading-h2 p:first-of-type {
    font-family: Poppins !important;
    text-transform: capitalize !important;
    /*font-size: 28px !important;*/
    /*font-weight: 600 !important;*/
    color: #000000 !important;
}

/* Padding between H2 and text*/
.main-subheading-h2 p:first-of-type {
    margin-bottom: 16px !important
}

/* Body within 'H2' */
#blog-details .main-subheading-h2 p:not(:first-of-type) {
    font-family: Poppins !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #262B2E !important;

}

/* 'Bold' copy within 'H2 section */
#blog-details .main-subheading-h2 p:not(:first-of-type) > b {
    font-weight: 600 !important;
}

/* 'Italic' copy within 'H3' section */
#blog-details .main-subheading-h2 p:not(:first-of-type) em {
    font-weight: 600 !important;
}

/* 'H3' subheadings */
#blog-details .main-subheading-h3 p:first-of-type strong, .single .blog-details-single h3 {
    font-family: Poppins !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #000000 !important;
}

/* Padding between H3 and text*/
.main-subheading-h3 p:first-of-type {
    margin-bottom: 17px !important
}

/* Body withing 'H3' subheading*/
#blog-details .main-subheading-h3 p:not(:first-of-type) {
    font-family: Poppins !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #262B2E !important;
}

/* 'Bold' copy within 'H3' section */
#blog-details .main-subheading-h3 p:not(:first-of-type) > b {
    font-weight: 600 !important;
}

/* 'Italic' copy within 'H3' section */
#blog-details .main-subheading-h3 p:not(:first-of-type) em {
    font-weight: 600 !important;
}

#blog-details span[style="font-weight: bold;"], #blog-details span[style="font-weight: bolder;"]{
    font-weight: 600 !important;
}

/* All bullet points */
#blog-details li {
    font-weight: 400 !important;
    font-size: 18px !important;
    color: #262B2E !important;
}

/* Spans within bullet points */
#blog-details li span{
    font-weight: 600 !important;
}

/* Quote section */
#blog-details blockquote {
    margin: 0 !important;
    border: 0 none !important;
    background: #f8f8f8 !important;
    width: 100% !important;
    height: auto !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column !important;
    padding: 40px !important;
    position: relative !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    font-family: Poppins !important;
}

/* Quote icon */
#blog-details blockquote:before {
    content: "" !important;
    display: inline-block;
    width: 3em !important;
    top: -15px !important;
    left:49% !important;
    height: 2em !important;
    background: no-repeat center/contain url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20fill='%23f7902f'%20d='M464%20256h-80v-64c0-35.3%2028.7-64%2064-64h8c13.3%200%2024-10.7%2024-24V56c0-13.3-10.7-24-24-24h-8c-88.4%200-160%2071.6-160%20160v240c0%2026.5%2021.5%2048%2048%2048h128c26.5%200%2048-21.5%2048-48V304c0-26.5-21.5-48-48-48zm-288%200H96v-64c0-35.3%2028.7-64%2064-64h8c13.3%200%2024-10.7%2024-24V56c0-13.3-10.7-24-24-24h-8C71.6%2032%200%20103.6%200%20192v240c0%2026.5%2021.5%2048%2048%2048h128c26.5%200%2048-21.5%2048-48V304c0-26.5-21.5-48-48-48z'%3E%3C/path%3E%3C/svg%3E");

}

#blog-details blockquote strong{
    font-weight: 600 !important;
}

/* Text within block quotes */
#blog-details blockquote p{
    padding-top: 20px !important;
    font-family: Poppins !important;
}

/* Nested Spans within quote section */
#blog-details blockquote p span{
    font-family: Poppins !important;
    line-height: 1.5 !important;
    width: 100% !important;
    text-align: left !important;
}

/* Top-level spans within quote section */
#blog-details blockquote span{
    width: 100% !important;
    text-align: left !important;
    line-height: 1.5 !important;
}

/* Final top-level span within quote section */
#blog-details blockquote span:last-of-type{
    display: block !important;
    text-align: center !important;
}

/* Final nested span within quote section */
#blog-details blockquote p span:last-of-type{
    display: block !important;
    text-align: center !important;
}


/* 2 Column Layouts  */

/* Child columns */
#blog-details .e-con-inner .e-con-full .e-flex .e-con .e-child{
    width: 50% !important;
}

/* Fix for heading section that is outside of the 2 column layout */
#blog-details .dual-col-break{
    padding-bottom: 0 !important;

}
/* Fix for text within 2 column layout that has a 'seperate' heading - see class above */
#blog-details .dual-col-break p{
    margin-bottom: 0 !important;
    padding-left: 0 !important;
}

/* Fix for child wrapper within 2 column layouts */
#blog-details .dual-col-break .e-con-inner .e-child{
    padding-left: 0px !important;
}


/* Remove top padding from child items*/
#blog-details .e-con-full .e-flex .e-con .e-child {
    padding-top: 0 !important;
}

/* Add padding back if the child directly contains an image */
#blog-details .e-con-full .e-flex .e-con .e-child img {
    padding-top: 10px !important; /* adjust to your original spacing */
}

/* Utility class that is applied manually to elements */
/*#blog-details .remove-left-padding{
    padding-left: 0 !important;
    p{
        padding-left: 0 !important;
    }
}*/

/* Alternative template example: https://webtonic.co.za/recruiting-top-talent-in-2025/ */
#blog-details article {

}

#blog-details article .wp-block-heading{
    margin-top: 0px !important;
}

#blog-details article p {
    margin-top:15px !important;
    margin-bottom: 15px !important;
}

/*
#blog-details article p strong {
    font-family: Poppins !important;
    text-transform: capitalize !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    color: #000000 !important;
}
#blog-details article p:has(strong){
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}*/

#blog-details article .blog-details-single .image img{

}

/*#blog-details article .elementor-widget-text-editor p:first-of-type{
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;

}*/


/*
* DESKTOP
*/


/*
* TABLET
*/


/*
* MOBILE
*/

@media screen and (max-width: 767px) {
    #blog-details blockquote{
        margin-bottom: 0 !important;
        margin-top: 16px !important;
        padding:25px !important;
        font-size: 16px !important;
    }
    #blog-details blockquote:before {
        left: 39% !important;
    }
    #blog-details .main-subheading-h2 p:first-of-type {
        font-size: 22px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    #blog-details .main-subheading-h3 p:first-of-type{
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }


    .single .blog-details-single h3{
        font-weight: 600 !important;
        color: #000000 !important;
        text-transform: capitalize !important;
        font-size: 20px !important;
    }


    #blog-details .main-subheading-h3 p:first-of-type strong {
      font-size: 20px !important;
    }


    #blog-details .content .elementor-widget-image{
        width: 100% !important;
    }

    #blog-details .image img,
    #blog-details .elementor-widget-video,
    #blog-details article .blog-details-single .image img{
        width: auto !important;
        height: auto !important;
        min-height:unset !important;
    }

    #blog-details h1{
        font-size: 26px !important;
    }

    #blog-details .wp-block-list{
        margin-bottom: 0 !important;
    }

    #blog-details .e-child:has(.elementor-widget-image){
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
    #blog-details blockquote span:last-of-type{
        text-align: left !important;
        padding-top: 10px !important;
    }

    /* Body */
    #blog-details div[data-element_type="container"] p:not(:has(strong)):not(:has(b)),
    #blog-details .main-subheading-h2 p:not(:first-of-type),
    #blog-details .content p,
    #blog-details .main-subheading-h3 p:not(:first-of-type),
    #blog-details [data-widget_type="text-editor.default"],
    #blog-details li{
        font-size: 16px !important;
    }


    #blog-details em{
        font-weight: 600 !important;
    }
    /* We only want it on em nodes within the body */
    #blog-details #intro-paragraph em{
        font-weight: unset !important;
    }

    #blog-details #intro-paragraph p/*,
    #blog-details .content p:has(strong)*/ {
        font-size: 18px !important;
    }

    #blog-details #blog-video-container {

    }

    #blog-details #blog-video-caption{
        top:100px !important;
    }
    #blog-details #blog-video-caption p{
        font-size: 10px !important;
        font-weight: 400 !important;
    }

    #blog-details #blog-video-heading h4{
       font-size: 12px !important;
        font-weight: 600;

    }


    /* For alternative template */
    #blog-details p.author-names{
        font-family: Poppins !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        color: #262B2E !important;
    }

    #blog-details article p em, #blog-details article p strong{
        font-weight: 600 !important;
        font-size: 16px !important;
        text-transform: unset !important;
    }

    #blog-details h2{
        font-size: 22px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    #blog-details h3{
        font-weight: 600 !important;
        color: #000000 !important;
        text-transform: capitalize !important;
        font-size: 20px !important;
    }

    .blog-content .row div[class^="col-"]{
        width: unset !important;
    }
    #container-fix{
        margin-top:-30px !important;
    }
    #h3-subsection-block{
        margin-top: -14px !important;
    }

    .e-flex.e-con-boxed.e-con.e-parent{
        margin-bottom:0 !important;
    }

    .e-flex.e-con-boxed.e-con.e-parent:has(blockquote), .e-flex.e-con-boxed.e-con.e-parent:has(blockquote) blockquote{
        margin:0 !important;
    }

    /*
    .e-con-inner .e-child{
        padding: 0 !important;
    }
*/
}

/* For mobile */
/* padding between sections - bottom 16px top 31px*/
/* padding between paragaphs within a section 15px */
/* padding between li items 10px */


/* For Desktop */
/* padding between sections - bottom 15px top 45px*/
/* padding between paragaphs within a section 15px */
/* padding between li items 10px */

@media screen and (max-width: 767px) {
    #blog-details h1{
        font-size: 32px !important;
    }
    
        #blog-details #intro-paragraph p{
        font-size: 16px !important;
    }
    
    #container-fix.margin-top-mobile-only{
        padding-top: 20px !important;
    }
}

/* Fix for spacing between H1 - Author name - First Paragraph update data-elementor-id as needed */
.content div[data-elementor-id="24306"] .e-con-inner{
    gap: 0 !important;
}

div.e-flex.e-con-boxed.e-con.e-parent{
    margin:0 !important;
}

div.e-con-inner{
    padding-block-start: 0 !important;
    padding-block-end:0 !important;
}



#blog-details .author-names p{
    margin-top: 0 !important;
}

.categories a{
    text-decoration: underline !important;
}

</style>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-0569625 author-names e-flex e-con-boxed e-con e-parent" data-id="0569625" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-9b47489 author-names elementor-widget elementor-widget-text-editor" data-id="9b47489" data-element_type="widget" data-e-type="widget" id="remove-margin-top" data-widget_type="text-editor.default">
									<p>By Sithabile Mkhize</p><p> </p>								</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-e0b40d2 e-flex e-con-boxed e-con e-parent" data-id="e0b40d2" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-83e4a5f elementor-widget elementor-widget-text-editor" data-id="83e4a5f" data-element_type="widget" data-e-type="widget" id="intro-paragraph" data-widget_type="text-editor.default">
									<p>Have you ever had to decide whether to build custom software or buy an existing SaaS solution? It’s a critical choice that impacts your budget, launch timeline, and business operation.</p>								</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-12249bc e-con-full  dual-col-break e-flex e-con e-parent" data-id="12249bc" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-b5c7176 main-subheading-h2 elementor-widget elementor-widget-text-editor" data-id="b5c7176" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><strong>The difference between custom software and SaaS</strong></p><p>Let’s start by defining the two solutions.</p><p>A custom software solution entails building your software from the ground up. It requires collaboration between the relevant business stakeholders who provide the vision, budget and strategy behind the solution, and the technical teams who implement and build the solution.</p><p>A Software as a Service (SaaS) solution is a third-party, cloud-based platform that offers ready-to-use software managed by a vendor. The vendor manages the responsibilities of underlying infrastructure, hosting, maintenance, and new feature development. The customer integrates with the service through a subscription.</p><p>We can already deduce that these are two very different paths and that the choice will affect whether you meet your business objectives or not.</p><p>Before we decide on the winning choice, let’s unpack a few factors that we need to consider before deciding.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-fb480de e-con-full  dual-col-break e-flex e-con e-parent" data-id="fb480de" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-907151a main-subheading-h2 elementor-widget elementor-widget-text-editor" data-id="907151a" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><strong>Key Factors to Consider</strong></p><p>Here are a few factors to consider before deciding which option to choose:</p>								</div>
				</div>
		<div class="elementor-element elementor-element-5c53646 margin-top-mobile-only e-flex e-con-boxed e-con e-parent" data-id="5c53646" data-element_type="container" data-e-type="container" id="container-fix">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-3e88c9b e-con-full remove-left-padding e-flex e-con e-child" data-id="3e88c9b" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0cc9a19 elementor-widget elementor-widget-text-editor" data-id="0cc9a19" data-element_type="widget" data-e-type="widget" id="remove-extra-padding-split" data-widget_type="text-editor.default">
									<p><strong>1. Speed to Market</strong></p><p>It is important to figure out your ideal project timeline and when you foresee your users onboarding onto your final product. Building requires comprehensive planning, identifying the requirements and scope before going into development and testing, which usually requires a minimum of a few months. When choosing a SaaS solution, integration and setup is relatively quick which means faster time to market.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-bb67d3b e-con-full e-flex e-con e-child" data-id="bb67d3b" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-d153e99 elementor-widget elementor-widget-image" data-id="d153e99" data-element_type="widget" data-e-type="widget" id="extra-pad-half" data-widget_type="image.default">
															<img fetchpriority="high" decoding="async" width="385" height="232" src="https://webtonic.co.za/wp-content/uploads/2026/03/man-looking-at-cyberspace.png" class="attachment-medium_large size-medium_large wp-image-30093" alt="Custom Build or SaaS Platform" srcset="https://webtonic.co.za/wp-content/uploads/2026/03/man-looking-at-cyberspace.png 385w, https://webtonic.co.za/wp-content/uploads/2026/03/man-looking-at-cyberspace-300x181.png 300w, https://webtonic.co.za/wp-content/uploads/2026/03/man-looking-at-cyberspace-370x223.png 370w" sizes="(max-width: 385px) 100vw, 385px" />															</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-6d9fc2f e-flex e-con-boxed e-con e-parent" data-id="6d9fc2f" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-55e8400 elementor-widget elementor-widget-text-editor" data-id="55e8400" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<h3> </h3><p><strong><span class="TextRun SCXW195281629 BCX8" lang="EN-ZA" xml:lang="EN-ZA" data-contrast="auto"><span class="NormalTextRun SCXW195281629 BCX8">2. Costs</span></span></strong></p><p>Building software means having a budget that will cover hosting infrastructure, a development team, third-party API’s, software licenses and development environments.</p><p>A SaaS platform is usually up and running and only requires a subscription that is either fixed or uses a pay-as-you-go model. The SaaS subscription cost is likely to increase as you scale your business.</p>								</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-a13814f e-con-full e-flex e-con e-parent" data-id="a13814f" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ab91136 elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="ab91136" data-element_type="widget" data-e-type="widget" id="extra-pad" data-widget_type="image.default">
															<img decoding="async" width="377" height="247" src="https://webtonic.co.za/wp-content/uploads/2026/03/men-sitting-at-desks.png" class="attachment-medium_large size-medium_large wp-image-30097" alt="" srcset="https://webtonic.co.za/wp-content/uploads/2026/03/men-sitting-at-desks.png 377w, https://webtonic.co.za/wp-content/uploads/2026/03/men-sitting-at-desks-300x197.png 300w, https://webtonic.co.za/wp-content/uploads/2026/03/men-sitting-at-desks-370x242.png 370w" sizes="(max-width: 377px) 100vw, 377px" />															</div>
		<div class="elementor-element elementor-element-ac7a1b7 e-con-full e-flex e-con e-child" data-id="ac7a1b7" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-09b4041 elementor-widget elementor-widget-text-editor" data-id="09b4041" data-element_type="widget" data-e-type="widget" id="remove-extra-padding-split" data-widget_type="text-editor.default">
									<p><strong>3. Talent/Resources </strong></p><p>Building software requires the talent/teams that have the expertise to successfully develop your envisioned product.</p><p>Buying a SaaS generally does not require development teams since it’s a ready to use product.</p>								</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-c8ed907 e-flex e-con-boxed e-con e-parent" data-id="c8ed907" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-60442e4 elementor-widget elementor-widget-text-editor" data-id="60442e4" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<h3> </h3><p><strong>4. Maintenance</strong></p><p>With your own custom-built software, the responsibility of maintenance falls on you to ensure it remains operational and secure.</p><p>With a SaaS solution, your chosen vendor manages the maintenance of the product, but you are your user’s first point of call when they need to raise support issues.</p>								</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-f44719e e-flex e-con-boxed e-con e-parent" data-id="f44719e" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-a54989f elementor-widget elementor-widget-text-editor" data-id="a54989f" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<h2> </h2><p><b><span data-contrast="auto">When it makes sense to buy</span></b><span data-ccp-props="{&quot;335551550&quot;:6,&quot;335551620&quot;:6}"> </span></p><p><span data-contrast="auto">It is advisable to buy an established SaaS solution if it acts as a support to your processes and isn’t the core of your offering. Integration with an existing e-commerce platform, for example, can speed up your launch date, reduce the need to have a technical team for setting up your ecommerce site, take away the responsibility of maintenance, reduce risk by it having a pay-as-you-go or fixed subscription rate and provide a third-party supported end-to-end system that handles product catalogue display, online payments and delivery. </span><span data-ccp-props="{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559685&quot;:0,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:278}"> </span></p><p><span data-contrast="auto">Using a tried and tested SaaS vendor can also build trust with your customers because it gives them an assurance that they are purchasing from a reputable ecommerce site. </span><span data-ccp-props="{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559685&quot;:0,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:278}"> </span></p><p><span data-ccp-props="{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559685&quot;:0,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:278}"> </span></p><p><b><span data-contrast="auto">When it makes sense to build</span></b><span data-ccp-props="{&quot;335551550&quot;:6,&quot;335551620&quot;:6}"> </span></p><p><span data-contrast="auto">The following are all plausible reasons to build your own site. SaaS solutions may have functional limitations that do not have sustainable workarounds. When you need your online store to have custom workflows, or you prefer to maintain your own infrastructure.  If you do not want to pay SaaS platform fees that are ongoing.  </span><span data-ccp-props="{&quot;335551550&quot;:6,&quot;335551620&quot;:6}"> </span></p><p><span data-contrast="auto">Another argument for building can be if you need your online store to be the core of your business operations and you prefer to have more control over development and maintenance. </span><span data-ccp-props="{&quot;335551550&quot;:6,&quot;335551620&quot;:6}"> </span></p><p><span data-ccp-props="{&quot;335551550&quot;:6,&quot;335551620&quot;:6}"> </span></p><p><b><span data-contrast="auto">Conclusion, which option is better? </span></b><span data-ccp-props="{&quot;335551550&quot;:6,&quot;335551620&quot;:6}"> </span></p><p><span data-contrast="auto">There is no perfect answer to the question of whether building or buying is better. What is advisable is to identify what your business needs and strategy are. And then to choose a path that will enable you to achieve your business goals.  </span><span data-ccp-props="{&quot;335551550&quot;:6,&quot;335551620&quot;:6}"> </span></p><p><span data-ccp-props="{&quot;335551550&quot;:6,&quot;335551620&quot;:6}"> </span></p>								</div>
					</div>
				</div>
				</div><p>The post <a href="https://webtonic.co.za/custom-build-or-saas-platform/">Custom Build or SaaS Platform?</a> first appeared on <a href="https://webtonic.co.za">Webtonic</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>The art of mentoring (yes, AI Included)</title>
		<link>https://webtonic.co.za/the-art-of-mentoring-yes-ai-included/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 02 Feb 2026 08:45:06 +0000</pubDate>
				<category><![CDATA[Software Development]]></category>
		<guid isPermaLink="false">https://webtonic.co.za/?p=29110</guid>

					<description><![CDATA[<p>The art of mentoring (yes, AI Included)  By Michelle Mortimer   Mentoring young developers has always been challenging. Finding that balance between teaching in a way that helps them grow, allowing them the space to figure things out and not just giving them the answers, is an ongoing balancing act. However, if done right, it</p>
<p>The post <a href="https://webtonic.co.za/the-art-of-mentoring-yes-ai-included/">The art of mentoring (yes, AI Included)</a> first appeared on <a href="https://webtonic.co.za">Webtonic</a>.</p>]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="29110" class="elementor elementor-29110" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-00eb91c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="00eb91c" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2b9be09" data-id="2b9be09" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-8579fcb elementor-widget elementor-widget-text-editor" data-id="8579fcb" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<h1>The art of mentoring (yes, AI Included) </h1><p id="author-names">By Michelle Mortimer</p><p> </p><div><p>Mentoring young developers has always been challenging. Finding that balance between teaching in a way that helps them grow, allowing them the space to figure things out and not just giving them the answers, is an ongoing balancing act.</p><p>However, if done right, it can be the most rewarding experience for everyone involved.</p><p>A new question I was recently faced with was, how do we adapt mentoring with the abundance of AI tool now available to us such as ChatGPT, CoPilot or Claude.</p><p>In my experience I don’t believe it is about fighting the tools but rather teaching people to think critically while embracing the change.</p><p>So how do we assist those entering the workforce with this natural dependence on AI?</p><p>Simple: we need to rethink mentoring for the AI age. And that starts with both sides understanding their role.</p><p>Mentoring is not a spectator sport; it is a relationship built on trust with both putting in the effort. Let’s have a look at how each party can make the most of the opportunity.</p><p>What can the mentee do to ensure success?</p><p>Show up prepared to sessions and ready to learn. Schedule the meetings to ensure both parties have set aside focus time to be present in the session and if possible, prepare specific questions on what you would like to ask. It is important for you to also take notes for reference at a later stage, if needed.</p><p>Honesty is crucial, no one is expecting you to understand everything when first starting out. Be sure to ask why. Hiding confusion can lead to issues later down the line and end up hindering growth.</p><p>It is important to communicate early when stuck on a problem. Learn the difference between what can be solved through trouble shooting, +- 30min and what is the start of a rabbit hole spiral that sets you back 3 days in silence.</p><p>Regarding AI usage, be transparent. There is nothing wrong with using AI, it is a useful tool. The problem comes when copying AI code, you don’t understand, into a project. If the solution has been crafted using AI and you don’t understand, consider starting the mentoring sessions with a statement like<em>, </em></p><p><em>“Hey, I’ve used AI to come up with this solution. However, I don’t fully understand what it is doing? Can we go through it together?”</em></p><p>This approach allows for a learning opportunity and great collaboration.</p><p><strong> </strong></p><h2>How should the Mentor play their part?</h2><p>Firstly, being a good developer does not automatically mean you will be a good mentor. Mentoring takes skill, patience and understanding of where your mentee is in their current journey.</p><p>With anything that is worth doing, this will take time. Ensure you show up consistently and block out real time to make a difference. Be present in the sessions.</p><p>When peer programming, verbally talk through what you are doing while solving the problem. It is a great way for your mentee to pick up your thought process and try emulating it.</p><p>Make your interactions a safe space. A mentee that feels safe to fail is more likely to try new things and take calculated risks. Your first code review will set the tone for this. You want to create an environment where questions and discussions are encouraged and not one where people are trying to hide their mistakes.</p><p>Always explain the ‘Why’, not just the ‘How’. Your job is to explain the why: “Why this chosen Architecture”, ‘Why this pattern”, “Why this business decision”. AI can tell them how to do something, but the why builds understanding and proper informed application.</p><p>Next is the modern dilemma, how to embrace AI, but still teach critical thinking. AI will be used whether you approve or not, that is the reality of the world we live in. So instead of fighting it, teach them to use it responsibly. Encourage them to look at the results critically and ask questions like:</p><p><em>“Is this actually a good suggestion?”<br />“Does this fit the code base?”<br />“Does it adhere to our best practices?”<br />“Is there possibly any security issue I’m not seeing?”</em><br /><strong><br /></strong>When starting a code review, lead with questions similar to:</p><p><em>“Walk me through what this does.”<br />“Why do you think the AI chose this approach?”<br />“Is there anything you would like to change?”</em></p><p>Lastly, avoid the curse of knowledge. Years of experience makes certain aspects of coding appear obvious, however, try to remember that you too were once fresh out of college, terrified, lost and React hooks made zero sense.</p><p><strong>And here is something important: stay open to learning from your mentee too. </strong>They are coming in with fresh ideas, perspectives, exposure to new tooling and different ways of approaching problems. Some of my best learning moments have come from a graduate showing me new techniques I had never considered. Great mentoring is not just a one-way street – it is a conversation.</p><p><strong>When in doubt: Be the Mentor you wish you had when starting out!</strong></p><p><strong> </strong></p><p><b>What should be avoided?</b></p><p>There are common mistakes, from both sides, that should be avoided to ensure the best outcome from this process.</p><p><b>From mentees:</b></p><p>Don’t treat your mentor like a search engine, they are not just a faster version of AI. Ask why and learn.</p><p>Copy-pasting without understanding will lead to a world of trouble. This applies to both traditional platforms, such as Stack Overflow, as well as AI.</p><p>Not asking for help early enough. There is not much anyone can do to assist when a deadline looms if they were not aware of the issue.</p><p>Asking the same question, repeatedly. Take notes and learn.</p><p><strong>From mentors:</strong></p><p>Don’t just give the answer, you are missing an opportunity to teach problem-solving.</p><p>Dismissing new tools, such as AI, without offering alternatives and guidance.</p><p>Not making yourself available and constantly cancelling meetings.</p><p>Avoiding difficult feedback.</p><h2>The reality of AI</h2><p>Let’s stop pretending that AI isn’t now commonplace in development. The question is not whether juniors will use it, they will. The question is whether we teach them to use it responsibly with understanding.</p><p>Your job as a mentor is to ensure they know the difference between good AI usage and bad.</p><p>Good being, using AI to explain why a hash map was used over an array in a certain instance. As opposed to bad being, copy-paste, ship and have no idea how it works when it breaks production.</p><p>Take the time to teach them that difference. Review the AI code together, show them what a good prompt looks like, help them identify when AI is confidently giving them the wrong answer.</p><h2> The bottom line</h2><p>The goal of great mentoring is to build judgment, not just create another code pusher. It is about teaching someone to think through a problem and evaluate solutions critically. It is about growing a developer that will no longer need you looking over their shoulder.</p><p>It requires time, consistency and equal investment from both parties. The mentor needs to create the safe space for learning and genuinely want to see their mentee succeed. The mentee needs to be masters of their own destiny and own their own growth.</p><p>The best part, if you get it right, you are not only building better developers, but you are also building someone who will one day go on to mentor the next generation the same way you showed them.</p><p><strong>Be the example they want to aspire to, not the cautionary tale they advise others to avoid.</strong></p></div><p><!-- /wp:heading --></p>								</div>
				<div class="elementor-element elementor-element-388d773 elementor-widget elementor-widget-html" data-id="388d773" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>

#blog-details .content p#intro_fix{
    font-weight: 500 !important;
    font-size: 20px !important;
}


/*Fix for categories with alot of text*/
#blog-details .blog-categories .categories {
    row-gap: 5px !important;
}

/*Default author block*/
.aioseo-author-bio-compact{
    display: none !important;
}

#blog-details .image img,
#blog-details .elementor-widget-video,
#blog-details article .blog-details-single .image img{
    width: 856px !important;
    height: auto !important;
    min-height: 448px !important;
}

#blog-details  p > b, p > strong{
    font-weight: 600 !important;
}

#blog-details  .content p#author-names{
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;
}

p em{
    font-weight: 600 !important;
}

#blog-details a{
    text-decoration: underline !important;
}

/* Default body text */
#blog-details [data-widget_type="text-editor.default"]{
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #262B2E !important;
}

#blog-details .e-child p{
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

#blog-details .content p {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #262B2E !important;
    text-align: left !important;
}

/* Top Heading */
#blog-details h1,  #blog-details h1 span{
    font-family: Poppins !important;
    font-size: 36px !important;
    font-weight: bold !important;
    color: #f7902f !important;
    text-transform: capitalize !important;
}

/* Author */
#blog-details .author-names p{
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;
}

/* Intro Paragraph */
#blog-details  #intro-paragraph p {
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;
}

/* 'H2' subheadings */
#blog-details .main-subheading-h2 p:first-of-type {
    font-family: Poppins !important;
    text-transform: capitalize !important;
    font-size: 28px !important;
    font-weight: bold !important;
    color: #000000 !important;
}

#blog-details h2,#blog-details h2 > strong {
    font-family: Poppins !important;
    text-transform: capitalize !important;
    font-size: 28px !important;
    font-weight: bold !important;
    color: #000000 !important;
    margin:40px 0 17px 0 !important;
}

#blog-details h3{
    font-family: Poppins !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #000000 !important;
}

/* Padding between H2 and text*/
.main-subheading-h2 p:first-of-type {
    margin-bottom: 17px !important
}

/* Body within 'H2' */
#blog-details .main-subheading-h2 p:not(:first-of-type) {
    font-family: Poppins !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #262B2E !important;

}

/* 'Bold' copy within 'H2 section */
#blog-details .main-subheading-h2 p:not(:first-of-type) > b {
    font-weight: 600 !important;
}

/* 'Italic' copy within 'H3' section */
#blog-details .main-subheading-h2 p:not(:first-of-type) em {
    font-weight: 600 !important;
}

/* 'H3' subheadings */
#blog-details .main-subheading-h3 p:first-of-type, .single .blog-details-single h3 {
    font-family: Poppins !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #000000 !important;
}

/* Padding between H3 and text*/
.main-subheading-h3 p:first-of-type {
    margin-bottom: 17px !important
}

/* Body withing 'H3' subheading*/
#blog-details .main-subheading-h3 p:not(:first-of-type) {
    font-family: Poppins !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #262B2E !important;
}

/* 'Bold' copy within 'H3' section */
#blog-details .main-subheading-h3 p:not(:first-of-type) > b {
    font-weight: 600 !important;
}

/* 'Italic' copy within 'H3' section */
#blog-details .main-subheading-h3 p:not(:first-of-type) em {
    font-weight: 600 !important;
}

#blog-details span[style="font-weight: bold;"], #blog-details span[style="font-weight: bolder;"]{
    font-weight: 600 !important;
}

/* All bullet points */
#blog-details li {
    font-weight: 400 !important;
    font-size: 18px !important;
    color: #262B2E !important;
}

/* Spans within bullet points */
#blog-details li span{
    font-weight: 600 !important;
}

/* Quote section */
#blog-details blockquote {
    margin: 0 !important;
    border: 0 none !important;
    background: #f8f8f8 !important;
    width: 100% !important;
    height: auto !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column !important;
    padding: 40px !important;
    margin-bottom: 30px !important;
    position: relative !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    font-family: Poppins !important;
}

/* Quote icon */
#blog-details blockquote:before {
    content: "" !important;
    display: inline-block;
    width: 3em !important;
    top: -15px !important;
    left:49% !important;
    height: 2em !important;
    background: no-repeat center/contain url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20fill='%23f7902f'%20d='M464%20256h-80v-64c0-35.3%2028.7-64%2064-64h8c13.3%200%2024-10.7%2024-24V56c0-13.3-10.7-24-24-24h-8c-88.4%200-160%2071.6-160%20160v240c0%2026.5%2021.5%2048%2048%2048h128c26.5%200%2048-21.5%2048-48V304c0-26.5-21.5-48-48-48zm-288%200H96v-64c0-35.3%2028.7-64%2064-64h8c13.3%200%2024-10.7%2024-24V56c0-13.3-10.7-24-24-24h-8C71.6%2032%200%20103.6%200%20192v240c0%2026.5%2021.5%2048%2048%2048h128c26.5%200%2048-21.5%2048-48V304c0-26.5-21.5-48-48-48z'%3E%3C/path%3E%3C/svg%3E");

}

#blog-details blockquote strong{
    font-weight: 600 !important;
}

/* Text within block quotes */
#blog-details blockquote p{
    padding-top: 20px !important;
    font-family: Poppins !important;
}

/* Nested Spans within quote section */
#blog-details blockquote p span{
    font-family: Poppins !important;
    line-height: 1.5 !important;
    width: 100% !important;
    text-align: left !important;
}

/* Top-level spans within quote section */
#blog-details blockquote span{
    width: 100% !important;
    text-align: left !important;
    line-height: 1.5 !important;
}

/* Final top-level span within quote section */
#blog-details blockquote span:last-of-type{
    display: block !important;
    text-align: center !important;
}

/* Final nested span within quote section */
#blog-details blockquote p span:last-of-type{
    display: block !important;
    text-align: center !important;
}

/* 2 Column Layouts  */
/* Child columns */
#blog-details .e-con-inner .e-con-full .e-flex .e-con .e-child{
    width: 50% !important;
}

/* Fix for heading section that is outside of the 2 column layout */
#blog-details .dual-col-break{
    padding-bottom: 0 !important;

}
/* Fix for text within 2 column layout that has a 'seperate' heading - see class above */
#blog-details .dual-col-break p{
    margin-bottom: 0 !important;
    padding-left: 0 !important;
}

/* Fix for child wrapper within 2 column layouts */
#blog-details .dual-col-break .e-con-inner .e-child{
    padding-left: 0px !important;
}

/* Remove top padding from child items*/
#blog-details .e-con-full .e-flex .e-con .e-child {
    padding-top: 0 !important;
}

/* Add padding back if the child directly contains an image */
#blog-details .e-con-full .e-flex .e-con .e-child img {
    padding-top: 10px !important; /* adjust to your original spacing */
}

/* Utility class that is applied manually to elements */
#blog-details .remove-left-padding{
    padding-left: 0 !important;
    p{
        padding-left: 0 !important;
    }
}

#blog-details article .wp-block-heading{
    margin-top: 0 !important;
}

#blog-details article p {
    margin: 16px 0 !important;
}

@media screen and (max-width: 767px) {
    #blog-details blockquote{
        margin-bottom: 0px !important;
        padding:25px !important;
        font-size: 16px !important;
    }
    #blog-details blockquote:before {
        left: 39% !important;
    }
    #blog-details .main-subheading-h2 p:first-of-type {
        font-size: 22px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    #blog-details .main-subheading-h3 p:first-of-type{
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .single .blog-details-single h3{
        font-weight: 600 !important;
        color: #000000 !important;
        text-transform: capitalize !important;
        font-size: 20px !important;
    }

    #blog-details .main-subheading-h3 p:first-of-type strong {
        font-size: 20px !important;
    }

    #blog-details .content .elementor-widget-image{
        width: 100% !important;
    }

    #blog-details .image img,
    #blog-details .elementor-widget-video,
    #blog-details article .blog-details-single .image img{
        width: auto !important;
        height: auto !important;
    }

    #blog-details h1{
        font-size: 26px !important;
    }

    #blog-details .wp-block-list{
        margin-bottom: 0 !important;
    }

    #blog-details .e-child:has(.elementor-widget-image){
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
    #blog-details blockquote span:last-of-type{
        text-align: left !important;
        padding-top: 10px !important;
    }

    /* Body */
    #blog-details div[data-element_type="container"] p:not(:has(strong)):not(:has(b)),
    #blog-details .main-subheading-h2 p:not(:first-of-type),
    #blog-details .content p,
    #blog-details .main-subheading-h3 p:not(:first-of-type),
    #blog-details [data-widget_type="text-editor.default"],
    #blog-details li{
        font-size: 16px !important;
    }


    #blog-details em{
        font-weight: 600 !important;
    }
    /* We only want it on em nodes within the body */
    #blog-details #intro-paragraph em{
        font-weight: unset !important;
    }

    #blog-details #intro-paragraph p {
        font-size: 18px !important;
    }

    #blog-details p.author-names{
        font-family: Poppins !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        color: #262B2E !important;
    }

    #blog-details article p em, #blog-details article p strong{
        font-weight: 600 !important;
        font-size: 16px !important;
        text-transform: unset !important;
    }

    #blog-details h2{
        font-size: 22px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    #blog-details h3{
        font-weight: 600 !important;
        color: #000000 !important;
        text-transform: capitalize !important;
        font-size: 20px !important;
    }
    /* Use rule below for weird images */
    
    #blog-details .image img,
    #blog-details .elementor-widget-video,
    #blog-details article .blog-details-single .image img{
        width: auto !important;
        height: auto !important;
        max-width:100% !important;
        min-height:unset !important;
    }
    
    #blog-details .content p#intro_fix{
    font-size: 16px !important;
}

}


#blog-details blockquote{
    height:200px !important;
}

</style>				</div>
					</div>
		</div>
					</div>
		</section>
				</div><p>The post <a href="https://webtonic.co.za/the-art-of-mentoring-yes-ai-included/">The art of mentoring (yes, AI Included)</a> first appeared on <a href="https://webtonic.co.za">Webtonic</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>The importance of “Play”</title>
		<link>https://webtonic.co.za/the-importance-of-play-and-the-part-it-plays-in-high-pressure-delivery-environments/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 13 Oct 2025 14:07:02 +0000</pubDate>
				<category><![CDATA[Software Development]]></category>
		<category><![CDATA[#newteam]]></category>
		<category><![CDATA[#softwaredevelopment]]></category>
		<category><![CDATA[#userexperience]]></category>
		<guid isPermaLink="false">https://webtonic.co.za/?p=27147</guid>

					<description><![CDATA[<p>The importance of “Play” By Michelle Mortimer   We live in a fast-moving, blink and you will miss it, kind of world and software development is no different. With the constant pressure to deliver, the art of play often silently vanishes from the team culture. Most software development teams are constantly under pressure to deliver:</p>
<p>The post <a href="https://webtonic.co.za/the-importance-of-play-and-the-part-it-plays-in-high-pressure-delivery-environments/">The importance of “Play”</a> first appeared on <a href="https://webtonic.co.za">Webtonic</a>.</p>]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="27147" class="elementor elementor-27147" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-5b3d3fbb e-flex e-con-boxed e-con e-parent" data-id="5b3d3fbb" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-38d4e8b elementor-widget elementor-widget-text-editor" data-id="38d4e8b" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									
<h1 class="wp-block-heading">The importance of “Play”</h1>
<p id="author-names">By Michelle Mortimer</p>
<p> </p>
<p>We live in a fast-moving, blink and you will miss it, kind of world and software development is no different. With the constant pressure to deliver, the art of <strong>play</strong> often silently vanishes from the team culture.</p>
<p>Most software development teams are constantly under pressure to deliver: to ship features, fix bugs, meet client demands and stay ahead of the competition. Not to mention staying relevant skills wise in an ever-changing digital landscape. <br /><br />I’m not saying the pressure itself is inherently bad, many of us thrive on the challenge it presents. I’m suggesting that it is ultimately not beneficial to long term sustainability and a happy, high performing team environment. The unrelenting pressure and no space for relief, will inevitably lead to cracks and if not addressed, eventually possible burnout. Burnout doesn’t just happen when we’re busy, it happened when we’re disconnected from purpose, creativity and each other.</p>
<p> </p>
<h2><strong>Why play?</strong></h2>
<p>Play creates moments of lightness within a team. It provides a release of tension and stress, without abandoning productivity. Play can be anything from inside jokes, to challenging each other with problem-solving games, spontaneous brainstorming, funny memes or friendly competition in the break room. <br /><br />By introducing and encouraging play within a team improvements will be seen in Mental well-being, teamwork and cohesion, out of the box thinking and resilience to burnout. Play does not have to be long, as little as a 15min mental break can help reset the mind. Including multiple mini breaks such as these can help prevent the slide into exhaustion and fatigue.</p>
<p>Laughing together allows us to connect. It builds trust and strong bonds. It provides a place where you can feel safe to contribute.</p>
<p> </p>
<h3><strong>The cost of no play?</strong></h3>
<p>The “always on” mindset may produce short term wins, however long term it is not sustainable. It can lead to the eventual burnt-out engineers, decrease in quality as more mistakes are made and degrading morale leading to higher turnover of team members.</p>
<p>The long-term goal or prioritising delivery over the human element of sustainability is a trade-off that you cannot afford for long.</p>
<p> </p>
<h3><strong>What can Play look like?</strong></h3>
<p>Play does not have to be complicated; you do not need ping-pong tables. Start small, start simple. Gamify learning with trivia, hackathons and “bug bounties”. Add humour and games to retros. Use funny gifs to mark milestones and celebrate wins. Create playful rituals like “meme challenges”. These interactions are not distractions, they are investments into your team’s health, creativity and cohesion.</p>
<p> </p>
<h2><strong>Conclusion</strong></h2>
<p>If you leave a dev team, ask yourself, when last did your team laugh together? Do your engineers feel safe to take a much-needed breath, try something new or just be human? <br /><br />If you’re not sure on either of the above, it might be time to bring play back. Not just as a perk but as a core part of sustainable team culture.</p>
<p>Always remember, play is not the opposite of work, it’s what makes work sustainable. Especially in high-pressure environments.</p>
								</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-676d927 e-flex e-con-boxed e-con e-parent" data-id="676d927" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-5a38fee elementor-widget elementor-widget-html" data-id="5a38fee" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
    /*
* GLOBAL
*/

div.tag-list{
 display: none !important;    
}


/* Top image */
#blog-details .image img,
#blog-details .elementor-widget-video,
#blog-details article .blog-details-single .image img{
    width: 856px !important;
    height: auto !important;
    min-height: 448px !important;
}

#blog-details  p > b, p > strong{
    font-weight: 600 !important;
}

#blog-details  .content p#author-names{
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;
}

p em{
    font-weight: 600 !important;
}


#blog-details .elementor-widget-video{
    max-width: 856px !important;
}

#blog-details a{
    text-decoration: underline !important;
}

    /* Default body text */
#blog-details [data-widget_type="text-editor.default"]{
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #262B2E !important;
}

#blog-details .e-child p{
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

#blog-details .content p {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #262B2E !important;
    text-align: left !important;

}

/* Top Heading */
#blog-details h1 {
    font-family: Poppins !important;
    font-size: 36px !important;
    font-weight: bold !important;
    color: #f7902f !important;
    text-transform: capitalize !important;
}

/* Author */
#blog-details .author-names p{
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;
}

/* Intro Paragraph */
#blog-details  #intro-paragraph p {
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;
}

/* 'H2' subheadings */
#blog-details .main-subheading-h2 p:first-of-type {
    font-family: Poppins !important;
    text-transform: capitalize !important;
    font-size: 28px !important;
    font-weight: bold !important;
    color: #000000 !important;
}

#blog-details h2,#blog-details h2 > strong {
    font-family: Poppins !important;
    text-transform: capitalize !important;
    font-size: 28px !important;
    font-weight: bold !important;
    color: #000000 !important;
    margin:40px 0 17px 0 !important;
}

#blog-details h3{
    font-family: Poppins !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #000000 !important;
}

/* Padding between H2 and text*/
.main-subheading-h2 p:first-of-type {
    margin-bottom: 17px !important
}

/* Body within 'H2' */
#blog-details .main-subheading-h2 p:not(:first-of-type) {
    font-family: Poppins !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #262B2E !important;

}

/* 'Bold' copy within 'H2 section */
#blog-details .main-subheading-h2 p:not(:first-of-type) > b {
    font-weight: 600 !important;
}

/* 'Italic' copy within 'H3' section */
#blog-details .main-subheading-h2 p:not(:first-of-type) em {
    font-weight: 600 !important;
}

/* 'H3' subheadings */
#blog-details .main-subheading-h3 p:first-of-type, .single .blog-details-single h3 {
    font-family: Poppins !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #000000 !important;
}

/* Padding between H3 and text*/
.main-subheading-h3 p:first-of-type {
    margin-bottom: 17px !important
}

/* Body withing 'H3' subheading*/
#blog-details .main-subheading-h3 p:not(:first-of-type) {
    font-family: Poppins !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #262B2E !important;
}

/* 'Bold' copy within 'H3' section */
#blog-details .main-subheading-h3 p:not(:first-of-type) > b {
    font-weight: 600 !important;
}

/* 'Italic' copy within 'H3' section */
#blog-details .main-subheading-h3 p:not(:first-of-type) em {
    font-weight: 600 !important;
}

#blog-details span[style="font-weight: bold;"], #blog-details span[style="font-weight: bolder;"]{
    font-weight: 600 !important;
}

/* All bullet points */
#blog-details li {
    font-weight: 400 !important;
    font-size: 18px !important;
    color: #262B2E !important;
}

/* Spans within bullet points */
#blog-details li span{
    font-weight: 600 !important;
}

/* Quote section */
#blog-details blockquote {
    margin: 0 !important;
    border: 0 none !important;
    background: #f8f8f8 !important;
    width: 100% !important;
    height: auto !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column !important;
    padding: 40px !important;
    margin-bottom: 30px !important;
    position: relative !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    font-family: Poppins !important;
}

/* Quote icon */
#blog-details blockquote:before {
    content: "" !important;
    display: inline-block;
    width: 3em !important;
    top: -15px !important;
    left:49% !important;
    height: 2em !important;
    background: no-repeat center/contain url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20fill='%23f7902f'%20d='M464%20256h-80v-64c0-35.3%2028.7-64%2064-64h8c13.3%200%2024-10.7%2024-24V56c0-13.3-10.7-24-24-24h-8c-88.4%200-160%2071.6-160%20160v240c0%2026.5%2021.5%2048%2048%2048h128c26.5%200%2048-21.5%2048-48V304c0-26.5-21.5-48-48-48zm-288%200H96v-64c0-35.3%2028.7-64%2064-64h8c13.3%200%2024-10.7%2024-24V56c0-13.3-10.7-24-24-24h-8C71.6%2032%200%20103.6%200%20192v240c0%2026.5%2021.5%2048%2048%2048h128c26.5%200%2048-21.5%2048-48V304c0-26.5-21.5-48-48-48z'%3E%3C/path%3E%3C/svg%3E");

}

#blog-details blockquote strong{
    font-weight: 600 !important;
}

/* Text within block quotes */
#blog-details blockquote p{
    padding-top: 20px !important;
    font-family: Poppins !important;
}

/* Nested Spans within quote section */
#blog-details blockquote p span{
    font-family: Poppins !important;
    line-height: 1.5 !important;
    width: 100% !important;
    text-align: left !important;
}

/* Top-level spans within quote section */
#blog-details blockquote span{
    width: 100% !important;
    text-align: left !important;
    line-height: 1.5 !important;
}

/* Final top-level span within quote section */
#blog-details blockquote span:last-of-type{
    display: block !important;
    text-align: center !important;
}

/* Final nested span within quote section */
#blog-details blockquote p span:last-of-type{
    display: block !important;
    text-align: center !important;
}


/* 2 Column Layouts  */

/* Child columns */
#blog-details .e-con-inner .e-con-full .e-flex .e-con .e-child{
    width: 50% !important;
}

/* Fix for heading section that is outside of the 2 column layout */
#blog-details .dual-col-break{
    padding-bottom: 0 !important;

}
/* Fix for text within 2 column layout that has a 'seperate' heading - see class above */
#blog-details .dual-col-break p{
    margin-bottom: 0 !important;
    padding-left: 0 !important;
}

/* Fix for child wrapper within 2 column layouts */
#blog-details .dual-col-break .e-con-inner .e-child{
    padding-left: 0px !important;
}


/* Remove top padding from child items*/
#blog-details .e-con-full .e-flex .e-con .e-child {
    padding-top: 0 !important;
}

/* Add padding back if the child directly contains an image */
#blog-details .e-con-full .e-flex .e-con .e-child img {
    padding-top: 10px !important; /* adjust to your original spacing */
}

/* Utility class that is applied manually to elements */
#blog-details .remove-left-padding{
    padding-left: 0 !important;
    p{
        padding-left: 0 !important;
    }
}

/* Alternative template example: https://webtonic.co.za/recruiting-top-talent-in-2025/ */
#blog-details article {

}

#blog-details article .wp-block-heading{
    margin-top: 0 !important;
}

#blog-details article p {
    margin: 16px 0 !important;
}



#blog-details article .blog-details-single .image img{

}

/*#blog-details article .elementor-widget-text-editor p:first-of-type{
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;

}*/


/*
* DESKTOP
*/


/*
* TABLET
*/


/*
* MOBILE
*/

@media screen and (max-width: 767px) {
    #blog-details blockquote{
        margin-bottom: 0px !important;
        padding:25px !important;
        font-size: 16px !important;
    }
    #blog-details blockquote:before {
        left: 39% !important;
    }
    #blog-details .main-subheading-h2 p:first-of-type {
        font-size: 22px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    #blog-details .main-subheading-h3 p:first-of-type{
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .single .blog-details-single h3{
        font-weight: 600 !important;
        color: #000000 !important;
        text-transform: capitalize !important;
        font-size: 20px !important;
    }


    #blog-details .main-subheading-h3 p:first-of-type strong {
        font-size: 20px !important;
    }


    #blog-details .content .elementor-widget-image{
        width: 100% !important;
    }

    #blog-details .image img,
    #blog-details .elementor-widget-video,
    #blog-details article .blog-details-single .image img{
        width: auto !important;
        height: auto !important;
    }

    #blog-details h1{
        font-size: 26px !important;
    }

    #blog-details .wp-block-list{
        margin-bottom: 0 !important;
    }

    #blog-details .e-child:has(.elementor-widget-image){
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
    #blog-details blockquote span:last-of-type{
        text-align: left !important;
        padding-top: 10px !important;
    }

    /* Body */
    #blog-details div[data-element_type="container"] p:not(:has(strong)):not(:has(b)),
    #blog-details .main-subheading-h2 p:not(:first-of-type),
    #blog-details .content p,
    #blog-details .main-subheading-h3 p:not(:first-of-type),
    #blog-details [data-widget_type="text-editor.default"],
    #blog-details li{
        font-size: 16px !important;
    }


    #blog-details em{
        font-weight: 600 !important;
    }
    /* We only want it on em nodes within the body */
    #blog-details #intro-paragraph em{
        font-weight: unset !important;
    }

    #blog-details #intro-paragraph p/*,
    #blog-details .content p:has(strong)*/ {
        font-size: 18px !important;
    }

    /* For alternative template */
    #blog-details p.author-names{
        font-family: Poppins !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        color: #262B2E !important;
    }

    #blog-details article p em, #blog-details article p strong{
        font-weight: 600 !important;
        font-size: 16px !important;
        text-transform: unset !important;
    }

    #blog-details h2{
        font-size: 22px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    #blog-details h3{
        font-weight: 600 !important;
        color: #000000 !important;
        text-transform: capitalize !important;
        font-size: 20px !important;
    }


}

/* For mobile */
/* padding between sections - bottom 16px top 31px*/
/* padding between paragaphs within a section 15px */
/* padding between li items 10px */

</style>				</div>
					</div>
				</div>
				</div><p>The post <a href="https://webtonic.co.za/the-importance-of-play-and-the-part-it-plays-in-high-pressure-delivery-environments/">The importance of “Play”</a> first appeared on <a href="https://webtonic.co.za">Webtonic</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>My ‘Un-Loveable’ Experience</title>
		<link>https://webtonic.co.za/my-un-loveable-experience/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 13 Oct 2025 14:05:02 +0000</pubDate>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[#newteam]]></category>
		<category><![CDATA[#softwaredevelopment]]></category>
		<category><![CDATA[#userexperience]]></category>
		<guid isPermaLink="false">https://webtonic.co.za/?p=27141</guid>

					<description><![CDATA[<p>My ‘Un-Loveable’ Experience By Candice Boucher   Let us explore the hype.   We are using AI tools in some form or fashion to increase our efficiency and the way we are delivering work is changing. It is tempting to allow AI to take the wheel and to sit back and to let it do</p>
<p>The post <a href="https://webtonic.co.za/my-un-loveable-experience/">My ‘Un-Loveable’ Experience</a> first appeared on <a href="https://webtonic.co.za">Webtonic</a>.</p>]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="27141" class="elementor elementor-27141" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-5b3d3fbb e-flex e-con-boxed e-con e-parent" data-id="5b3d3fbb" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-38d4e8b elementor-widget elementor-widget-text-editor" data-id="38d4e8b" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									
<h1 class="wp-block-heading"><strong>My ‘Un-Loveable’ Experience</strong></h1>
<p id="author-names">By Candice Boucher</p>
<p> </p>
<p>Let us explore the hype.</p>
<p> </p>
<p>We are using AI tools in some form or fashion to increase our efficiency and the way we are delivering work is changing. It is tempting to allow AI to take the wheel and to sit back and to let it do all the thinking. Good news is that AI cannot function without you and your thinking. In my recent experience I got my hands dirty (muddy in fact) with Loveable. A well talked about tool now, perceived for its benefits and replacement of developers.</p>
<p> </p>
<p>My experience was that the tool was able to in a very short space of time (seconds) populate multiple styled pages with data relevant to the application I had guided it to set up. The initial upfront value saved me 2 weeks to a month in terms of the levels it populated in such a short time. Where I ran into challenges was the tools inability to save logic, rules and guidance set up. This resulted in a lot of time being spent on tweaking and re-enforcing these rules and logic. The tool becomes exasperating in that after many attempts to process the same action, it failed. The result was that I ran into an excess of 200 credits, which is around R4000.</p>
<p> </p>
<p>I became very frustrated as I was not able to get the tool to respond to what I felt were simple instructions.</p>
<p> </p>
<p> </p>
<h2>So, where is the gap?</h2>
<p> </p>
<p>Ideally, we would use this tool to enable quick mock-ups for our client, but it is by no means the final product or solution. The value we add into the process is the strategic thinking, interactions and rules which the system cannot do on its own. We are looking into moving these high-level screens into a tool like Figma and using our internal process which create high levels of efficiency around the handover between design and development.</p>
<p> </p>
<p>We have become masters in this piece of the delivery cycle. What this means for our clients is that with a reduction in development time comes an increased time upfront, understanding the problem. The problem-solving aspect and ensuring we are designing for the right customer pain points. We find that while tools can provide some high-level insights, we always prefer the quality of speaking to customers and gathering ‘real’ insights. Tools like ‘ChatGPT’ and ‘Co-Pilot’ help us conduct SWOT Analysis and produce high level user journeys but ultimately the trick is the ability to move this into editable formats to add our craft and experience to the delivery.</p>
<p> </p>
<p>If you would like to speed up the delivery of your projects, chat to us!</p>
								</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-676d927 e-flex e-con-boxed e-con e-parent" data-id="676d927" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-5a38fee elementor-widget elementor-widget-html" data-id="5a38fee" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
    /*
* GLOBAL
*/

/* Top image */
#blog-details .image img,
#blog-details .elementor-widget-video,
#blog-details article .blog-details-single .image img{
    width: 856px !important;
    height: auto !important;
    min-height: 448px !important;
}

#blog-details  p > b, p > strong{
    font-weight: 600 !important;
}

#blog-details  .content p#author-names{
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;
}

p em{
    font-weight: 600 !important;
}


#blog-details .elementor-widget-video{
    max-width: 856px !important;
}

#blog-details a{
    text-decoration: underline !important;
}

    /* Default body text */
#blog-details [data-widget_type="text-editor.default"]{
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #262B2E !important;
}

#blog-details .e-child p{
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

#blog-details .content p {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #262B2E !important;
    text-align: left !important;

}

/* Top Heading */
#blog-details h1 {
    font-family: Poppins !important;
    font-size: 36px !important;
    font-weight: bold !important;
    color: #f7902f !important;
    text-transform: capitalize !important;
}

/* Author */
#blog-details .author-names p{
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;
}

/* Intro Paragraph */
#blog-details  #intro-paragraph p {
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;
}

/* 'H2' subheadings */
#blog-details .main-subheading-h2 p:first-of-type {
    font-family: Poppins !important;
    text-transform: capitalize !important;
    font-size: 28px !important;
    font-weight: bold !important;
    color: #000000 !important;
}

#blog-details h2,#blog-details h2 > strong {
    font-family: Poppins !important;
    text-transform: capitalize !important;
    font-size: 28px !important;
    font-weight: bold !important;
    color: #000000 !important;
    margin:40px 0 17px 0 !important;
}

#blog-details h3{
    font-family: Poppins !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #000000 !important;
}

/* Padding between H2 and text*/
.main-subheading-h2 p:first-of-type {
    margin-bottom: 17px !important
}

/* Body within 'H2' */
#blog-details .main-subheading-h2 p:not(:first-of-type) {
    font-family: Poppins !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #262B2E !important;

}

/* 'Bold' copy within 'H2 section */
#blog-details .main-subheading-h2 p:not(:first-of-type) > b {
    font-weight: 600 !important;
}

/* 'Italic' copy within 'H3' section */
#blog-details .main-subheading-h2 p:not(:first-of-type) em {
    font-weight: 600 !important;
}

/* 'H3' subheadings */
#blog-details .main-subheading-h3 p:first-of-type, .single .blog-details-single h3 {
    font-family: Poppins !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #000000 !important;
}

/* Padding between H3 and text*/
.main-subheading-h3 p:first-of-type {
    margin-bottom: 17px !important
}

/* Body withing 'H3' subheading*/
#blog-details .main-subheading-h3 p:not(:first-of-type) {
    font-family: Poppins !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #262B2E !important;
}

/* 'Bold' copy within 'H3' section */
#blog-details .main-subheading-h3 p:not(:first-of-type) > b {
    font-weight: 600 !important;
}

/* 'Italic' copy within 'H3' section */
#blog-details .main-subheading-h3 p:not(:first-of-type) em {
    font-weight: 600 !important;
}

#blog-details span[style="font-weight: bold;"], #blog-details span[style="font-weight: bolder;"]{
    font-weight: 600 !important;
}

/* All bullet points */
#blog-details li {
    font-weight: 400 !important;
    font-size: 18px !important;
    color: #262B2E !important;
}

/* Spans within bullet points */
#blog-details li span{
    font-weight: 600 !important;
}

/* Quote section */
#blog-details blockquote {
    margin: 0 !important;
    border: 0 none !important;
    background: #f8f8f8 !important;
    width: 100% !important;
    height: auto !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column !important;
    padding: 40px !important;
    margin-bottom: 30px !important;
    position: relative !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    font-family: Poppins !important;
}

/* Quote icon */
#blog-details blockquote:before {
    content: "" !important;
    display: inline-block;
    width: 3em !important;
    top: -15px !important;
    left:49% !important;
    height: 2em !important;
    background: no-repeat center/contain url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20fill='%23f7902f'%20d='M464%20256h-80v-64c0-35.3%2028.7-64%2064-64h8c13.3%200%2024-10.7%2024-24V56c0-13.3-10.7-24-24-24h-8c-88.4%200-160%2071.6-160%20160v240c0%2026.5%2021.5%2048%2048%2048h128c26.5%200%2048-21.5%2048-48V304c0-26.5-21.5-48-48-48zm-288%200H96v-64c0-35.3%2028.7-64%2064-64h8c13.3%200%2024-10.7%2024-24V56c0-13.3-10.7-24-24-24h-8C71.6%2032%200%20103.6%200%20192v240c0%2026.5%2021.5%2048%2048%2048h128c26.5%200%2048-21.5%2048-48V304c0-26.5-21.5-48-48-48z'%3E%3C/path%3E%3C/svg%3E");

}

#blog-details blockquote strong{
    font-weight: 600 !important;
}

/* Text within block quotes */
#blog-details blockquote p{
    padding-top: 20px !important;
    font-family: Poppins !important;
}

/* Nested Spans within quote section */
#blog-details blockquote p span{
    font-family: Poppins !important;
    line-height: 1.5 !important;
    width: 100% !important;
    text-align: left !important;
}

/* Top-level spans within quote section */
#blog-details blockquote span{
    width: 100% !important;
    text-align: left !important;
    line-height: 1.5 !important;
}

/* Final top-level span within quote section */
#blog-details blockquote span:last-of-type{
    display: block !important;
    text-align: center !important;
}

/* Final nested span within quote section */
#blog-details blockquote p span:last-of-type{
    display: block !important;
    text-align: center !important;
}


/* 2 Column Layouts  */

/* Child columns */
#blog-details .e-con-inner .e-con-full .e-flex .e-con .e-child{
    width: 50% !important;
}

/* Fix for heading section that is outside of the 2 column layout */
#blog-details .dual-col-break{
    padding-bottom: 0 !important;

}
/* Fix for text within 2 column layout that has a 'seperate' heading - see class above */
#blog-details .dual-col-break p{
    margin-bottom: 0 !important;
    padding-left: 0 !important;
}

/* Fix for child wrapper within 2 column layouts */
#blog-details .dual-col-break .e-con-inner .e-child{
    padding-left: 0px !important;
}


/* Remove top padding from child items*/
#blog-details .e-con-full .e-flex .e-con .e-child {
    padding-top: 0 !important;
}

/* Add padding back if the child directly contains an image */
#blog-details .e-con-full .e-flex .e-con .e-child img {
    padding-top: 10px !important; /* adjust to your original spacing */
}

/* Utility class that is applied manually to elements */
#blog-details .remove-left-padding{
    padding-left: 0 !important;
    p{
        padding-left: 0 !important;
    }
}

/* Alternative template example: https://webtonic.co.za/recruiting-top-talent-in-2025/ */
#blog-details article {

}

#blog-details article .wp-block-heading{
    margin-top: 0 !important;
}

#blog-details article p {
    margin: 16px 0 !important;
}



#blog-details article .blog-details-single .image img{

}

/*#blog-details article .elementor-widget-text-editor p:first-of-type{
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;

}*/


/*
* DESKTOP
*/


/*
* TABLET
*/


/*
* MOBILE
*/

@media screen and (max-width: 767px) {
    #blog-details blockquote{
        margin-bottom: 0px !important;
        padding:25px !important;
        font-size: 16px !important;
    }
    #blog-details blockquote:before {
        left: 39% !important;
    }
    #blog-details .main-subheading-h2 p:first-of-type {
        font-size: 22px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    #blog-details .main-subheading-h3 p:first-of-type{
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .single .blog-details-single h3{
        font-weight: 600 !important;
        color: #000000 !important;
        text-transform: capitalize !important;
        font-size: 20px !important;
    }


    #blog-details .main-subheading-h3 p:first-of-type strong {
        font-size: 20px !important;
    }


    #blog-details .content .elementor-widget-image{
        width: 100% !important;
    }

    #blog-details .image img,
    #blog-details .elementor-widget-video,
    #blog-details article .blog-details-single .image img{
        width: auto !important;
        height: auto !important;
    }

    #blog-details h1{
        font-size: 26px !important;
    }

    #blog-details .wp-block-list{
        margin-bottom: 0 !important;
    }

    #blog-details .e-child:has(.elementor-widget-image){
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
    #blog-details blockquote span:last-of-type{
        text-align: left !important;
        padding-top: 10px !important;
    }

    /* Body */
    #blog-details div[data-element_type="container"] p:not(:has(strong)):not(:has(b)),
    #blog-details .main-subheading-h2 p:not(:first-of-type),
    #blog-details .content p,
    #blog-details .main-subheading-h3 p:not(:first-of-type),
    #blog-details [data-widget_type="text-editor.default"],
    #blog-details li{
        font-size: 16px !important;
    }


    #blog-details em{
        font-weight: 600 !important;
    }
    /* We only want it on em nodes within the body */
    #blog-details #intro-paragraph em{
        font-weight: unset !important;
    }

    #blog-details #intro-paragraph p/*,
    #blog-details .content p:has(strong)*/ {
        font-size: 18px !important;
    }

    /* For alternative template */
    #blog-details p.author-names{
        font-family: Poppins !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        color: #262B2E !important;
    }

    #blog-details article p em, #blog-details article p strong{
        font-weight: 600 !important;
        font-size: 16px !important;
        text-transform: unset !important;
    }

    #blog-details h2{
        font-size: 22px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    #blog-details h3{
        font-weight: 600 !important;
        color: #000000 !important;
        text-transform: capitalize !important;
        font-size: 20px !important;
    }


}

/* For mobile */
/* padding between sections - bottom 16px top 31px*/
/* padding between paragaphs within a section 15px */
/* padding between li items 10px */

</style>				</div>
					</div>
				</div>
				</div><p>The post <a href="https://webtonic.co.za/my-un-loveable-experience/">My ‘Un-Loveable’ Experience</a> first appeared on <a href="https://webtonic.co.za">Webtonic</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Stakeholder Requirement Gathering: The Art (and sometimes Chaos) of Getting the Right Story</title>
		<link>https://webtonic.co.za/stakeholder-requirement-gathering-the-art-and-sometimes-chaos-of-getting-the-right-story/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 13 Oct 2025 14:04:43 +0000</pubDate>
				<category><![CDATA[Business Analysis]]></category>
		<category><![CDATA[#newteam]]></category>
		<category><![CDATA[#softwaredevelopment]]></category>
		<category><![CDATA[#userexperience]]></category>
		<guid isPermaLink="false">https://webtonic.co.za/?p=27134</guid>

					<description><![CDATA[<p>Stakeholder Requirement Gathering: The Art (and sometimes Chaos) of Getting the Right Story By Vuyiswa Mahlasela   If business analysis had an Olympic sport, requirement gathering would probably be the one that leaves you sweaty before you have even started running. On paper, it’s easy, talk to the people involved, note down what they want</p>
<p>The post <a href="https://webtonic.co.za/stakeholder-requirement-gathering-the-art-and-sometimes-chaos-of-getting-the-right-story/">Stakeholder Requirement Gathering: The Art (and sometimes Chaos) of Getting the Right Story</a> first appeared on <a href="https://webtonic.co.za">Webtonic</a>.</p>]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="27134" class="elementor elementor-27134" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-5b3d3fbb e-flex e-con-boxed e-con e-parent" data-id="5b3d3fbb" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-38d4e8b elementor-widget elementor-widget-text-editor" data-id="38d4e8b" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									
<h1 class="wp-block-heading"><strong>Stakeholder Requirement Gathering: The Art (and sometimes Chaos) of Getting the Right Story</strong></h1>
<p id="author-names">By Vuyiswa Mahlasela</p>
<p> </p>
<p>If business analysis had an Olympic sport, requirement gathering would probably be the one that leaves you sweaty before you have even started running. On paper, it’s easy, talk to the people involved, note down what they want and pass it along. Simple… Except it’s not.</p>
<p>In practice, it’s more like being a translator, detective and therapist all at once. You are trying to pull the real needs out of conversations that are part facts, part assumptions and sometimes part wishful thinking. You must do it without making anyone feel like you’re interrogating them.</p>
<h2><strong>It’s Not Just About Asking Questions</strong></h2>
<p>Sure, you can walk into a meeting with a neat little checklist, “What’s the process? What’s  the problem? What’s the goal?” But most stakeholders don’t give you clean, ready to use information or answers.</p>
<p>They will tell you what they think they want, but it might not be what is actually going to solve the problem. This is where you learn to listen for what is missing, not just what is said.</p>
<p><strong> </strong></p>
<h3><strong>Things You Will See All the Time</strong></h3>
<p>The “We Have Always Done It This Way”</p>
<p>You ask why a step exists and you get, “Because it’s always been there.” No one is actually sure if it’s useful anymore.</p>
<h3> </h3>
<h3><strong>The Big Wishlist</strong></h3>
<p>Everything sounds nice to have until you show the cost, the timeline and the impact on the team. Suddenly, the list shrinks fast.</p>
<h3> </h3>
<h3><strong>The Quiet Goldmine</strong></h3>
<p>Some stakeholders barely speak up in meetings. Later, during the implementation of the project, they drop a detail that changes the whole solution.</p>
<p><strong> </strong></p>
<h3><strong>Tools That Actually Save You</strong></h3>
<ol>
<li>Process Maps – Lay out the steps visually. People will spot mistakes instantly when they see them drawn out.</li>
<li>User Stories – Keeps requirements clear and easy to use: “GIVEN a [user], WANTS [goal] THEN so that [reason].”</li>
<li>“Roleplay” – Sounds silly but acting through a process can reveal gaps you never imagined.</li>
</ol>
<p style="padding-left: 40px;"> </p>
<h3><strong>A Few Helpful Tips</strong></h3>
<ol>
<li>Pause Before Moving On – People often remember key details right after you stop talking.</li>
<li>Repeat What You Heard – You will be surprised how often someone says, “Oh no, that is not what I meant.”</li>
<li>Write It Down Immediately – That important detail you are sure you will remember? You won’t.</li>
</ol>
<h2>Conclusion</h2>
<p>Requirement gathering is not just about collecting information but also about building a shared understanding. Done right, it saves time, prevents rework and keeps scope creep to a minimum. Done wrong… well, let’s just say you will be revisiting those conversations much sooner than you would like.</p>
<p>It’s not glamorous, but it’s the part of business analysis where good relationships, attentive listening and a bit of healthy curiosity make all the difference.</p>
								</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-676d927 e-flex e-con-boxed e-con e-parent" data-id="676d927" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-5a38fee elementor-widget elementor-widget-html" data-id="5a38fee" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
    /*
* GLOBAL
*/
div.tag-list{
 display: none !important;   
}
/* Top image */
#blog-details .image img,
#blog-details .elementor-widget-video,
#blog-details article .blog-details-single .image img{
    width: 856px !important;
    height: auto !important;
    min-height: 448px !important;
}

#blog-details  p > b, p > strong{
    font-weight: 600 !important;
}

#blog-details  .content p#author-names{
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;
}

p em{
    font-weight: 600 !important;
}


#blog-details .elementor-widget-video{
    max-width: 856px !important;
}

#blog-details a{
    text-decoration: underline !important;
}

    /* Default body text */
#blog-details [data-widget_type="text-editor.default"]{
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #262B2E !important;
}

#blog-details .e-child p{
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

#blog-details .content p {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #262B2E !important;
    text-align: left !important;

}

/* Top Heading */
#blog-details h1 {
    font-family: Poppins !important;
    font-size: 36px !important;
    font-weight: bold !important;
    color: #f7902f !important;
    text-transform: capitalize !important;
}

/* Author */
#blog-details .author-names p{
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;
}

/* Intro Paragraph */
#blog-details  #intro-paragraph p {
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;
}

/* 'H2' subheadings */
#blog-details .main-subheading-h2 p:first-of-type {
    font-family: Poppins !important;
    text-transform: capitalize !important;
    font-size: 28px !important;
    font-weight: bold !important;
    color: #000000 !important;
}

#blog-details h2,#blog-details h2 > strong {
    font-family: Poppins !important;
    text-transform: capitalize !important;
    font-size: 28px !important;
    font-weight: bold !important;
    color: #000000 !important;
    margin:40px 0 17px 0 !important;
}

#blog-details h3{
    font-family: Poppins !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #000000 !important;
}

/* Padding between H2 and text*/
.main-subheading-h2 p:first-of-type {
    margin-bottom: 17px !important
}

/* Body within 'H2' */
#blog-details .main-subheading-h2 p:not(:first-of-type) {
    font-family: Poppins !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #262B2E !important;

}

/* 'Bold' copy within 'H2 section */
#blog-details .main-subheading-h2 p:not(:first-of-type) > b {
    font-weight: 600 !important;
}

/* 'Italic' copy within 'H3' section */
#blog-details .main-subheading-h2 p:not(:first-of-type) em {
    font-weight: 600 !important;
}

/* 'H3' subheadings */
#blog-details .main-subheading-h3 p:first-of-type, .single .blog-details-single h3 {
    font-family: Poppins !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #000000 !important;
}

/* Padding between H3 and text*/
.main-subheading-h3 p:first-of-type {
    margin-bottom: 17px !important
}

/* Body withing 'H3' subheading*/
#blog-details .main-subheading-h3 p:not(:first-of-type) {
    font-family: Poppins !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #262B2E !important;
}

/* 'Bold' copy within 'H3' section */
#blog-details .main-subheading-h3 p:not(:first-of-type) > b {
    font-weight: 600 !important;
}

/* 'Italic' copy within 'H3' section */
#blog-details .main-subheading-h3 p:not(:first-of-type) em {
    font-weight: 600 !important;
}

#blog-details span[style="font-weight: bold;"], #blog-details span[style="font-weight: bolder;"]{
    font-weight: 600 !important;
}

/* All bullet points */
#blog-details li {
    font-weight: 400 !important;
    font-size: 18px !important;
    color: #262B2E !important;
}

/* Spans within bullet points */
#blog-details li span{
    font-weight: 600 !important;
}

/* Quote section */
#blog-details blockquote {
    margin: 0 !important;
    border: 0 none !important;
    background: #f8f8f8 !important;
    width: 100% !important;
    height: auto !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column !important;
    padding: 40px !important;
    margin-bottom: 30px !important;
    position: relative !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    font-family: Poppins !important;
}

/* Quote icon */
#blog-details blockquote:before {
    content: "" !important;
    display: inline-block;
    width: 3em !important;
    top: -15px !important;
    left:49% !important;
    height: 2em !important;
    background: no-repeat center/contain url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20fill='%23f7902f'%20d='M464%20256h-80v-64c0-35.3%2028.7-64%2064-64h8c13.3%200%2024-10.7%2024-24V56c0-13.3-10.7-24-24-24h-8c-88.4%200-160%2071.6-160%20160v240c0%2026.5%2021.5%2048%2048%2048h128c26.5%200%2048-21.5%2048-48V304c0-26.5-21.5-48-48-48zm-288%200H96v-64c0-35.3%2028.7-64%2064-64h8c13.3%200%2024-10.7%2024-24V56c0-13.3-10.7-24-24-24h-8C71.6%2032%200%20103.6%200%20192v240c0%2026.5%2021.5%2048%2048%2048h128c26.5%200%2048-21.5%2048-48V304c0-26.5-21.5-48-48-48z'%3E%3C/path%3E%3C/svg%3E");

}

#blog-details blockquote strong{
    font-weight: 600 !important;
}

/* Text within block quotes */
#blog-details blockquote p{
    padding-top: 20px !important;
    font-family: Poppins !important;
}

/* Nested Spans within quote section */
#blog-details blockquote p span{
    font-family: Poppins !important;
    line-height: 1.5 !important;
    width: 100% !important;
    text-align: left !important;
}

/* Top-level spans within quote section */
#blog-details blockquote span{
    width: 100% !important;
    text-align: left !important;
    line-height: 1.5 !important;
}

/* Final top-level span within quote section */
#blog-details blockquote span:last-of-type{
    display: block !important;
    text-align: center !important;
}

/* Final nested span within quote section */
#blog-details blockquote p span:last-of-type{
    display: block !important;
    text-align: center !important;
}


/* 2 Column Layouts  */

/* Child columns */
#blog-details .e-con-inner .e-con-full .e-flex .e-con .e-child{
    width: 50% !important;
}

/* Fix for heading section that is outside of the 2 column layout */
#blog-details .dual-col-break{
    padding-bottom: 0 !important;

}
/* Fix for text within 2 column layout that has a 'seperate' heading - see class above */
#blog-details .dual-col-break p{
    margin-bottom: 0 !important;
    padding-left: 0 !important;
}

/* Fix for child wrapper within 2 column layouts */
#blog-details .dual-col-break .e-con-inner .e-child{
    padding-left: 0px !important;
}


/* Remove top padding from child items*/
#blog-details .e-con-full .e-flex .e-con .e-child {
    padding-top: 0 !important;
}

/* Add padding back if the child directly contains an image */
#blog-details .e-con-full .e-flex .e-con .e-child img {
    padding-top: 10px !important; /* adjust to your original spacing */
}

/* Utility class that is applied manually to elements */
#blog-details .remove-left-padding{
    padding-left: 0 !important;
    p{
        padding-left: 0 !important;
    }
}

/* Alternative template example: https://webtonic.co.za/recruiting-top-talent-in-2025/ */
#blog-details article {

}

#blog-details article .wp-block-heading{
    margin-top: 0 !important;
}

#blog-details article p {
    margin: 16px 0 !important;
}



#blog-details article .blog-details-single .image img{

}

/*#blog-details article .elementor-widget-text-editor p:first-of-type{
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;

}*/


/*
* DESKTOP
*/


/*
* TABLET
*/


/*
* MOBILE
*/

@media screen and (max-width: 767px) {
    #blog-details blockquote{
        margin-bottom: 0px !important;
        padding:25px !important;
        font-size: 16px !important;
    }
    #blog-details blockquote:before {
        left: 39% !important;
    }
    #blog-details .main-subheading-h2 p:first-of-type {
        font-size: 22px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    #blog-details .main-subheading-h3 p:first-of-type{
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .single .blog-details-single h3{
        font-weight: 600 !important;
        color: #000000 !important;
        text-transform: capitalize !important;
        font-size: 20px !important;
    }


    #blog-details .main-subheading-h3 p:first-of-type strong {
        font-size: 20px !important;
    }


    #blog-details .content .elementor-widget-image{
        width: 100% !important;
    }

    #blog-details .image img,
    #blog-details .elementor-widget-video,
    #blog-details article .blog-details-single .image img{
        width: auto !important;
        height: auto !important;
    }

    #blog-details h1{
        font-size: 26px !important;
    }

    #blog-details .wp-block-list{
        margin-bottom: 0 !important;
    }

    #blog-details .e-child:has(.elementor-widget-image){
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
    #blog-details blockquote span:last-of-type{
        text-align: left !important;
        padding-top: 10px !important;
    }

    /* Body */
    #blog-details div[data-element_type="container"] p:not(:has(strong)):not(:has(b)),
    #blog-details .main-subheading-h2 p:not(:first-of-type),
    #blog-details .content p,
    #blog-details .main-subheading-h3 p:not(:first-of-type),
    #blog-details [data-widget_type="text-editor.default"],
    #blog-details li{
        font-size: 16px !important;
    }


    #blog-details em{
        font-weight: 600 !important;
    }
    /* We only want it on em nodes within the body */
    #blog-details #intro-paragraph em{
        font-weight: unset !important;
    }

    #blog-details #intro-paragraph p/*,
    #blog-details .content p:has(strong)*/ {
        font-size: 18px !important;
    }

    /* For alternative template */
    #blog-details p.author-names{
        font-family: Poppins !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        color: #262B2E !important;
    }

    #blog-details article p em, #blog-details article p strong{
        font-weight: 600 !important;
        font-size: 16px !important;
        text-transform: unset !important;
    }

    #blog-details h2{
        font-size: 22px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    #blog-details h3{
        font-weight: 600 !important;
        color: #000000 !important;
        text-transform: capitalize !important;
        font-size: 20px !important;
    }


}

/* For mobile */
/* padding between sections - bottom 16px top 31px*/
/* padding between paragaphs within a section 15px */
/* padding between li items 10px */

</style>				</div>
					</div>
				</div>
				</div><p>The post <a href="https://webtonic.co.za/stakeholder-requirement-gathering-the-art-and-sometimes-chaos-of-getting-the-right-story/">Stakeholder Requirement Gathering: The Art (and sometimes Chaos) of Getting the Right Story</a> first appeared on <a href="https://webtonic.co.za">Webtonic</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>What does bad UX design look like?</title>
		<link>https://webtonic.co.za/what-does-bad-ux-design-look-like/</link>
		
		<dc:creator><![CDATA[Candice Boucher]]></dc:creator>
		<pubDate>Wed, 04 Jun 2025 10:33:58 +0000</pubDate>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[#goodux]]></category>
		<category><![CDATA[#userexperience]]></category>
		<category><![CDATA[#uxdesign]]></category>
		<guid isPermaLink="false">https://webtonic.co.za/?p=24783</guid>

					<description><![CDATA[<p>What does bad UX design look like? By Candice Boucher   What is a good User Experience? Good UX design creates a seamless and enjoyable experience, offering intuitive interactions, efficient performance, well-structured content, accessibility and helpful feedback.   What is a bad User Experience? Bad UX design refers to a design that fails to provide</p>
<p>The post <a href="https://webtonic.co.za/what-does-bad-ux-design-look-like/">What does bad UX design look like?</a> first appeared on <a href="https://webtonic.co.za">Webtonic</a>.</p>]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="24783" class="elementor elementor-24783" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-c42a878 e-flex e-con-boxed e-con e-parent" data-id="c42a878" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f3a736c elementor-widget__width-inherit elementor-widget elementor-widget-heading" data-id="f3a736c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h1 class="elementor-heading-title elementor-size-default">What does bad UX design look like?</h1>				</div>
				<div class="elementor-element elementor-element-f85ab0b author-names elementor-widget elementor-widget-text-editor" data-id="f85ab0b" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><span style="color: #333333;">By Candice Boucher</span></p>
<p> </p>								</div>
				<div class="elementor-element elementor-element-6686184 elementor-widget elementor-widget-text-editor" data-id="6686184" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<h4><span style="color: #333333;"><strong>What is a good User Experience?</strong></span></h4>
<p><span style="color: #333333;"><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none">Good UX design creates a </span><strong><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none">seamless</span></strong><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none"> and enjoyable experience, offering intuitive interactions, efficient performance, well-structured content, accessibility and helpful feedback.</span></span></p>
<h4> </h4>
<h4><span style="color: #333333;"><strong>What is a bad User Experience?</strong></span></h4>
<p><span style="color: #333333;"><!-- /wp:heading --><!-- wp:paragraph --></span></p>
<p><span style="color: #333333;"><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none">Bad UX design refers to a </span><strong><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none">design that fails</span></strong> <span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none">to provide users with a positive experience while interacting with a product or service. This may include </span><strong><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none">confusing interfaces</span></strong><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none">, slow load times and poorly organised content.</span></span></p>
<h5> </h5>
<h5><span style="color: #333333;"><strong>Here are 5 examples of bad UX design:</strong></span></h5>
<p> </p>
<p><span style="color: #333333;"><!-- /wp:heading --><!-- wp:paragraph --></span></p>
<p><span style="color: #333333;"><!-- /wp:paragraph --><!-- wp:heading --></span></p>
<p><!-- /wp:paragraph --></p>								</div>
				<div class="elementor-element elementor-element-d3aeb43 elementor-widget elementor-widget-html" data-id="d3aeb43" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
/* Top image */
#blog-details .image img,
#blog-details .elementor-widget-video,
#blog-details article .blog-details-single .image img{
    width: 856px !important;
    height: auto !important;
    min-height: 448px !important;
}

#blog-details .content p{
    font-size: 18px !important;
}

#blog-details .remove-left-padding{
    padding-left: 0 !important;
    p{
        padding-left: 0 !important;
    }
}

/* Collapse Spacers */
div.elementor-widget-spacer{
    display: none !important;
}

.blog-content .row div[class^="col-"]{
    width: 50% !important;
}
.e-flex.e-con-boxed.e-con.e-parent{
    margin: 16px 0 !important;
}

.elementor-widget-text-editor:has(blockquote){
    margin-bottom: 16px !important;
}


#blog-details a{
    text-decoration: underline !important;
}

/* Default body text */
#blog-details [data-widget_type="text-editor.default"]{
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #262B2E !important;
}

#blog-details .e-child p{
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

#blog-details .content p,
{
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #262B2E !important;
    text-align: left !important;

}

#blog-details .content p span,
#blog-details .content p span span strong,
#blog-details li span{
    color: #262B2E !important;
}

/* Top Heading */
#blog-details h1 {
    font-family: Poppins !important;
    font-size: 36px !important;
    font-weight: bold !important;
    color: #f7902f !important;
    text-transform: capitalize !important;
}

/* Author */
#blog-details .author-names p,
#blog-details .author-names p span {
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;
}

/* Intro Paragraph */
#blog-details  #intro-paragraph p {
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;
}

/* 'H2' subheadings */
#blog-details .main-subheading-h2 p:first-of-type {
    font-family: Poppins !important;
    text-transform: capitalize !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    color: #000000 !important;
}

/* Padding between H2 and text*/
.main-subheading-h2 p:first-of-type {
    margin-bottom: 16px !important
}

/* Body within 'H2' */
#blog-details .main-subheading-h2 p:not(:first-of-type) {
    font-family: Poppins !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #262B2E !important;

}

/* 'Bold' copy within 'H2 section */
#blog-details .main-subheading-h2 p:not(:first-of-type) > b {
    font-weight: 600 !important;
}

/* 'Italic' copy within 'H3' section */
#blog-details .main-subheading-h2 p:not(:first-of-type) em {
    font-weight: 600 !important;
}

/* 'H3' subheadings */
#blog-details .main-subheading-h3 p:first-of-type strong, .single .blog-details-single h3 {
    font-family: Poppins !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #000000 !important;
}

/* Padding between H3 and text*/
.main-subheading-h3 p:first-of-type {
    margin-bottom: 17px !important
}

/* Body withing 'H3' subheading*/
#blog-details .main-subheading-h3 p:not(:first-of-type) {
    font-family: Poppins !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #262B2E !important;
}

/* 'Bold' copy within 'H3' section */
#blog-details .main-subheading-h3 p:not(:first-of-type) > b {
    font-weight: 600 !important;
}

/* 'Italic' copy within 'H3' section */
#blog-details .main-subheading-h3 p:not(:first-of-type) em {
    font-weight: 600 !important;
}

#blog-details span[style="font-weight: bold;"], #blog-details span[style="font-weight: bolder;"]{
    font-weight: 600 !important;
}

/* All bullet points */
#blog-details li {
    font-weight: 400 !important;
    font-size: 18px !important;
    color: #262B2E !important;
}

/* Spans within bullet points */
#blog-details li span{
    font-weight: 600 !important;
}

/* Quote section */
#blog-details blockquote {
    margin: 0 !important;
    border: 0 none !important;
    background: #f8f8f8 !important;
    width: 100% !important;
    height: auto !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column !important;
    padding: 40px !important;
    position: relative !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    font-family: Poppins !important;
}

/* Quote icon */
#blog-details blockquote:before {
    content: "" !important;
    display: inline-block;
    width: 3em !important;
    top: -15px !important;
    left:49% !important;
    height: 2em !important;
    background: no-repeat center/contain url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20fill='%23f7902f'%20d='M464%20256h-80v-64c0-35.3%2028.7-64%2064-64h8c13.3%200%2024-10.7%2024-24V56c0-13.3-10.7-24-24-24h-8c-88.4%200-160%2071.6-160%20160v240c0%2026.5%2021.5%2048%2048%2048h128c26.5%200%2048-21.5%2048-48V304c0-26.5-21.5-48-48-48zm-288%200H96v-64c0-35.3%2028.7-64%2064-64h8c13.3%200%2024-10.7%2024-24V56c0-13.3-10.7-24-24-24h-8C71.6%2032%200%20103.6%200%20192v240c0%2026.5%2021.5%2048%2048%2048h128c26.5%200%2048-21.5%2048-48V304c0-26.5-21.5-48-48-48z'%3E%3C/path%3E%3C/svg%3E");
}

#blog-details blockquote strong{
    font-weight: 600 !important;
}

/* Text within block quotes */
#blog-details blockquote p{
    padding-top: 20px !important;
    font-family: Poppins !important;
}

/* Nested Spans within quote section */
#blog-details blockquote p span{
    font-family: Poppins !important;
    line-height: 1.5 !important;
    width: 100% !important;
    text-align: left !important;
}

/* Top-level spans within quote section */
#blog-details blockquote span{
    width: 100% !important;
    text-align: left !important;
    line-height: 1.5 !important;
}

/* Final top-level span within quote section */
#blog-details blockquote span:last-of-type{
    display: block !important;
    text-align: center !important;
}

/* Final nested span within quote section */
#blog-details blockquote p span:last-of-type{
    display: block !important;
    text-align: center !important;
}

/* 2 Column Layouts  */

/* Child columns */
#blog-details .e-con-inner .e-con-full .e-flex .e-con .e-child{
    width: 50% !important;
}

/* Fix for heading section that is outside of the 2 column layout */
#blog-details .dual-col-break{
    padding-bottom: 0 !important;

}
/* Fix for text within 2 column layout that has a 'seperate' heading - see class above */
#blog-details .dual-col-break p{
    margin-bottom: 0 !important;
    padding-left: 0 !important;
}

/* Fix for child wrapper within 2 column layouts */
#blog-details .dual-col-break .e-con-inner .e-child{
    padding-left: 0px !important;
}

/* Remove top padding from child items*/
#blog-details .e-con-full .e-flex .e-con .e-child {
    padding-top: 0 !important;
}

/* Add padding back if the child directly contains an image */
#blog-details .e-con-full .e-flex .e-con .e-child img {
    padding-top: 10px !important; /* adjust to your original spacing */
}

#blog-details article .wp-block-heading{
    margin-top: 0px !important;
}

#blog-details article p {
    margin-top:15px !important;
    margin-bottom: 15px !important;
}

@media screen and (max-width: 767px) {
    #blog-details blockquote{
        margin-bottom: 0 !important;
        margin-top: 16px !important;
        padding:25px !important;
        font-size: 16px !important;
    }
    #blog-details blockquote:before {
        left: 39% !important;
    }
    #blog-details .main-subheading-h2 p:first-of-type {
        font-size: 22px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    #blog-details .main-subheading-h3 p:first-of-type{
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }


    .single .blog-details-single h3{
        font-weight: 600 !important;
        color: #000000 !important;
        text-transform: capitalize !important;
        font-size: 20px !important;
    }


    #blog-details .main-subheading-h3 p:first-of-type strong {
        font-size: 20px !important;
    }


    #blog-details .content .elementor-widget-image{
        width: 100% !important;
    }

    #blog-details .image img,
    #blog-details .elementor-widget-video,
    #blog-details article .blog-details-single .image img{
        width: auto !important;
        height: auto !important;
        min-height:unset !important;
    }

    #blog-details h1{
        font-size: 26px !important;
    }

    #blog-details .wp-block-list{
        margin-bottom: 0 !important;
    }

    #blog-details .e-child:has(.elementor-widget-image){
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
    #blog-details blockquote span:last-of-type{
        text-align: left !important;
        padding-top: 10px !important;
    }

    /* Body */
    #blog-details div[data-element_type="container"] p:not(:has(strong)):not(:has(b)),
    #blog-details .main-subheading-h2 p:not(:first-of-type),
    #blog-details .content p,
    #blog-details .main-subheading-h3 p:not(:first-of-type),
    #blog-details [data-widget_type="text-editor.default"],
    #blog-details li{
        font-size: 16px !important;
    }

    #blog-details em{
        font-weight: 600 !important;
    }

    /* We only want it on em nodes within the body */
    #blog-details #intro-paragraph em{
        font-weight: unset !important;
    }

    #blog-details #intro-paragraph p{
        font-size: 18px !important;
    }

    #blog-details p.author-names{
        font-family: Poppins !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        color: #262B2E !important;
    }

    #blog-details article p em, #blog-details article p strong{
        font-weight: 600 !important;
        font-size: 16px !important;
        text-transform: unset !important;
    }

    #blog-details h2{
        font-size: 22px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    #blog-details h3{
        font-weight: 600 !important;
        color: #000000 !important;
        text-transform: capitalize !important;
        font-size: 20px !important;
    }

    .blog-content .row div[class^="col-"]{
        width: unset !important;
    }
    #container-fix{
        margin-top:-30px !important;
    }
    #h3-subsection-block{
        margin-top: -14px !important;
    }

    .e-flex.e-con-boxed.e-con.e-parent{
        margin-bottom:0 !important;
    }

    .e-flex.e-con-boxed.e-con.e-parent:has(blockquote), .e-flex.e-con-boxed.e-con.e-parent:has(blockquote) blockquote{
        margin:0 !important;
    }
}



/*
These styles should only be used on articles that have 'weird' HTML structures
*/
@media screen and (max-width: 767px) {
    #blog-details h1{
        font-size: 32px !important;
    }
    
    #blog-details .content p{
    font-size: 16px !important;
}

}

/* Fix for h2 tags trapped within a nested span*/
h2 span strong span,
h2 span strong {
    font-size: 28px !important;
    font-weight: 600 !important;
    color:#000000 !important;
}

/* Fix for h4/h5 tags trapped within a nested strong*/
h4 span strong,
h5 span strong{
    font-size: 22px !important;
    font-weight: 500 !important;
    color:#000000 !important;
}

.content div[data-elementor-id="24783"] .e-con-inner{
    gap: 0 !important;
}


</style>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-014c4ff e-flex e-con-boxed e-con e-parent" data-id="014c4ff" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-736b899 e-con-full e-flex e-con e-child" data-id="736b899" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-33117f5 elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="33117f5" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<h2><span style="color: #333333;"><strong>1. Netflix preview</strong></span></h2>
<p><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none" style="color: #333333;">When previewing a series or movie, Netflix previews the movie trailer with the audio.</span></p>
<p><span style="color: #333333;"><em><strong>Why it&#8217;s bad UX</strong></em></span></p>
<ul>
<li><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none" style="color: #333333;">Automated features rely on assumptions about user preferences, which can lead to frustration if they don’t align with actual needs.</span></li>
</ul>
<p><span style="color: #333333;"><em><strong>Good UX</strong></em></span></p>
<ul>
<li><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none" style="color: #333333;">If a feature disrupts usability or prevents users from accessing important information, it should be reconsidered or removed.</span></li>
</ul>								</div>
				<div class="elementor-element elementor-element-b640c75 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-image" data-id="b640c75" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img decoding="async" width="1200" height="749" src="https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04085841/netflix-ux-design-autoplay.jpg" class="attachment-full size-full wp-image-24788" alt="" srcset="https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04085841/netflix-ux-design-autoplay.jpg 1200w, https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04085841/netflix-ux-design-autoplay-300x187.jpg 300w, https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04085841/netflix-ux-design-autoplay-1024x639.jpg 1024w, https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04085841/netflix-ux-design-autoplay-768x479.jpg 768w, https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04085841/netflix-ux-design-autoplay-370x231.jpg 370w" sizes="(max-width: 1200px) 100vw, 1200px" />															</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-0f04f49 e-flex e-con-boxed e-con e-parent" data-id="0f04f49" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-9526b69 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="9526b69" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-c953080 e-flex e-con-boxed e-con e-parent" data-id="c953080" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-282e268 e-con-full e-flex e-con e-child" data-id="282e268" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-cc8f35a elementor-widget elementor-widget-text-editor" data-id="cc8f35a" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<h2><span style="color: #333333;"><strong>2. <span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none">Long drop down lists</span></strong></span></h2>
<p><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none" style="color: #333333;">Competing forms have become pretty standard, but when it comes to selecting your country, a long list of options can be tedious.</span></p>
<p><span style="color: #333333;"><em><strong>Why it&#8217;s bad UX</strong></em></span></p>
<p><span style="color: #333333;"><!-- /wp:heading --><!-- wp:paragraph --></span></p>
<ul>
<li><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none" style="color: #333333;">Long lists create cogntive overload, increase task time and frustrate users.</span></li>
</ul>
<p><span style="color: #333333;"><em><strong>Good UX</strong></em></span></p>
<p><span style="color: #333333;"><!-- /wp:heading --><!-- wp:paragraph --></span></p>
<ul>
<li><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none" style="color: #333333;">A text entry field with autocomplete would do the job.</span></li>
<li><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none" style="color: #333333;">Filter options are also a great way to narrow down the list in the first place.</span></li>
<li><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none" style="color: #333333;">Aim for lists not longer than 10 options &#8211; although in this use case may be tricky to implement.</span></li>
</ul>
<p><span style="color: #333333;"><!-- /wp:heading --><!-- wp:paragraph --></span></p>
<p><span style="color: #333333;"><!-- /wp:paragraph --><!-- wp:heading --></span></p>
<p><!-- /wp:paragraph --></p>								</div>
				<div class="elementor-element elementor-element-36ee037 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-image" data-id="36ee037" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="1200" height="809" src="https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04085835/common-ux-design-fail-country-list.jpg" class="attachment-full size-full wp-image-24785" alt="" srcset="https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04085835/common-ux-design-fail-country-list.jpg 1200w, https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04085835/common-ux-design-fail-country-list-300x202.jpg 300w, https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04085835/common-ux-design-fail-country-list-1024x690.jpg 1024w, https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04085835/common-ux-design-fail-country-list-768x518.jpg 768w, https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04085835/common-ux-design-fail-country-list-370x249.jpg 370w" sizes="(max-width: 1200px) 100vw, 1200px" />															</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-7048e2b e-flex e-con-boxed e-con e-parent" data-id="7048e2b" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-a881503 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="a881503" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-c752939 e-flex e-con-boxed e-con e-parent" data-id="c752939" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-40e0eb4 e-con-full e-flex e-con e-child" data-id="40e0eb4" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-22a0f39 elementor-widget elementor-widget-text-editor" data-id="22a0f39" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<h2><span style="color: #333333;"><strong>3. <span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none">WhatsApp deleted messages</span></strong></span></h2>
<p><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none" style="color: #333333;">You said something you shouldn&#8217;t have, you sent a message to the wrong WhatsApp group so you utilise the ‘remove’ feature, only to be compromised.</span></p>
<p><span style="color: #333333;"><em><strong>Why it&#8217;s bad UX</strong></em></span></p>
<p><span style="color: #333333;"><!-- /wp:heading --><!-- wp:paragraph --></span></p>
<ul>
<li><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none" style="color: #333333;">Informing the recipient that the sender has deleted a message somewhat defeats the purpose of deleting it in the first place.</span></li>
<li><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none" style="color: #333333;">In fact this design creates suspicion and is likely to prompt an awkward “what did you delete?” type of response.</span></li>
</ul>
<p><span style="color: #333333;"><em><strong>Good UX</strong></em></span></p>
<p><span style="color: #333333;"><!-- /wp:heading --><!-- wp:paragraph --></span></p>
<ul>
<li><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none" style="color: #333333;">Make sure that the function of the feature matches up with the users’ expectations set by the messaging.</span></li>
</ul>
<p><span style="color: #333333;"><!-- /wp:heading --><!-- wp:paragraph --></span></p>
<p><span style="color: #333333;"><!-- /wp:paragraph --><!-- wp:heading --></span></p>
<p><!-- /wp:paragraph --></p>								</div>
				<div class="elementor-element elementor-element-aff31f9 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-image" data-id="aff31f9" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="1024" height="584" src="https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04123509/whatsapp-deleted-message-ux-1-1024x584.png" class="attachment-large size-large wp-image-24805" alt="" srcset="https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04123509/whatsapp-deleted-message-ux-1-1024x584.png 1024w, https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04123509/whatsapp-deleted-message-ux-1-300x171.png 300w, https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04123509/whatsapp-deleted-message-ux-1-768x438.png 768w, https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04123509/whatsapp-deleted-message-ux-1-370x211.png 370w, https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04123509/whatsapp-deleted-message-ux-1.png 1532w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-7854c91 e-flex e-con-boxed e-con e-parent" data-id="7854c91" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-dcf0bc9 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="dcf0bc9" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-5d3d0a7 e-flex e-con-boxed e-con e-parent" data-id="5d3d0a7" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-1322693 e-con-full e-flex e-con e-child" data-id="1322693" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-3211154 elementor-widget elementor-widget-text-editor" data-id="3211154" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<h2><span style="color: #333333;"><strong>4. <span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none">Apple storage</span></strong></span></h2>
<p><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none" style="color: #333333;">That frustrating moment when you try to capture your baby’s first steps or a surprise celebrity sighting at a café, only to be stopped by this message!</span></p>
<p><span style="color: #333333;"><em><strong>Why it&#8217;s bad UX</strong></em></span></p>
<p><span style="color: #333333;"><!-- /wp:heading --><!-- wp:paragraph --></span></p>
<ul>
<li><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none" style="color: #333333;">There’s no clear indication of the users’ available options.</span></li>
<li><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none" style="color: #333333;">There should be a clear sense of just how many pictures need to be deleted in order to take a new picture in that moment, or just how much storage needs to be cleared.</span></li>
<li><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none" style="color: #333333;">Without this snapshot of information, users will rush to delete images to make storage space available.</span></li>
</ul>
<p><span style="color: #333333;"><em><strong>Good UX</strong></em></span></p>
<p><span style="color: #333333;"><!-- /wp:heading --><!-- wp:paragraph --></span></p>
<ul>
<li><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none" style="color: #333333;">Make it easier for users to create space.</span></li>
<li><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none" style="color: #333333;">Recommend duplicates to delete to immediately make space so that the user can continue in that moment.</span></li>
</ul>
<p><span style="color: #333333;"><!-- /wp:heading --><!-- wp:paragraph --></span></p>
<p><span style="color: #333333;"><!-- /wp:paragraph --><!-- wp:heading --></span></p>
<p><!-- /wp:paragraph --></p>								</div>
				<div class="elementor-element elementor-element-8727f68 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-image" data-id="8727f68" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="1370" height="920" src="https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04123443/iphone-storage-ux-design-1.png" class="attachment-full size-full wp-image-24804" alt="" srcset="https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04123443/iphone-storage-ux-design-1.png 1370w, https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04123443/iphone-storage-ux-design-1-300x201.png 300w, https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04123443/iphone-storage-ux-design-1-1024x688.png 1024w, https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04123443/iphone-storage-ux-design-1-768x516.png 768w, https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04123443/iphone-storage-ux-design-1-370x248.png 370w" sizes="(max-width: 1370px) 100vw, 1370px" />															</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-89a62ba e-flex e-con-boxed e-con e-parent" data-id="89a62ba" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-cb3088c elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="cb3088c" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-beaf317 e-flex e-con-boxed e-con e-parent" data-id="beaf317" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-a58bc64 e-con-full e-flex e-con e-child" data-id="a58bc64" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-45126ae elementor-widget elementor-widget-text-editor" data-id="45126ae" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<h2><span style="color: #333333;"><strong>5. <span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none">Wayfair</span></strong></span></h2>
<p><span style="color: #333333;"><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none">Just Sunday browsing the web for new home furniture and you hit this mega menu.</span> <span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none">Do you know where to start?</span></span></p>
<p><span style="color: #333333;"><em><strong>Why it&#8217;s bad UX</strong></em></span></p>
<p><span style="color: #333333;"><!-- /wp:heading --><!-- wp:paragraph --></span></p>
<ul>
<li><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none" style="color: #333333;">The overwhelming number of categories and subcategories in a single dropdown creates cognitive overload.</span></li>
<li><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none" style="color: #333333;">This design forces users to sift through excessive choices, making it harder to find what they need and increasing the risk of decision paralysis.</span></li>
</ul>
<p><span style="color: #333333;"><em><strong>Good UX</strong></em></span></p>
<p><span style="color: #333333;"><!-- /wp:heading --><!-- wp:paragraph --></span></p>
<p class="cvGsUA direction-ltr align-start para-style-body"><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none" style="color: #333333;">Less is more:</span></p>
<ul>
<li><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none" style="color: #333333;">Prioritising essential features and content.</span></li>
<li><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none" style="color: #333333;">Use clear and concise language.</span></li>
<li><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none" style="color: #333333;">Employing visual hierarchy.</span></li>
<li><span class="OYPEnA font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none" style="color: #333333;">Providing ample white space.</span></li>
</ul>
<p><span style="color: #333333;"><!-- /wp:heading --><!-- wp:paragraph --></span></p>
<p><span style="color: #333333;"><!-- /wp:paragraph --><!-- wp:heading --></span></p>
<p><!-- /wp:paragraph --></p>								</div>
				<div class="elementor-element elementor-element-904b661 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-image" data-id="904b661" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="800" height="442" src="https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04085837/image_65e21cb1e207a4d7115e1c5f059a0b77_800png.webp" class="attachment-large size-large wp-image-24786" alt="" srcset="https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04085837/image_65e21cb1e207a4d7115e1c5f059a0b77_800png.webp 800w, https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04085837/image_65e21cb1e207a4d7115e1c5f059a0b77_800png-300x166.webp 300w, https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04085837/image_65e21cb1e207a4d7115e1c5f059a0b77_800png-768x424.webp 768w, https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04085837/image_65e21cb1e207a4d7115e1c5f059a0b77_800png-370x204.webp 370w" sizes="(max-width: 800px) 100vw, 800px" />															</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-9a6c52b e-flex e-con-boxed e-con e-parent" data-id="9a6c52b" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-5b476d9 elementor-widget elementor-widget-text-editor" data-id="5b476d9" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<h3><span style="color: #333333;"><strong>Are your customers having a frustrating user experience?</strong></span></h3>
<p><span style="color: #333333;">Don&#8217;t let small issues turn into lost opportunities. We&#8217;re here to help you uncover their pain points and improve their journey.</span></p>
<p><span style="color: #333333;"><!-- /wp:heading --><!-- wp:paragraph --></span></p>
<p><span style="color: #333333;"><!-- /wp:paragraph --><!-- wp:heading --></span></p>
<p><!-- /wp:paragraph --></p>								</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-86219c7 e-flex e-con-boxed e-con e-parent" data-id="86219c7" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f656f92 elementor-widget elementor-widget-image" data-id="f656f92" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
																<a href="https://webtonic.co.za/contact-us/">
							<img loading="lazy" decoding="async" width="1200" height="400" src="https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04110205/Banner-images-for-emails-600-x-200-px-1.png" class="attachment-full size-full wp-image-24792" alt="" srcset="https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04110205/Banner-images-for-emails-600-x-200-px-1.png 1200w, https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04110205/Banner-images-for-emails-600-x-200-px-1-300x100.png 300w, https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04110205/Banner-images-for-emails-600-x-200-px-1-1024x341.png 1024w, https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04110205/Banner-images-for-emails-600-x-200-px-1-768x256.png 768w, https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/06/04110205/Banner-images-for-emails-600-x-200-px-1-370x123.png 370w" sizes="(max-width: 1200px) 100vw, 1200px" />								</a>
															</div>
					</div>
				</div>
				</div><p>The post <a href="https://webtonic.co.za/what-does-bad-ux-design-look-like/">What does bad UX design look like?</a> first appeared on <a href="https://webtonic.co.za">Webtonic</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Determining the &#8216;Why&#8217;: The True Power of Business Analysis&#8221;</title>
		<link>https://webtonic.co.za/determining-the-why-the-true-power-of-business-analysis/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Thu, 29 May 2025 11:04:57 +0000</pubDate>
				<category><![CDATA[Business Analysis]]></category>
		<guid isPermaLink="false">https://webtonic.co.za/?p=24755</guid>

					<description><![CDATA[<p>Determining the &#8216;Why&#8217;: The True Power of Business Analysis&#8221; By Thandeka Mbokazi   Ever completed a project on time and on budget only to realise you have solved the wrong problem? Depending on the project size and resources, this can either be catastrophic or a regular Tuesday in the office, either way, the consequences it</p>
<p>The post <a href="https://webtonic.co.za/determining-the-why-the-true-power-of-business-analysis/">Determining the ‘Why’: The True Power of Business Analysis”</a> first appeared on <a href="https://webtonic.co.za">Webtonic</a>.</p>]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="24755" class="elementor elementor-24755" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-a156f98 e-flex e-con-boxed e-con e-parent" data-id="a156f98" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f3a736c elementor-widget elementor-widget-heading" data-id="f3a736c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h1 class="elementor-heading-title elementor-size-default">Determining the 'Why': The True Power of Business Analysis"</h1>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-c42a878 e-flex e-con-boxed e-con e-parent" data-id="c42a878" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-6686184 elementor-widget elementor-widget-text-editor" data-id="6686184" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p id="author-names">By Thandeka Mbokazi</p>
<p> </p>
<p><!-- /wp:heading --><!-- wp:paragraph --></p>
<p id="intro_fix">Ever completed a project on time and on budget only to realise you have solved the wrong problem? Depending on the project size and resources, this can either be catastrophic or a regular Tuesday in the office, either way, the consequences it has on resources can’t be ignored. This is where business analysis plays an important role.  Often considered the first phase of development, within business analysis lies the compass, for the direction, vision and even the mere necessity of projects in the first place in some cases, and anchors the project throughout.</p>
<p> </p>
<p><!-- /wp:paragraph --><!-- wp:heading --></p>
<h2 class="wp-block-heading"><strong>What is Business Analysis</strong></h2>
<p><!-- /wp:heading --><!-- wp:paragraph --></p>
<p>According to the International Institute of Business Analysis (IIBA) in their BABOK V3 (Business Analysis Body of Knowledge), Business Analysis is &#8220;the practice of enabling change in an organisational context, by defining needs and recommending solutions that deliver value to stakeholders&#8221;.  </p>
<p>Business Analysis is therefore a set of techniques, tasks, and approaches that professionals employ to help organisations make effective changes. Leveraging communication and collaboration with various stakeholders such as customers, partners, sponsors and investors, etc., business analysts focus on processes of the organisation so that they can find opportunities for improvement.</p>
<p>To thoroughly understand the needs of any organisation, business analysts must fully assess, dive deep and question the goals, opportunities, directives and vision of an organisation, so that they are able to come up with solutions which affects the change and hopefully deliver value to stakeholders.</p>
<p><!-- /wp:paragraph --><!-- wp:heading --></p>
<h2 class="wp-block-heading"><strong>Why the “WHY” matters</strong></h2>
<p><!-- /wp:heading --><!-- wp:paragraph --></p>
<p>Although it may seem a small question and often misunderstood, understanding the “why” especially early in projects, acts as a guide for project direction, helping define clearly what the purpose is, setting the scope environment and giving some idea of how effective delivery of value could be achieved.</p>
<p><!-- /wp:paragraph --><!-- wp:heading {"level":3} --></p>
<h3><strong>Drives meaningful problem realisation</strong></h3>
<p><!-- /wp:heading --><!-- wp:paragraph --></p>
<p>Really digging deep into “why” helps organisations focus on the real problems, that otherwise would be overlooked or not prioritised accordingly. Circling back to the “why” also helps people really face the reality or purpose of what drives projects or change and thus draw out the root cause which could change the whole direction of a project when done correctly.</p>
<p><!-- /wp:paragraph --><!-- wp:heading {"level":3} --></p>
<h3 class="wp-block-heading"><strong>Informs solutions within context</strong></h3>
<p><!-- /wp:heading --><!-- wp:paragraph --></p>
<p>Once a problem is clearly defined, understood and analysed, it becomes much simpler to ideate for solutions that will address the direct problems. Often, these solutions are more informed, suitable and accurate, reducing wasted effort and resources.</p>
<p><!-- /wp:paragraph --><!-- wp:heading {"level":3} --></p>
<h3 class="wp-block-heading"><strong>Helps align stakeholders and improve communication/buy in</strong></h3>
<p><!-- /wp:heading --><!-- wp:paragraph --></p>
<p>Stakeholders can tend to have competing priorities at times. Anchoring everyone to the &#8220;why&#8221; unites them around shared business objectives — not just individual desires. This helps transforms discussions from “what do <em>I</em> want?” to “what are we trying to achieve <em>together</em>?”</p>
<p><!-- /wp:paragraph --><!-- wp:paragraph --></p>
<p>While defining the &#8220;why&#8221; behind a recommendation helps non-technical stakeholders understand the reasoning, increasing trust and reducing resistance to change. For example, the marketing team may want to speed up time to market, while the IT team prioritises data security, defining the why clearly may help bridge these gaps.</p>
<p><!-- /wp:paragraph --><!-- wp:heading {"level":3} --></p>
<h3 class="wp-block-heading"><strong>Helps connect real value to “tasks”</strong></h3>
<p><!-- /wp:heading --><!-- wp:paragraph --></p>
<p>This is probably one of the most important factors, really understanding “why” helps connect real tangible value to requirements for analysts and team members. When the developer for example understands that a prompt deployment of code means the difference between a real customer receiving their delivery on time, or not missing a flight.</p>
<p><!-- /wp:paragraph --><!-- wp:heading --></p>
<h2 class="wp-block-heading"><strong>Conclusion</strong></h2>
<p><!-- /wp:heading --><!-- wp:paragraph --></p>
<p>As the name suggests: analysing a business and helping it to reach its strategic goals by identifying and implementing specific changes is the main purpose of business analysis and consistently, proactively and efficiently asking “why” in conjunction with the rest of the business analysis process to derive the utmost value for organisations sits at the highest priority for any business analyst. Analysis that continues to ask not just “what” we are building, but “why” …. Is where value is truly unlocked.</p>
<p><!-- /wp:paragraph --></p>								</div>
				<div class="elementor-element elementor-element-88e8292 elementor-widget elementor-widget-html" data-id="88e8292" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
#blog-details .content p#intro_fix{
    font-weight: 500 !important;
    font-size: 20px !important;
}
#blog-details .image img,
#blog-details .elementor-widget-video,
#blog-details article .blog-details-single .image img{
    width: 856px !important;
    height: auto !important;
    min-height: 448px !important;
}

#blog-details  p > b, p > strong{
    font-weight: 600 !important;
}

#blog-details  .content p#author-names,
#blog-details  .content p#author-names span{
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;
}

p em{
    font-weight: 600 !important;
}


#blog-details .elementor-widget-video{
    max-width: 856px !important;
}

#blog-details a{
    text-decoration: underline !important;
}

/* Default body text */
#blog-details [data-widget_type="text-editor.default"]{
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #262B2E !important;
}

#blog-details .e-child p{
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

#blog-details .content p {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #262B2E !important;
    text-align: left !important;
}

/* Top Heading */
#blog-details h1 {
    font-family: Poppins !important;
    font-size: 36px !important;
    font-weight: bold !important;
    color: #f7902f !important;
    text-transform: capitalize !important;
}

/* Author */
#blog-details .author-names p{
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;
}

/* Intro Paragraph */
#blog-details  #intro-paragraph p {
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;
}

/* 'H2' subheadings */
#blog-details .main-subheading-h2 p:first-of-type {
    font-family: Poppins !important;
    text-transform: capitalize !important;
    font-size: 28px !important;
    font-weight: bold !important;
    color: #000000 !important;
}

#blog-details h2,#blog-details h2 > strong {
    font-family: Poppins !important;
    text-transform: capitalize !important;
    font-size: 28px !important;
    font-weight: bold !important;
    color: #000000 !important;
    margin:40px 0 17px 0 !important;
}

#blog-details h3{
    font-family: Poppins !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #000000 !important;
}

/* Padding between H2 and text*/
.main-subheading-h2 p:first-of-type {
    margin-bottom: 17px !important
}

/* Body within 'H2' */
#blog-details .main-subheading-h2 p:not(:first-of-type) {
    font-family: Poppins !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #262B2E !important;

}

/* 'Bold' copy within 'H2 section */
#blog-details .main-subheading-h2 p:not(:first-of-type) > b {
    font-weight: 600 !important;
}

/* 'Italic' copy within 'H3' section */
#blog-details .main-subheading-h2 p:not(:first-of-type) em {
    font-weight: 600 !important;
}

/* 'H3' subheadings */
#blog-details .main-subheading-h3 p:first-of-type, .single .blog-details-single h3 {
    font-family: Poppins !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #000000 !important;
}

/* Padding between H3 and text*/
.main-subheading-h3 p:first-of-type {
    margin-bottom: 17px !important
}

/* Body withing 'H3' subheading*/
#blog-details .main-subheading-h3 p:not(:first-of-type) {
    font-family: Poppins !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #262B2E !important;
}

/* 'Bold' copy within 'H3' section */
#blog-details .main-subheading-h3 p:not(:first-of-type) > b {
    font-weight: 600 !important;
}

/* 'Italic' copy within 'H3' section */
#blog-details .main-subheading-h3 p:not(:first-of-type) em {
    font-weight: 600 !important;
}

#blog-details span[style="font-weight: bold;"], #blog-details span[style="font-weight: bolder;"]{
    font-weight: 600 !important;
}

/* All bullet points */
#blog-details li {
    font-weight: 400 !important;
    font-size: 18px !important;
    color: #262B2E !important;
}

/* Spans within bullet points */
#blog-details li span{
    font-weight: 600 !important;
}

/* Quote section */
#blog-details blockquote {
    margin: 0 !important;
    border: 0 none !important;
    background: #f8f8f8 !important;
    width: 100% !important;
    height: auto !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column !important;
    padding: 40px !important;
    margin-bottom: 30px !important;
    position: relative !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    font-family: Poppins !important;
}

/* Quote icon */
#blog-details blockquote:before {
    content: "" !important;
    display: inline-block;
    width: 3em !important;
    top: -15px !important;
    left:49% !important;
    height: 2em !important;
    background: no-repeat center/contain url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20fill='%23f7902f'%20d='M464%20256h-80v-64c0-35.3%2028.7-64%2064-64h8c13.3%200%2024-10.7%2024-24V56c0-13.3-10.7-24-24-24h-8c-88.4%200-160%2071.6-160%20160v240c0%2026.5%2021.5%2048%2048%2048h128c26.5%200%2048-21.5%2048-48V304c0-26.5-21.5-48-48-48zm-288%200H96v-64c0-35.3%2028.7-64%2064-64h8c13.3%200%2024-10.7%2024-24V56c0-13.3-10.7-24-24-24h-8C71.6%2032%200%20103.6%200%20192v240c0%2026.5%2021.5%2048%2048%2048h128c26.5%200%2048-21.5%2048-48V304c0-26.5-21.5-48-48-48z'%3E%3C/path%3E%3C/svg%3E");

}

#blog-details blockquote strong{
    font-weight: 600 !important;
}

/* Text within block quotes */
#blog-details blockquote p{
    padding-top: 20px !important;
    font-family: Poppins !important;
}

/* Nested Spans within quote section */
#blog-details blockquote p span{
    font-family: Poppins !important;
    line-height: 1.5 !important;
    width: 100% !important;
    text-align: left !important;
}

/* Top-level spans within quote section */
#blog-details blockquote span{
    width: 100% !important;
    text-align: left !important;
    line-height: 1.5 !important;
}

/* Final top-level span within quote section */
#blog-details blockquote span:last-of-type{
    display: block !important;
    text-align: center !important;
}

/* Final nested span within quote section */
#blog-details blockquote p span:last-of-type{
    display: block !important;
    text-align: center !important;
}

/* 2 Column Layouts  */
/* Child columns */
#blog-details .e-con-inner .e-con-full .e-flex .e-con .e-child{
    width: 50% !important;
}

/* Fix for heading section that is outside of the 2 column layout */
#blog-details .dual-col-break{
    padding-bottom: 0 !important;

}
/* Fix for text within 2 column layout that has a 'seperate' heading - see class above */
#blog-details .dual-col-break p{
    margin-bottom: 0 !important;
    padding-left: 0 !important;
}

/* Fix for child wrapper within 2 column layouts */
#blog-details .dual-col-break .e-con-inner .e-child{
    padding-left: 0px !important;
}

/* Remove top padding from child items*/
#blog-details .e-con-full .e-flex .e-con .e-child {
    padding-top: 0 !important;
}

/* Add padding back if the child directly contains an image */
#blog-details .e-con-full .e-flex .e-con .e-child img {
    padding-top: 10px !important; /* adjust to your original spacing */
}

/* Utility class that is applied manually to elements */
#blog-details .remove-left-padding{
    padding-left: 0 !important;
    p{
        padding-left: 0 !important;
    }
}

#blog-details article .wp-block-heading{
    margin-top: 0 !important;
}

#blog-details article p {
    margin: 16px 0 !important;
}

@media screen and (max-width: 767px) {
    #blog-details blockquote{
        margin-bottom: 0px !important;
        padding:25px !important;
        font-size: 16px !important;
    }
    #blog-details blockquote:before {
        left: 39% !important;
    }
    #blog-details .main-subheading-h2 p:first-of-type {
        font-size: 22px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    #blog-details .main-subheading-h3 p:first-of-type{
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .single .blog-details-single h3{
        font-weight: 600 !important;
        color: #000000 !important;
        text-transform: capitalize !important;
        font-size: 20px !important;
    }

    #blog-details .main-subheading-h3 p:first-of-type strong {
        font-size: 20px !important;
    }

    #blog-details .content .elementor-widget-image{
        width: 100% !important;
    }

    #blog-details .image img,
    #blog-details .elementor-widget-video,
    #blog-details article .blog-details-single .image img{
        width: auto !important;
        height: auto !important;
        min-height:unset !important;
    }

    #blog-details h1{
        font-size: 26px !important;
    }

    #blog-details .wp-block-list{
        margin-bottom: 0 !important;
    }

    #blog-details .e-child:has(.elementor-widget-image){
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
    #blog-details blockquote span:last-of-type{
        text-align: left !important;
        padding-top: 10px !important;
    }

    /* Body */
    #blog-details div[data-element_type="container"] p:not(:has(strong)):not(:has(b)),
    #blog-details .main-subheading-h2 p:not(:first-of-type),
    #blog-details .content p,
    #blog-details .main-subheading-h3 p:not(:first-of-type),
    #blog-details [data-widget_type="text-editor.default"],
    #blog-details li{
        font-size: 16px !important;
    }


    #blog-details em{
        font-weight: 600 !important;
    }
    /* We only want it on em nodes within the body */
    #blog-details #intro-paragraph em{
        font-weight: unset !important;
    }

    #blog-details #intro-paragraph p {
        font-size: 18px !important;
    }

    #blog-details p.author-names{
        font-family: Poppins !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        color: #262B2E !important;
    }

    #blog-details article p em, #blog-details article p strong{
        font-weight: 600 !important;
        font-size: 16px !important;
        text-transform: unset !important;
    }

    #blog-details h2{
        font-size: 22px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    #blog-details h3{
        font-weight: 600 !important;
        color: #000000 !important;
        text-transform: capitalize !important;
        font-size: 20px !important;
    }
}

@media screen and (max-width: 767px) {
    #blog-details h1{
        font-size: 32px !important;
    }
    
#blog-details .content p#intro_fix{
    font-size: 16px !important;
}
}
div[data-id="c42a878"]{
    margin-top: -24px !important;
}

</style>				</div>
					</div>
				</div>
				</div><p>The post <a href="https://webtonic.co.za/determining-the-why-the-true-power-of-business-analysis/">Determining the ‘Why’: The True Power of Business Analysis”</a> first appeared on <a href="https://webtonic.co.za">Webtonic</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>To build or buy. Confused about off-the-shelf vs custom software solutions?</title>
		<link>https://webtonic.co.za/confused-about-off-the-shelf-vs-custom-software-solutions/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Wed, 21 May 2025 19:51:05 +0000</pubDate>
				<category><![CDATA[Software Development]]></category>
		<guid isPermaLink="false">https://webtonic.co.za/?p=24628</guid>

					<description><![CDATA[<p>To Build or to Buy. Confused about off-the-shelf vs custom software solutions? By Rhyn Potgieter As a CTO or Head of Engineering, you may find yourself in a scenario where you&#8217;re asked to provide a digital solution to help sell and service a new service offering that will give your business a competitive edge in</p>
<p>The post <a href="https://webtonic.co.za/confused-about-off-the-shelf-vs-custom-software-solutions/">To build or buy. Confused about off-the-shelf vs custom software solutions?</a> first appeared on <a href="https://webtonic.co.za">Webtonic</a>.</p>]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="24628" class="elementor elementor-24628" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-6faef4c e-flex e-con-boxed e-con e-parent" data-id="6faef4c" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-0e84773 elementor-widget elementor-widget-html" data-id="0e84773" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
/* Top image */
#blog-details .image img,
#blog-details .elementor-widget-video,
#blog-details article .blog-details-single .image img{
    width: 856px !important;
    height: auto !important;
    min-height: 448px !important;
}

#blog-details .remove-left-padding{
    padding-left: 0 !important;
    p{
        padding-left: 0 !important;
    }
}

/* Collapse Spacers */
div.elementor-widget-spacer{
    display: none !important;
}

.blog-content .row div[class^="col-"]{
    width: 50% !important;
}
.e-flex.e-con-boxed.e-con.e-parent{
    margin: 16px 0 !important;
}

.elementor-widget-text-editor:has(blockquote){
    margin-bottom: 16px !important;
}

#blog-details .elementor-widget-video{
    max-width: 856px !important;
}

#blog-details a{
    text-decoration: underline !important;
}

/* Default body text */
#blog-details [data-widget_type="text-editor.default"]{
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #262B2E !important;
}

#blog-details .e-child p{
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

#blog-details .content p {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #262B2E !important;
    text-align: left !important;

}

/* Top Heading */
#blog-details h1 {
    font-family: Poppins !important;
    font-size: 36px !important;
    font-weight: bold !important;
    color: #f7902f !important;
    text-transform: capitalize !important;
}

/* Author */
#blog-details .author-names p{
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;
}

/* Intro Paragraph */
#blog-details  #intro-paragraph p {
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;
}

/* 'H2' subheadings */
#blog-details .main-subheading-h2 p:first-of-type {
    font-family: Poppins !important;
    text-transform: capitalize !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    color: #000000 !important;
}

/* Padding between H2 and text*/
.main-subheading-h2 p:first-of-type {
    margin-bottom: 16px !important
}

/* Body within 'H2' */
#blog-details .main-subheading-h2 p:not(:first-of-type) {
    font-family: Poppins !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #262B2E !important;

}

/* 'Bold' copy within 'H2 section */
#blog-details .main-subheading-h2 p:not(:first-of-type) > b {
    font-weight: 600 !important;
}

/* 'Italic' copy within 'H3' section */
#blog-details .main-subheading-h2 p:not(:first-of-type) em {
    font-weight: 600 !important;
}

/* 'H3' subheadings */
#blog-details .main-subheading-h3 p:first-of-type strong, .single .blog-details-single h3 {
    font-family: Poppins !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #000000 !important;
}

/* Padding between H3 and text*/
.main-subheading-h3 p:first-of-type {
    margin-bottom: 17px !important
}

/* Body withing 'H3' subheading*/
#blog-details .main-subheading-h3 p:not(:first-of-type) {
    font-family: Poppins !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #262B2E !important;
}

/* 'Bold' copy within 'H3' section */
#blog-details .main-subheading-h3 p:not(:first-of-type) > b {
    font-weight: 600 !important;
}

/* 'Italic' copy within 'H3' section */
#blog-details .main-subheading-h3 p:not(:first-of-type) em {
    font-weight: 600 !important;
}

#blog-details span[style="font-weight: bold;"], #blog-details span[style="font-weight: bolder;"]{
    font-weight: 600 !important;
}

/* All bullet points */
#blog-details li {
    font-weight: 400 !important;
    font-size: 18px !important;
    color: #262B2E !important;
}

/* Spans within bullet points */
#blog-details li span{
    font-weight: 600 !important;
}


#blog-details blockquote strong{
    font-weight: 600 !important;
}

/* Text within block quotes */
#blog-details blockquote p{
    padding-top: 20px !important;
    font-family: Poppins !important;
}

/* Nested Spans within quote section */
#blog-details blockquote p span{
    font-family: Poppins !important;
    line-height: 1.5 !important;
    width: 100% !important;
    text-align: left !important;
}

/* Top-level spans within quote section */
#blog-details blockquote span{
    width: 100% !important;
    text-align: left !important;
    line-height: 1.5 !important;
}

/* Final top-level span within quote section */
#blog-details blockquote span:last-of-type{
    display: block !important;
    text-align: center !important;
}

/* Final nested span within quote section */
#blog-details blockquote p span:last-of-type{
    display: block !important;
    text-align: center !important;
}

/* 2 Column Layouts  */

/* Child columns */
#blog-details .e-con-inner .e-con-full .e-flex .e-con .e-child{
    width: 50% !important;
}

/* Fix for heading section that is outside of the 2 column layout */
#blog-details .dual-col-break{
    padding-bottom: 0 !important;

}
/* Fix for text within 2 column layout that has a 'seperate' heading - see class above */
#blog-details .dual-col-break p{
    margin-bottom: 0 !important;
    padding-left: 0 !important;
}

/* Fix for child wrapper within 2 column layouts */
#blog-details .dual-col-break .e-con-inner .e-child{
    padding-left: 0px !important;
}

/* Remove top padding from child items*/
#blog-details .e-con-full .e-flex .e-con .e-child {
    padding-top: 0 !important;
}

/* Add padding back if the child directly contains an image */
#blog-details .e-con-full .e-flex .e-con .e-child img {
    padding-top: 10px !important; /* adjust to your original spacing */
}

#blog-details article .wp-block-heading{
    margin-top: 0px !important;
}

#blog-details article p {
    margin-top:15px !important;
    margin-bottom: 15px !important;
}

@media screen and (max-width: 767px) {
    #blog-details blockquote{
        margin-bottom: 0 !important;
        margin-top: 16px !important;
        padding:25px !important;
        font-size: 16px !important;
    }
    #blog-details blockquote:before {
        left: 39% !important;
    }
    #blog-details .main-subheading-h2 p:first-of-type {
        font-size: 22px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    #blog-details .main-subheading-h3 p:first-of-type{
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }


    .single .blog-details-single h3{
        font-weight: 600 !important;
        color: #000000 !important;
        text-transform: capitalize !important;
        font-size: 20px !important;
    }


    #blog-details .main-subheading-h3 p:first-of-type strong {
        font-size: 20px !important;
    }


    #blog-details .content .elementor-widget-image{
        width: 100% !important;
    }

    #blog-details .image img,
    #blog-details .elementor-widget-video,
    #blog-details article .blog-details-single .image img{
        width: auto !important;
        height: auto !important;
        min-height:unset !important;
    }

    #blog-details h1{
        font-size: 26px !important;
    }

    #blog-details .wp-block-list{
        margin-bottom: 0 !important;
    }

    #blog-details .e-child:has(.elementor-widget-image){
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
    #blog-details blockquote span:last-of-type{
        text-align: left !important;
        padding-top: 10px !important;
    }

    /* Body */
    #blog-details div[data-element_type="container"] p:not(:has(strong)):not(:has(b)),
    #blog-details .main-subheading-h2 p:not(:first-of-type),
    #blog-details .content p,
    #blog-details .main-subheading-h3 p:not(:first-of-type),
    #blog-details [data-widget_type="text-editor.default"],
    #blog-details li{
        font-size: 16px !important;
    }

    #blog-details em{
        font-weight: 600 !important;
    }

    /* We only want it on em nodes within the body */
    #blog-details #intro-paragraph em{
        font-weight: unset !important;
    }

    #blog-details #intro-paragraph p{
        font-size: 16px !important;
    }

    #blog-details p.author-names{
        font-family: Poppins !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        color: #262B2E !important;
    }

    #blog-details article p em, #blog-details article p strong{
        font-weight: 600 !important;
        font-size: 16px !important;
        text-transform: unset !important;
    }

    #blog-details h2{
        font-size: 22px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    #blog-details h3{
        font-weight: 600 !important;
        color: #000000 !important;
        text-transform: capitalize !important;
        font-size: 20px !important;
    }

    .blog-content .row div[class^="col-"]{
        width: unset !important;
    }
    #container-fix{
        margin-top:-30px !important;
    }
    #h3-subsection-block{
        margin-top: -14px !important;
    }

    .e-flex.e-con-boxed.e-con.e-parent{
        margin-bottom:0 !important;
    }

    .e-flex.e-con-boxed.e-con.e-parent:has(blockquote), .e-flex.e-con-boxed.e-con.e-parent:has(blockquote) blockquote{
        margin:0 !important;
    }
    
    #blog-details h1{
        font-size: 32px !important;
    }

#blog-details div[data-element_type="container"] div.author-names[data-widget_type="text-editor.default"] p:not(:has(strong)):not(:has(b)){
    font-family: Poppins !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #262B2E !important;
}

    
    
}



/* Fix footers*/
#footer-width-fix img{
    width: 100vw !important;
}

#blockquote-1 blockquote, #blog-details blockquote, .blockquote_content{
    background: #54595F !important;
}

#blog-details blockquote strong{
    font-weight: normal !important;
}
@media screen and (min-width:768px){
    #blog-details blockquote h5{
    padding-top:60px;
}

#blockquote-1 blockquote, #blog-details blockquote, .blockquote_content{
    padding-left:16px !important;
    padding-right: 16px !important;

}




</style>				</div>
				<div class="elementor-element elementor-element-6cf0c1c elementor-widget elementor-widget-heading" data-id="6cf0c1c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h1 class="elementor-heading-title elementor-size-default">To Build or to Buy.  Confused about off-the-shelf vs custom software solutions?</h1>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-0569625 e-flex e-con-boxed e-con e-parent" data-id="0569625" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-9b47489 author-names  elementor-widget elementor-widget-text-editor" data-id="9b47489" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>By Rhyn Potgieter</p>								</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-e0b40d2 e-flex e-con-boxed e-con e-parent" data-id="e0b40d2" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-83e4a5f elementor-widget elementor-widget-text-editor" data-id="83e4a5f" data-element_type="widget" data-e-type="widget" id="intro-paragraph" data-widget_type="text-editor.default">
									<p>As a CTO or Head of Engineering, you may find yourself in a scenario where you&#8217;re asked to provide a digital solution to help sell and service a new service offering that will give your business a competitive edge in the market. You have two potential choices, build a custom software solution or buy an off-the-shelf product? </p>								</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-12249bc e-con-full e-flex e-con e-parent" data-id="12249bc" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-b5c7176 elementor-widget elementor-widget-text-editor" data-id="b5c7176" data-element_type="widget" data-e-type="widget" id="intro-paragraph" data-widget_type="text-editor.default">
									<p>We explore the pros and cons of build vs buy in this article.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-a12ea8e e-flex e-con-boxed e-con e-parent" data-id="a12ea8e" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-3affbd0 main-subheading-h2 elementor-widget elementor-widget-text-editor" data-id="3affbd0" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p style="font-size: 20px;"><b>Benefits of Off-the-Shelf: Quick and (Hopefully) Cheaper  🙂</b></p><p>Off-the-shelf software often makes sense, especially for standard business functions like accounting (e.g. Xero), project management (e.g. M365), or CRM systems (e.g. Salesforce). The upfront investment is typically lower because the product&#8217;s development expenses are absorbed across many paying users and these types of product solutions can often be implemented quickly. Support is also generally readily available through a product support desk or user communities.</p>								</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-6d9fc2f e-flex e-con-boxed e-con e-parent" data-id="6d9fc2f" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-55e8400 elementor-widget elementor-widget-text-editor" data-id="55e8400" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>This does however come with trade-offs. You might find yourself adapting your business processes to fit the software product, rather than the other way around. This could mean that you have features included in the product that you don’t need or, more critically, you&#8217;re lacking features critical to your business functions and workflow. Scalability can also be a concern; a rigid off-the-shelf solution might not keep pace with your business&#8217;s growth or evolution.</p>								</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-d5ae7d0 e-flex e-con-boxed e-con e-parent" data-id="d5ae7d0" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-614cf6f main-subheading-h2 elementor-widget elementor-widget-text-editor" data-id="614cf6f" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p style="font-size: 20px; color: #676767;"><span style="font-weight: bold;">When Custom Software Solutions Shine</span></p><p style="color: #676767;">Custom software is designed to precisely match your unique business requirements and workflow. While this means a larger initial investment and a longer development timeline, the long-term benefits can be substantial.</p>								</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-5a4a547 e-flex e-con-boxed e-con e-parent" data-id="5a4a547" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-2470c2e elementor-widget elementor-widget-shortcode" data-id="2470c2e" data-element_type="widget" data-e-type="widget" id="blockquote-1" data-widget_type="shortcode.default">
							<div class="elementor-shortcode">		<div data-elementor-type="section" data-elementor-id="29865" class="elementor elementor-29865" data-elementor-post-type="elementor_library">
					<section class="elementor-section elementor-top-section elementor-element elementor-element-210d0f6c elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="210d0f6c" data-element_type="section" data-e-type="section" id="blockquote-shortcode-fix" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
							<div class="elementor-background-overlay"></div>
							<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4d7f2532" data-id="4d7f2532" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-62374d87 elementor-view-default elementor-widget elementor-widget-icon" data-id="62374d87" data-element_type="widget" data-e-type="widget" data-widget_type="icon.default">
							<div class="elementor-icon-wrapper">
			<div class="elementor-icon">
			<svg aria-hidden="true" class="e-font-icon-svg e-fas-quote-left" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464 256h-80v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8c-88.4 0-160 71.6-160 160v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48zm-288 0H96v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8C71.6 32 0 103.6 0 192v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z"></path></svg>			</div>
		</div>
						</div>
				<div class="elementor-element elementor-element-c7494b2 elementor-widget elementor-widget-htmega-blockquote-addons" data-id="c7494b2" data-element_type="widget" data-e-type="widget" data-widget_type="htmega-blockquote-addons.default">
				<div class="elementor-widget-container">
					            <div class="htmega-blockquote htmega-blockquote-position-centertop htmega-citeseparator-position-before">
                <blockquote>
                    <div class="blockquote_content"><blockquote><h5>We believe that we need to own and control the primary technologies behind the products we make and participate only in markets where we can make a significant contribution.</h5></blockquote></div><cite class="quote-by"> Tim Cook, CEO Apple </cite>                </blockquote>
           </div>

        				</div>
				</div>
				<div class="elementor-element elementor-element-a63a890 elementor-widget elementor-widget-html" data-id="a63a890" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>

/* GLOBAL */

#blockquote-shortcode-fix blockquote {
   border: 0 none;
   background: #54595F;
   width: 100%;
   height: auto;
   text-align: center;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   padding: 20px 32px 0px 32px !important;
   margin-bottom: 20px;
   position: relative;
}

#blockquote-shortcode-fix blockquote  h5 {
    font-family: "Poppins" !important;
    line-height: 1.2 !important;
    font-size:20px !important;
}

#blockquote-shortcode-fix blockquote > h5 > strong {
    font-weight: 500 !important;
    font-size:20px !important;
}


@media screen (min-width:768px) and (max-width:1200px){

}

/* MOBILE */
@media screen and (max-width: 767px) {

 #blockquote-shortcode-fix blockquote {
   padding-right:18px !important;
   padding-left: 18px !important;
   margin-bottom: 10px !important;

}

#blockquote-shortcode-fix .quote-by{
   padding-right: 35px !important;
}

}



    
</style>				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		</div>
						</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-dfdab7e e-flex e-con-boxed e-con e-parent" data-id="dfdab7e" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-252c230 elementor-widget elementor-widget-text-editor" data-id="252c230" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<h2><b>So, when do custom software solutions pay off?</b></h2><p> </p><p><b>1. Unique Business Requirements</b><br />If your company has highly specialised processes or a unique service offering that provides a competitive advantage, forcing it into a generic software package might not be beneficial. For instance, a logistics company planning to use a sophisticated, proprietary routing algorithm to optimise routes and save costs would likely need a custom system to incorporate this unique advantage. It’s about leveraging what makes your company unique.</p><p><b>2. Complex Integration Needs</b><br />Many businesses use a variety of software tools. If a new system needs to<br />communicate seamlessly with multiple existing, perhaps older, internal systems,<br />an off-the-shelf solution might offer limited or cumbersome integration<br />options, potentially leading to errors and inefficiencies. A custom solution<br />can be designed with these integrations in mind from the outset.</p><p><b>3. Scalability is Crucial<br /></b>If you anticipate significant growth or changes to your business model, a custom solution offers greater flexibility. Off-the-shelf software can have limitations on users, data volume, or feature additions. Custom software, especially with a modular design, allows you to add features or modify existing ones as your business evolves.</p><p><b>4. Seeking a Long-Term Competitive Advantage</b><br />Sometimes, the software itself is the competitive advantage. Think of Amazon’s logistics platform or Netflix’s recommendation engine – these are not off-the-shelf products. Custom software solutions can help you develop unique tools or services that competitors can&#8217;t easily replicate.</p><p><b>5. Specific Security or Compliance Requirements</b><br />Sectors like healthcare and finance have stringent data security and compliance regulations (e.g., POPIA or GDPR). While some off-the-shelf solutions cater to these industries, they might not cover all specific nuances of your business or local laws. Custom software allows you to build in the precise security protocols and compliance features needed.</p>								</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-1c4af93 e-flex e-con-boxed e-con e-parent" data-id="1c4af93" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-5812e0e e-con-full e-flex e-con e-child" data-id="5812e0e" data-element_type="container" data-e-type="container" id="h3-subsection-block">
				<div class="elementor-element elementor-element-9d9d9bc elementor-widget elementor-widget-text-editor" data-id="9d9d9bc" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<h3>Our Advice &#8211; Pragmatism is Key </h3><p style="color: #676767;">Choosing custom software development is a significant undertaking. It requires a clear understanding of your needs, a realistic budget, and a <a rel="nofollow" style="text-decoration-line: underline; color: #467886; transition-property: all;" title="Develop innovative digital solutions" href="https://webtonic.co.za/build-new-solutions/">strong development partner</a>. However, if your business has specific requirements that off-the-shelf software <span style="font-weight: bold;">cannot</span> meet, or if you’re looking for software that could make your business more efficient and can give you an edge over your competitors, then choosing to build custom software is a significant but worthwhile decision.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-98508fb e-con-full e-flex e-con e-child" data-id="98508fb" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-8aeb723 elementor-widget elementor-widget-image" data-id="8aeb723" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="474" height="293" src="https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/05/21170201/Screenshot-2025-05-21-at-170117.png" class="attachment-large size-large wp-image-24639" alt="Custom software solutions" srcset="https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/05/21170201/Screenshot-2025-05-21-at-170117.png 474w, https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/05/21170201/Screenshot-2025-05-21-at-170117-300x185.png 300w, https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/05/21170201/Screenshot-2025-05-21-at-170117-370x229.png 370w" sizes="(max-width: 474px) 100vw, 474px" />															</div>
				</div>
		<div class="elementor-element elementor-element-31e6de6 e-con-full e-flex e-con e-child" data-id="31e6de6" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-8eaf6c8 elementor-widget elementor-widget-text-editor" data-id="8eaf6c8" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>The goal isn&#8217;t to choose custom software solutions for its own sake, but to carefully analyse your requirements, strategy and financials to determine if a generic solution will hinder your success or if you need something custom tailored to achieve your business goals.</p>								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-13653b0 e-flex e-con-boxed e-con e-parent" data-id="13653b0" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-501bd4b elementor-widget elementor-widget-text-editor" data-id="501bd4b" data-element_type="widget" data-e-type="widget" id="h3-subsection-block" data-widget_type="text-editor.default">
									<h3>Need a software solution as unique as your business?</h3><p>Webtonic builds custom digital products designed to give you a competitive edge and engage your users effectively.</p><p><b>Take the next step. Get in touch with our team to start building your new solution!</b></p>								</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-55e7846 e-flex e-con-boxed e-con e-parent" data-id="55e7846" data-element_type="container" data-e-type="container" id="footer-width-fix">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-b194cf1 elementor-widget elementor-widget-image" data-id="b194cf1" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
																<a href="/contact-us/">
							<img loading="lazy" decoding="async" width="600" height="200" src="https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/05/22080715/Off-the-shelf-software-1.png" class="attachment-full size-full wp-image-24654" alt="Custom software solutions" srcset="https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/05/22080715/Off-the-shelf-software-1.png 600w, https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/05/22080715/Off-the-shelf-software-1-300x100.png 300w, https://d2hsuvua1zbcvr.cloudfront.net/wp-content/uploads/2025/05/22080715/Off-the-shelf-software-1-370x123.png 370w" sizes="(max-width: 600px) 100vw, 600px" />								</a>
															</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-ac2cd0f e-flex e-con-boxed e-con e-parent" data-id="ac2cd0f" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-0ba9cfb elementor-widget elementor-widget-spacer" data-id="0ba9cfb" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
					</div>
				</div>
				</div><p>The post <a href="https://webtonic.co.za/confused-about-off-the-shelf-vs-custom-software-solutions/">To build or buy. Confused about off-the-shelf vs custom software solutions?</a> first appeared on <a href="https://webtonic.co.za">Webtonic</a>.</p>]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
