Our Work

Below is a mixture of recently completed project and sites that we have an SLA to e maintain.

WordPress Website Design & Development Agency

Business Sites

2022
giftdecor
Corporate
The Gift and Decor Company
Develop a quick corporate site to show products being sourced.
2022
ecafrica
Corporate
EC Africa
Create a basic website to be used to as a lead to signup entrepreneurs to an app that is being developed.
2022
portfolio-iuconsult
Corporate
IU Consult
Client wanted a corporate website for the Analytics industry but wanted something different and fun at the same time.
2022
sarlie web design care partner home care portfolio
Corporate
Care Partner Home Care
A custom designed theme with advanced custom fields to display content data and make site management and updating easy for the client.

E-commerce Sites

2022
portfolio-intouchit
E-Commerce
Intouch IT
New e-commerce website for an online laptop supplier
2022
portfolio-slamdunk
E-Commerce
Slam Dunk Sports
A quick build of the old site that was plagued with layout issues.
2022
sarlie dev clickfurniture
E-Commerce
Click Furniture
This was a duplicate site copy redesign from the Elementor Woodmart theme to Zion builder with a custom theme built for improved speed and performance
2022
sarlie dev 27pinkx
E-Commerce
27PINKX
Design of a boutique cosmetic store with SEO enhancements
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

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

Yasien

Typically replies within an hour

I will be back soon

Hey there 👋
This is Yasien. How can I help you?
WhatsApp