Category:
Role:
Web Designer
Position:
Freelancer
Date:
December, 2021 – January, 2022
Industry:
Technology
Region:
USA
Live Demo:
teamsps.com
Summary
Synergy Partner Solutions is a full-stack business management & development company delivering IT Outsourcing services in the US. It’s been trusted for quality and reliability.
I was contacted to create their logo (view logo design project) and website to provide complete information about their services having a simple user interface and user experience.
They were looking for a responsive web experience aligned and consistent with their brand guide.
Outcome
Developed a complete website based on WordPress CMS.
The website was simple and elegant and increased brand awareness and website traffic to around 15.3% in one month.
Tools Used
Adobe Photoshop
For graphic designs and artwork
Divi Page Builder
For WordPress website development
For text communication
Gmail
For email correspondence
Zoom
For video calls & presentations
Problem Statement
A website was missing
No online presence where a visitor could get information regarding the business and services.
Solution (success goal)
To have a complete website to display services and information
The goal was to create a complete, easy-to-use website having a pleasant user experience and easy information architecture.
Design Process
Following is the step-by-step representation of the company’s internal design process.
Click to expand the title to find out more about each step.
Step 1 - Discovery and Requirement Gathering
In this phase, I asked for a few reference websites which the stakeholders liked most. This is one part, another parallel part was to gather all the content for the website since I didn’t give the copywriting services to them and they opted to provide me with all the content.
I also found a few competitors’ websites to get a better idea of what they are offering in terms of design and features.
Step 2 - Design Mock-Up & Iterations
Few design mock-ups were presented to the stakeholders out of which the following design was been selected.
Step 3 - Development (local environment)
After the design finalization, the development was done on a local machine on WordPress’s Divi page builder. This is the best page builder so far which makes life easy during development. There were around 20+ pages on this website and took me around 15-20 working days to complete.
During this phase, it was also been decided to integrate Google Analytics and Facebook Pixel to measure the data for future improvements.
Step 4 - Cross-Device And Cross-Browser Testing
To make sure that everything runs smoothly, I tested the website on mobile, tablet, and desktop screens (1280px-1900px). Also, it was been tested on different browsers for example Google Chrome, Firefox, and Edge.
Step 5 - Migrated Website On Staging (for UAT)
Once the testing was done, the whole website was migrated from the local machine to the staging server for user-acceptance testing.
Step 6 - Iterations & Changes
It’s not unusual to get changes on staging since the client is thoroughly going through the whole website, it’s very common that many changes or additions are done during this phase. Therefore all the changes were been made and again asked for a review.
Step 7 - Got The Thumbs Up And Migrated To the Production (Live) Server
Once all the changes were been made and also reviewed by the stakeholders, I got a green signal to move on. I migrated the staging server website to the production server to make it live.
Step 8 - Final Testing Done On Live Server
Before announcing the Go-Live status, we tested the whole site once again to make sure everything is running smoothly on the live website.
Step 9 - Project Signoff
Once everything was completed, now it was time to officially sign off the project by taking the final consent from the stakeholders.
Real-life Screen Designs
Following is the real-life screen representation on different devices
to get a better idea of the website design
TeamSPS Home Page Design
TeamSPS - enterprise-resource-planning page
TeamSPS About Us Page
Home page (mobile view)
Outcome/Impact
On the basis of our solution and goal set on the project start,
the following is the outcome of what I did.
Created a website that increased brand awareness
and website traffic to around 15.3% in 1 month.
Although the company didn’t have any clear target for increasing the website traffic.
But due to the simple user experience, modern design, social media engagements, and clear branding,
the website yielded around a 15.3% of traffic increase in the first month.