Our Work

Below are sites recently completed projects and sites that we maintain.

WordPress Website Design & Development Agency

Business Sites

2024
badatdev
Corporate
Badat Developments
A redesign for an old client looking for a fresh and modern design, layout. The content writing and SEO was enhanced.
2024
Itta Roussos - Yoga
Corporate, Landing Page
Itta Roussos
Client wanted a Wix site redesigned and be more user friendly and functional. The previous developer abandoned the project. A common reality. The needed to be fast and efficient for the European market.
2024
screenshot-[prorisescaffolding.co.za]
Corporate
Pro Rise Scaffolding
We have been working with Pro Rise Scaffolding for many years. We did a redesign for a modern website look and feel.
2024
portfolio-blossom-care
E-Commerce, Corporate
Blossom Care
Redesign current site to make it more appealing for donors and corporate sponsors.
2023
First Class Caregiving
Corporate
First Class Caregiving
The client wanted a site that she was proud enough to show to international accreditors and students. It had to be clean and minimalist with few additional functions to improve the business efficiency. Phase 2 will be to build out an online course portal.
2023
Focus Physio
Corporate
Focus Physio Japan
A Japanese based client wanted to improve SEO and Google Ads results. The previous site was not built efficient and well structure to take advantage of SEO techniques and for Google Ads. We rebuilt the site, keeping most of the design and images.
2023
portfolio-zpe
Corporate
Zero Point Energy
Redesign the website with some modern elements and on page animation effects.
2022
profile-wedding-invite
Landing Page
A Weds V 2023
An online wedding invitation and RSVP landing page. Submit a guest list after RSVP date.

Read Our Testimonials

E-commerce Sites

2024
mikerosoft.co.za portfolio
E-Commerce
MikeRoSoft Training
Mike has been training on the Microsoft Office suite of products for many years. It was now time for him to build his own website and client base to accept online bookings, payments and confirmations. The entire business process is automated.
2024
portfolio-blossom-care
E-Commerce, Corporate
Blossom Care
Redesign current site to make it more appealing for donors and corporate sponsors.
2023
profile-oshunhealth
E-Commerce
Oshun Health
Improve current website UX UI, improve speed and planned maintenance.
2023
Dimple Safety
E-Commerce
Dimple Safety
E-commerce website for an old business but the first time developing a website. Site was built to take advantage of Google Ads and SEO as key marketing drives.
2023
portfolio-omnisaglobal
E-Commerce
Omnisa Global
Redesign current site to make it easier to manage and sell online and position to company better to appeal to the Australian market.
2023
portfolio-logrire
E-Commerce, Corporate
Australian Log Fire
Redesign exisiting site to be more modern with e-commerce functionality and easy product management.
2023
profile-kayobazaar
E-Commerce
Kayo Bazaar
Redesign existing site to a more modern and clean look and feel. Create a more pleasant customer experience. Improve SEO ranking. Improve overall site speed and performance.
2022
profile-prettypartyshop
E-Commerce
Pretty Party Shop
Redesign site and address all issues previous designer was not able to do. Have a better mega menu and related products on product page specific to the theme. Improve SEO score and maintain the website.
usebubbles

Bubbles

While we doing your work, you can use Chrome and install the widget Bubbles that will give you the ability to make live comments on your websites progress.

Our Work Process

Learn the basics of web development and jump-start your process with the guide.
7 Steps of Web Design Development Process.

Consult

Discovery

Design

Development

Feedback

Go Live!

Maintenance

Consult


The focus of the first step is to gather all the necessary information for the project. As a design team, you should ask relevant questions to go deeper into the business needs. Carefully analyze the client's requirements, define the website purpose, and determine the goals of the website. The most popular targets are information sharing and money-making, or both of them. Your team has to think about how business goals can be reached with the aid of a good website.

Next, research the target audience. What is the group of people that you would like to reach first? What is their age, interests, and habits? Answering these questions will help you to determine the best design style for the website. ​ ​

Designers need to get acquainted with the website content. What kind of information will the target audience be looking for on the website? Is it specific information regarding a product or a service, online shopping, or maybe something else? The content and design are directly interconnected with each other.

Discovery


