PageSourceSearch

https://touchdreams.agency/

html touchdreams.agency collected 2026-10-10 02:35:14 UTC 20,175 bytes, 35 lines download raw bytes

1<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width"><link rel="icon" type="image/x-icon" href="https://touchdreams.agency/Touchdreams_favicon.png"><title>Beautiful, simple websites | Touchdreams</title><!-- Google Tag Manager -->
1<script>
vendor: 351 bytes, lines 1-5
1(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
2      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
3      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
4      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
5      })(window,document,'script','dataLayer','
5GTM-N8WCCK9
vendor: 3 bytes, line 5
5');
5</script>
5<!-- End Google Tag Manager --><!-- Meta tags --><!-- See https://css-tricks.com/essential-meta-tags-social-media/ --><meta property="og:title" content="Beautiful, simple websites | Touchdreams"><!--<meta property='og:url' content='//www.example.com/URL of the article'/>--><!-- <link lang="scss" rel="stylesheet" href={"https://touchdreams.agency" + "/styles/styles.scss"} /> --><!-- <style lang="scss" is:global>@import "../styles/styles.scss";</style> --><!-- Google Material Icons --><link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"><link rel="stylesheet" href="/_astro/index.9X0AkZKE.css" />
6<link rel="stylesheet" href="/_astro/about-us.ai2anogm.css" />
6<script type="module" src="/_astro/hoisted.ZkopTzCg.js"></script>
6</head> <body data-current-path="/" class="landing-page"> <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, line 6
6 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
6GTM-N8WCCK9
vendor: 83 bytes, line 6
6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 
6<!-- End Google Tag Manager (noscript) --> <header role="banner"> <div role="presentation" class="site-max-width"> <a href="https://touchdreams.agency/" class="logo"> <img src="https://touchdreams.agency/images/Touchdreams_logo.svg"> </a> <div class="country-selector"> <select> <option selected="true">🇿🇦</option> <option>🇬🇧</option> </select> <!-- <button>🇬🇧</button> --> </div> <nav data-currentPath="/"> <div class="has-submenu"> <span class="level-1 link">
7Websites
8<span class="expand icon">&#8249;</span> </span> <div class="submenu"> <div class="has-columns"> <div> <a class="link" href="https://touchdreams.agency/websites">Website design</a> <a class="link" href="https://touchdreams.agency/our-process">Our process</a> <a class="link" href="https://touchdreams.agency/event-websites">Event websites</a> <a class="link" href="https://touchdreams.agency/pricing">Pricing</a> <a class="link" href="https://touchdreams.agency/questions-answers">Questions & Answers</a> </div> <div> <a class="link" href="https://touchdreams.agency/websites/software-we-use">Software we use</a> <a class="link" href="https://touchdreams.agency/websites/measuring-performance">Measuring performance</a> <a class="link" href="https://touchdreams.agency/websites/search-engine-optimisation">SEO</a> <a class="link" href="https://touchdreams.agency/websites/social-media">Social media</a> <a class="link" href="https://touchdreams.agency/maintenance">Site Maintenance</a> <!--<a>Drupal</a>--> <!--<a>Wordpress</a>--> <!--<a>Webflow</a>--> <!--<a>Shopify and Ecommerce</a>--> </div> </div> </div> </div> <a href="https://touchdreams.agency/portfolio" class="level-1 link">
9Portfolio</a> <a href="https://touchdreams.agency/about-us" class="level-1 link">
10About</a> <a href="https://touchdreams.agency/blog" class="level-1 link">
11Blog</a> <a href="https://touchdreams.agency/contact-us" class="level-1 link show-on-mobile">
12Contact</a> <div class="hidden show-on-mobile social-icons"> <a href="https://www.facebook.com/Touchdreams/" target="_blank"><i class="material-icons">facebook</i></a> <a href="https://za.linkedin.com/company/touchdreams" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="white" d="M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77Z"></path></svg></a> </div> </nav> <button class="header-btn"><a href="/contact-us"><i class="material-icons">call</i><span>Get in touch</span></a></button> <button id="narrow-menu-toggle"> <svg aria-hidden="true" data-prefix="fal" data-icon="bars" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-bars fa-w-14 fa-3x"> <path fill="currentColor" d="M442 114H6a6 6 0 0 1-6-6V84a6 6 0 0 1 6-6h436a6 6 0 0 1 6 6v24a6 6 0 0 1-6 6zm0 160H6a6 6 0 0 1-6-6v-24a6 6 0 0 1 6-6h436a6 6 0 0 1 6 6v24a6 6 0 0 1-6 6zm0 160H6a6 6 0 0 1-6-6v-24a6 6 0 0 1 6-6h436a6 6 0 0 1 6 6v24a6 6 0 0 1-6 6z" class=""></path></svg> </button> </div> </header> <main role="main">  <div class="bg-white home"> <section class="hero bg-navy"> <div role="presentation" class="site-max-width"> <div class="text"> <p class="primary">Hi. We’re Touchdreams.</p> <p class="secondary">We create beautiful, simple,<br>flexible websites.</p> <p class="places"> <span>United Kingdom</span>
13&nbsp; &bull; &nbsp;
14<span>South Africa</span> </p> </div> <div> <article class="project"> <div class="show field image"> <img src="https://cms.touchdreams.agency/web/sites/default/files/styles/portfolio_sample/public/2021-11/AWEI_screenshot.jpg?itok=VvtXHfej"> </div> </article> </div> </div> </section> </div> <div class="no-height"> <button class="cta-btn negative-margin">Already know what you need?<span><a href="/contact-us">&nbsp;Get in touch</a></span></button> </div> <section class="bg-white"> <div role="presentation" class="site-max-width text-grid"> <p class="v-large">Websites don't need to be expensive<span style="color: #d10000;">.</span></p> <p>While lot of freelancers and agencies will try to cheat you to pay more than necessary, we won't. You'll be able to afford the fair prices we charge for the world-class sites we create. Curious how much? Take a look on our <a href="https://touchdreams.agency/websites">Websites page</a>.</p> <p class="v-large">Websites can be simple and delightful<span style="color: #eb00df;">.</span></p> <p>Let's start by simply explaining why your business exists. Then we'll add a few beautiful pictures of your products. We'll add a dash of colour for some personality, and a bit of animation to give it life. Let's make it magic! Like those in <a href="https://touchdreams.agency/portfolio">our Portfolio</a>.</p> <p class="v-large">Your website should grow your business<span style="color: #008ae0;">.</span></p> <p>Your customers are looking for you, so let's make sure they find your website. When they arrive, let's help them decide to take action; whether that's buying a product or booking a meeting. Want your website to do this? Chat to us on our <a href="https://touchdreams.agency/contact">Contact page</a>.</p> </div> <!-- <div class="text-max-width"> --> <hr> <h2 class="site-max-width primary text-align-center">Who have we made websites for?</h2> <div class="cols-5 text-max-width home-logos"> <img class="pwc logo" src="/images/logos/PwC_logo_600.png"> <img class="expat logo" src="/images/logos/Expat_Arrivals_logo.png"> <img class="shoprite logo" src="/images/logos/Shoprite_Group_logo.png"> <img class="cambridge logo" src="/images/logos/University_of_Cambridge_logo.png"> <img class="monatic logo" src="/images/logos/House_of_Monatic_logo.png"> </div> <p class="text-align-center site-max-width">
14And over 100 others you may not have heard of</p> <!-- </div> --> </section> <section class="bg-pale-blue"> <div role="presentation" class="site-max-width text-align-center"> <h2 class="primary">What have we made?</h2> <div class="splide projects-carousel" aria-label="Splide Basic HTML Example"> <div class="splide__track"> <ul class="splide__list"> <li class="splide__slide"> <article class="project slide"> <div class="show field image"> <img src="https://cms.touchdreams.agency/web/sites/default/files/styles/portfolio_sample/public/2023-12/anchorenvironmental.co_.za_.jpg?itok=WYDhDjmZ"> </div> <div class="tell"> <h3><a href="https://touchdreams.agency/projects/anchor-environmental-revamp">Anchor Environmental Revamp</a></h3> </div> </article> </li><li class="splide__slide"> <article class="project slide"> <div class="show field image"> <img src="https://cms.touchdreams.agency/web/sites/default/files/styles/portfolio_sample/public/2023-12/www.davidrogers.co_.za_.jpg?itok=BN2vmnnR"> </div> <div class="tell"> <h3><a href="https://touchdreams.agency/projects/david-rogers-travel">David Rogers Travel</a></h3> </div> </article> </li><li class="splide__slide"> <article class="project slide"> <div class="show field image"> <img src="https://cms.touchdreams.agency/web/sites/default/files/styles/portfolio_sample/public/2023-12/Coverit_website_Screenshot.jpg?itok=0C6sEsQy"> </div> <div class="tell"> <h3><a href="https://touchdreams.agency/projects/cover-it">Cover It</a></h3> </div> </article> </li><li class="splide__slide"> <article class="project slide"> <div class="show field image"> <img src="https://cms.touchdreams.agency/web/sites/default/files/styles/portfolio_sample/public/2023-12/sals.org_.za_.www34.jnb2_.host-h.net_user_login.jpg?itok=GVJlW5AJ"> </div> <div class="tell"> <h3><a href="https://touchdreams.agency/projects/south-africa-legislative-sector">South Africa Legislative Sector</a></h3> </div> </article> </li><li class="splide__slide"> <article class="project slide"> <div class="show field image"> <img src="https://cms.touchdreams.agency/web/sites/default/files/styles/portfolio_sample/public/2023-12/www.thwiconstruction.co_.za_.jpg?itok=rP4VgkfS"> </div> <div class="tell"> <h3><a href="https://touchdreams.agency/projects/thwi-construction">THWI Construction</a></h3> </div> </article> </li> </ul> </div> </div>  <!-- <p class="more text-align-center">
15          <a class="" href={sitePath + "/portfolio"}>See more of our projects</a>
16        </p> --> </div> </section> <div class="no-height"> <button class="cta-btn">Want to know more?<span><a href="/websites/#how-we-make">&nbsp;How we make websites</a></span></button> </div> <section class="bg-white"> <div role="presentation" class="site-max-width text-align-center"> <h2 class="primary top-spacing">Kind words by our clients</h2> <div class="splide testimonials-carousel" aria-label="Splide Basic HTML Example"> <div class="splide__track"> <ul class="splide__list"> <li class="splide__slide"> <testimonial class="testimonial preview" drupal-id="132" data-astro-cid-fkbbckhy> <div class="field" data-astro-cid-fkbbckhy> <p>I love my new site, and am proud of it! Thank you for everything! I like the process. It worked well as you got to know my business better and better. I have also recommended you to others.</p>
17</div> <div class="footer" data-astro-cid-fkbbckhy> <img src="https://cms.touchdreams.agency/web/sites/default/files/styles/medium/public/2021-11/Denise_Milner_profile_photo.jpg?itok=FPEHtN2A" data-astro-cid-fkbbckhy> <div class="attribution" data-astro-cid-fkbbckhy> <h3 data-astro-cid-fkbbckhy>Denise Milner</h3> <p data-astro-cid-fkbbckhy>Owner, Surgical Bliss</p> </div> </div> </testimonial>  </li><li class="splide__slide"> <testimonial class="testimonial preview" drupal-id="131" data-astro-cid-fkbbckhy> <div class="field" data-astro-cid-fkbbckhy> <p>It is my pleasure to recommend Dane. He has worked closely with our team to build and maintain our websites. He is always thoroughly professional, easy to work with and quick to respond to requests. Dane is hugely knowledgeable but also keeps things simple and doesn’t over complicate or over promise. We hope to continue working with Dane for years to come.</p>
18</div> <div class="footer" data-astro-cid-fkbbckhy> <img src="https://cms.touchdreams.agency/web/sites/default/files/styles/medium/public/2021-11/Tom_Pitman.jpg?itok=braPX_0u" data-astro-cid-fkbbckhy> <div class="attribution" data-astro-cid-fkbbckhy> <h3 data-astro-cid-fkbbckhy>Tom Pitman</h3> <p data-astro-cid-fkbbckhy>Owner, Expat Arrivals &amp; Word Travels</p> </div> </div> </testimonial>  </li><li class="splide__slide"> <testimonial class="testimonial preview" drupal-id="71" data-astro-cid-fkbbckhy> <div class="field" data-astro-cid-fkbbckhy> <p>We used Touchdreams to create a microsite for a new product we were developing under the Merieux NutriSciences brand. Their work was timeous, hassle-free, and of a high standard. Moreover, they were incredibly helpful in their approach, knowledgeable, and all-round easy to deal with. I would definitely recommend their services to others looking for web development work to be done.</p>
19</div> <div class="footer" data-astro-cid-fkbbckhy> <img src="https://cms.touchdreams.agency/web/sites/default/files/styles/medium/public/2022-01/Ashton_van_den_Bergh.jpg?itok=fiWfIo5u" data-astro-cid-fkbbckhy> <div class="attribution" data-astro-cid-fkbbckhy> <h3 data-astro-cid-fkbbckhy>Ashton van den Bergh</h3> <p data-astro-cid-fkbbckhy>Marketing &amp; Communic, Merieux NutriSciences</p> </div> </div> </testimonial>  </li><li class="splide__slide"> <testimonial class="testimonial preview" drupal-id="70" data-astro-cid-fkbbckhy> <div class="field" data-astro-cid-fkbbckhy> <p>Touchdreams redesigned our website for Prints on Paper and were a pleasure to work with! They understood our needs and did a great job working with our ideas and making them a reality. We would definitely recommend them for small business owners.</p>
20</div> <div class="footer" data-astro-cid-fkbbckhy> <img src="https://cms.touchdreams.agency/web/sites/default/files/styles/medium/public/2022-01/Louise_Van_Der_Bijl.jpg?itok=oJbWYQvl" data-astro-cid-fkbbckhy> <div class="attribution" data-astro-cid-fkbbckhy> <h3 data-astro-cid-fkbbckhy>Louise Van Der Bijl</h3> <p data-astro-cid-fkbbckhy>, Prints on Paper</p> </div> </div> </testimonial>  </li><li class="splide__slide"> <testimonial class="testimonial preview" drupal-id="69" data-astro-cid-fkbbckhy> <div class="field" data-astro-cid-fkbbckhy> <p>Dane Rossenrode from Touchdreams assisted us in redesigning our website, The Simonow Collection, in late 2015. Featuring over 500 artworks, it was vital to us that the new site display these works with justice, whilst also remaining efficient on both desktop and mobile devices. From start to finish Dane bent over backwards to make this a reality, delivering everything to brief and more. A true professional and someone that we would recommend without hesitation.</p>
21</div> <div class="footer" data-astro-cid-fkbbckhy> <img src="https://cms.touchdreams.agency/web/sites/default/files/styles/medium/public/2022-01/Freddie_Child-Villiers.jpg?itok=zVQnUx-D" data-astro-cid-fkbbckhy> <div class="attribution" data-astro-cid-fkbbckhy> <h3 data-astro-cid-fkbbckhy>Freddie Child Villiers</h3> <p data-astro-cid-fkbbckhy>, The Simonow Collection</p> </div> </div> </testimonial>  </li> </ul> </div> </div>  </div> </section> <section class="bg-pale-blue"> <div role="presentation" class="site-max-width"> <h2 class="primary text-align-center">Tips for a great website</h2> <div class="cols-4"> <article class="article card"> <div class="field"> <img src="https://cms.touchdreams.agency/web/sites/default/files/styles/medium_16_9/public/2023-12/V481XKVaJqU.jpg?itok=ZGG7BwTb"> </div> <div class="tell"> <h3><a href="https://touchdreams.agency/articles/rural-offline-learning-drupal">Rural Offline Learning with Drupal</a></h3> <div class="field body"> </div> </div> </article><article class="article card"> <div class="field"> <img src="https://cms.touchdreams.agency/web/sites/default/files/styles/medium_16_9/public/2022-07/How_to_buy_a_website_0.jpg?itok=eYHhirhq"> </div> <div class="tell"> <h3><a href="https://touchdreams.agency/articles/how-buy-website">How to buy a website</a></h3> <div class="field body"> <p>We explore the things you can do to find the perfect web designer / developer and to provide them with just what they need.</p>
22</div> </div> </article><article class="article card"> <div class="field"> <img src="https://cms.touchdreams.agency/web/sites/default/files/styles/medium_16_9/public/2022-07/What_are_websites_made_of_0.jpg?itok=xzQJ5KY1"> </div> <div class="tell"> <h3><a href="https://touchdreams.agency/articles/what-are-websites-made">What are websites made of?</a></h3> <div class="field body"> <p>We look under the hood to understand what websites are really composed of.</p>
23</div> </div> </article><article class="article card"> <div class="field"> <img src="https://cms.touchdreams.agency/web/sites/default/files/styles/medium_16_9/public/2022-07/Webflow_agencies_South_Africa.jpg?itok=QFZQudXc"> </div> <div class="tell"> <h3><a href="https://touchdreams.agency/articles/webflow-agencies-sa-2022">Webflow agencies in SA 2022</a></h3> <div class="field body"> <p>While Webflow may be new to our country, it's definitely making its mark. We did some research for you, finding all the professionals using it to make sites in SA.</p>
24</div> </div> </article> </div> <p class="more text-align-center"> <a class="" href="https://touchdreams.agency/blog">Read more of these</a> </p> </div> </section>  <!-- your content is injected here --> </main> <section id="prefooter" class="text-align-center"> <div role="presentation" class="site-max-width"> <div class="prefooter-box"> <h2 class="primary">Ready to meet?</h2> <!--<table class="borderless centered">
25        <tr><td>phone us</td><td>
26          &lt;!&ndash;<a href="tel:+447554897251">+44 755 489 7251 (UK)</a>&ndash;&gt;
27          <details class="inline"><strong>UK</strong><a href="tel:+447554897251">+44 755 489 7251</a></details>
28          <details class="inline"><strong>SA</strong><a href="tel:+27820547636">+27 82 054 7636</a></details>
29        </td></tr>
30        <tr><td>email us</td><td><a href="mailto:[email protected]">[email protected]</a></td></tr>
31      </table>--> <p><strong>UK</strong> &nbsp; <a href="tel:+447554897251">+44 755 489 7251</a>
32&bull;
33<strong>SA</strong> &nbsp; <a href="tel:+27820547636">+27 82 054 7636</a></p> <p><a href="mailto:[email protected]">[email protected]</a></p> <!-- <p class="more_link"><a href={sitePath + "/newsletter"}>Signup to our newsletter</a>
34        or see our <a data-mce-href={sitePath + "/contact_us"} href={sitePath + "/contact-us"}>Contact page</a></p> --> </div> </div> </section> <footer role="contentinfo"> <nav> <a href="https://touchdreams.agency/websites">Websites</a> <a href="https://touchdreams.agency/portfolio">Portfolio</a> <a href="https://touchdreams.agency/about-us">About</a> <a href="https://touchdreams.agency/blog">Blog</a> <a href="https://touchdreams.agency/contact-us">Contact</a> </nav> <div role="presentation" class="site-max-width"> <div> <p>Touchdreams is a small website design and development agency in Cape Town. We build sites for small businesses and non-profit organisations of all kinds, typically using content management systems such as Drupal. We love what we do, and are always happy to chat about your website needs.</p> </div> <div class="logo" style="max-width: calc(150px + 10vw);"> <img src="https://touchdreams.agency/images/Touchdreams_logo_transp.png" style="width: 280px;"> <p style="margin: 0;"> <!-- <span><a href="/web-design-london">London, UK</a></span>
35        &nbsp; &bull; &nbsp; --> <span>Cape Town, SA</span> </p> </div> </div> </footer> <!--<FAB />--> <!-- Google fonts -->
35 <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Amiri&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400&display=swap" rel="stylesheet"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap" rel="stylesheet">  </body> </html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.