Using the information gathered from phase one, it is time to put it together and make a detailed website plan. At this point, a site map is developed. Site map is the list of all main topic areas of the website, including sub-topics, if applicable. This map will clarify what content will be on the website and will help to understand the navigational structure. The future customers are end-users of the website — their journey has to be as simple as possible. The basis of an easy-to-navigate website is an excellent user interface.

Next, research the target audience. What is the group of people that you would like to reach first? What is their age, interests, and habits? Answering these questions will help you to determine the best design style for the website. ​ ​Designers need to get acquainted with the website content. What kind of information will the target audience be looking for on the website? Is it specific information regarding a product or a service, online shopping, or maybe something else? The content and design are directly interconnected with each other.

Design


As a part of the design process, it is essential to carefully and tastefully apply such visual elements as the logo and brand colors, to strengthen the brand identity on the website. During the design phase, the team usually creates one or more prototypes for the website. A prototype is typically a static image, which represents the final look of the website. A good idea is to create clickable prototypes to help the client feel the website before development begins.

This step usually requires a lot of communication with your clients — e.g., email exchange, collaboration via content sharing services (Dropbox, Zeplin). The client should be informed throughout all the design and development stages to ensure that the final website matches their needs, taste, and vision. Idea exchange and brainstorming are crucial at this step.

Development


At this point, the design itself should be ready. But it is usually in the form of static images. It requires extra development effort to translate it into HTML/CSS, and then to add a layer of animations or JavaScript, depending on the complexity of the design. First, the homepage is developed, followed by a "shell" for the interior pages. The shell serves as a template for the content pages of the website, as it contains the main menu for the website. After this shell has been created, the task of the design team is to populate internal pages with content. During this phase, elements such as interactive contact forms and e-commerce shopping carts should be implemented and made functional.

Communication between your team and the client should remain constant at this step. The client will need to see the changes applied to the website so that all the necessary corrections can be made easily. A great advantage for every designer would be an understanding of front-end development basics. These involve writing valid HTML/CSS code in compliance with web standards and various web browsers. This knowledge will make team collaboration more comfortable and prevent any misunderstandings. Once the development is finished, everything needs to be fully tested.

Feedback


When the content and the visuals are in place, the testing process can be started. Every page has to be tested to make sure that all links are working and the website is displayed correctly in different browsers. Even the word order in titles and descriptions has an impact on the webpage performance in various search engines. Later, when you have some traffic on your website, you can apply A/B testing techniques to find the optimal combination.

Go Live!


Once you are given a final approval from the client, it is time for the website to go live. But before that, the site should be ran-through for the last time to confirm that all files have been uploaded correctly, and the site is fully functional. Besides, the website domain name should be registered, and web hosting accounts set up.

Other final details of this step include plugin installation (for WordPress or other CMS-driven websites) and Search Engine Optimization activities. SEO is the optimization of your website's title, description, and keyword tags, which helps the website to achieve higher positions in search engines. Website optimization for search engines plays a vital role because it ensures that the created website is visible to people, and they can easily find it.

Maintain Your Website


Once the website is live, some regular maintenance is usually required. User testing can be run on new content and features over and over to improve usability and discoverability of features. This all can lead to new design and development tasks.

Our PROCESS

01

Consult

The focus of the first step is to gather all the necessary information for the project. As a design team, you should ask relevant questions to go deeper into the business needs. Carefully analyse the client's requirements, define the website purpose, and determine the goals of the website. The most popular targets are information sharing and money-making, or both of them. Your team has to think about how business goals can be reached with the aid of a good website. Next, research the target audience. What is the group of people that you would like to reach first? What is their age, interests, and habits? Answering these questions will help you to determine the best design style for the website. ​ ​ Designers need to get acquainted with the website content. What kind of information will the target audience be looking for on the website? Is it specific information regarding a product or a service, online shopping, or maybe something else? The content and design are directly interconnected with each other.
02

Discovery

Using the information gathered from phase one, it is time to put it together and make a detailed website plan. At this point, a site map is developed. Site map is the list of all main topic areas of the website, including sub-topics, if applicable. This map will clarify what content will be on the website and will help to understand the navigational structure. The future customers are end-users of the website — their journey has to be as simple as possible. The basis of an easy-to-navigate website is an excellent user interface. Next, research the target audience. What is the group of people that you would like to reach first? What is their age, interests, and habits? Answering these questions will help you to determine the best design style for the website. ​ ​Designers need to get acquainted with the website content. What kind of information will the target audience be looking for on the website? Is it specific information regarding a product or a service, online shopping, or maybe something else? The content and design are directly interconnected with each other.
03

Design

As a part of the design process, it is essential to carefully and tastefully apply such visual elements as the logo and brand colors, to strengthen the brand identity on the website. During the design phase, the team usually creates one or more prototypes for the website. A prototype is typically a static image, which represents the final look of the website. A good idea is to create clickable prototypes to help the client feel the website before development begins. This step usually requires a lot of communication with your clients — e.g., email exchange, collaboration via content sharing services (Dropbox, Zeplin). The client should be informed throughout all the design and development stages to ensure that the final website matches their needs, taste, and vision. Idea exchange and brainstorming are crucial at this step.
04

Development

At this point, the design itself should be ready. But it is usually in the form of static images. It requires extra development effort to translate it into HTML/CSS, and then to add a layer of animations or JavaScript, depending on the complexity of the design. First, the homepage is developed, followed by a "shell" for the interior pages. The shell serves as a template for the content pages of the website, as it contains the main menu for the website. After this shell has been created, the task of the design team is to populate internal pages with content. During this phase, elements such as interactive contact forms and e-commerce shopping carts should be implemented and made functional. Communication between your team and the client should remain constant at this step. The client will need to see the changes applied to the website so that all the necessary corrections can be made easily. A great advantage for every designer would be an understanding of front-end development basics. These involve writing valid HTML/CSS code in compliance with web standards and various web browsers. This knowledge will make team collaboration more comfortable and prevent any misunderstandings. Once the development is finished, everything needs to be fully tested.
05

Feedback

When the content and the visuals are in place, the testing process can be started. Every page has to be tested to make sure that all links are working and the website is displayed correctly in different browsers. Even the word order in titles and descriptions has an impact on the webpage performance in various search engines. Later, when you have some traffic on your website, you can apply A/B testing techniques to find the optimal combination.
06

Go Live!

Once you are given a final approval from the client, it is time for the website to go live. But before that, the site should be ran-through for the last time to confirm that all files have been uploaded correctly, and the site is fully functional. Besides, the website domain name should be registered, and web hosting accounts set up. Other final details of this step include plugin installation (for WordPress or other CMS-driven websites) and Search Engine Optimisation activities. SEO is the optimisation of your website's title, description, and keyword tags, which helps the website to achieve higher positions in search engines. Website optimisation for search engines plays a vital role because it ensures that the created website is visible to people, and they can easily find it.
07

Maintain Your Website

Once the website is live, some regular maintenance is usually required. User testing can be run on new content and features over and over to improve usability and discoverability of features. This all can lead to new design and development tasks.

We're ready to maintain your website

We offer annual website maintenance packages.

Software running your website need to be updated when new features, improvements and security enhancements have been made available. These updates ensure the smooth operation of your website.

Our Services

social media marketing in mobile online
Digital Marketing
Paid Per Click Advertising.
Social Media Marketing.
Email Campaigns.
Content Marketing.
Sarlie Web Design 3d Saly
Business Sites
Profile company sites are a digital interactive format of your company's business. We can bring your company's profile to life.
Sarlie Web Design add to cart
E-commerce Sites
Partner with us to design, build and maintain your e-commerce store. Let's be innovative about your e-commerce design.
WordPress Website Design & Development Agency SEO or Search Engine Optimisation is the process of ranking a web page higher on Google for a search phrase or keyword.
Search Engine Optimisation
We do Search Engine Optimisation (SEO) the hassle free way. We will make simple tweaks to make you get discovered on the net. On-page SEO is standard with all projects.
Sarlie Web Design open book
Copy / Content Writing
You want a website but don’t know how or have the time to get the info from your head to paper, well we can assist in writing your content into a digital format. Use this for the web or a business profile.
Sarlie Web Design html
Custom Coded Sites
We will customise and hand code a site to your specific and unique design and requirements
WordPress Website Design & Development Agency wordpress liquid
WordPress Training
We can help you to learn WordPress for you to manage your website. We offer 1-on-1 and classroom beginner WordPress and WooCommerce training and mentorship.
sarlie web design cloud-server
Website Hosting
Choose a website hosting package based on your business needs. Includes email accounts, unlimited traffic and SSD storage space. E-commerce and Business Website Hosting