Table of content
What Does A Web Design and Development Project Look Like at Saigon Digital?
Phases
- Discovery
- Design
- Development
- Testing / Amends
- Training / Handover
- Launch
- Growth
1. Discovery
A web design discovery phase is the initial stage of a website design project where the design team works with the client to gain a deep understanding of the client’s goals, requirements, and preferences for the website. During this phase, the team conducts research and gathers information to help define the project scope, establish the design direction, and create a plan for the project.
The discovery phase typically involves a series of meetings, interviews, and workshops between the design team and the client, where they discuss the project’s objectives, target audience, content strategy, branding, and design preferences. The team also analyses the client’s existing website (if any), industry trends, and competitors to identify opportunities and challenges.
The outcome of the discovery phase is a comprehensive project brief that outlines the project’s goals, scope, budget, timeline, and deliverables. This document serves as a roadmap for the design team to create a website that meets the client’s needs and expectations. By investing time and effort in the discovery phase, the design team can ensure that the website’s design and functionality align with the client’s business objectives and effectively engage the target audience.
2. Design
After the web design discovery phase is complete, the next phase of the website design process is the design phase. During this phase, the design team uses the information gathered during the discovery phase to create the visual design and layout of the website.
The design phase typically begins with the creation of wireframes or sketches, which visually represent the website’s structure and layout. The wireframes are usually created using a tool such as Sketch, Adobe XD, or Figma, and they are used to define the website’s information architecture and content hierarchy.
Once the wireframes are approved, the design team moves on to the visual design phase, where they create the website’s visual elements, including colour schemes, typography, graphics, and imagery. The visual design is often created using tools such as Photoshop or Sketch.
During the design phase, the design team also creates responsive design layouts that ensure the website looks and functions optimally on different screen sizes and devices. The team considers the user experience, ensuring that the design is intuitive and easy to use for the website’s target audience.
After the design is complete, the team presents it to the client for feedback and approval. Any necessary revisions are made before moving on to the development phase.
Overall, the design phase is where the website’s visual and aesthetic aspects are defined, and the website’s look and feel are established. It is an essential part of the website design process that ensures the website is visually appealing and user-friendly.
3. Development
The development phase is the stage in the website design process where the website’s design and functionality are brought to life through coding and programming. Typically Saigon Digital development team would be building a JAMstack based Project with our favourite tools such as Gatsby JS or Next JS using a Headless CMS.
During this phase, the design team works closely with the development team to ensure that the website is developed to meet the design specifications and pixel perfect creation of the user interfaces.
The development phase begins with the creation of the website’s backend, which includes the development of the content management system (CMS) and the database. The CMS is the platform used to manage and update the website’s content, while the database stores the website’s content and user information.
Once the backend is complete, the development team begins working on the frontend, which is the visible part of the website that users interact with. The frontend is developed using programming languages such as HTML, CSS, and JavaScript, and it includes the website’s layout, typography, graphics, and interactive elements.
The development team also ensures that the website is responsive and optimised for different devices and screen sizes. They test the website’s performance, speed, and functionality to ensure that it meets the design specifications and provides a seamless user experience.
After the development phase is complete, the website is ready for testing and quality assurance (QA) before launch. During the QA phase, the website is tested to ensure that it is free from errors and bugs and functions as intended. Any issues identified during testing are addressed before the website is launched.
In summary, the development phase is where the website’s design comes to life, and the website’s functionality and interactivity are implemented. It is a critical phase in the website design process that ensures the website is functional, responsive, and user-friendly.
4. Amends, Testing and Feedback
The amends, testing, and client feedback phase is the stage in the website design process where the website is refined and polished before its launch. During this phase, the website is tested rigorously, and the client provides feedback and makes any necessary changes.
The amends phase is where any final changes are made to the website’s design and functionality. The design team works closely with the development team to ensure that the changes are implemented correctly. The changes may include adjustments to the website’s layout, typography, graphics, or functionality based on the client’s feedback.
The testing phase involves the testing of the website’s functionality, performance, and compatibility across different devices and browsers. The website is tested to ensure that it loads quickly, functions correctly, and is free from bugs and errors.
Client feedback is an essential aspect of the amends and testing phase. The client reviews the website and provides feedback on any issues or areas for improvement. The design team considers the client’s feedback and makes any necessary changes to ensure that the website meets the client’s expectations.
Overall, the amends, testing, and client feedback phase is a critical part of the website design process that ensures that the website is refined and polished before its launch. It helps to ensure that the website is functional, responsive, and user-friendly and that it meets the client’s needs and expectations.
5. Traning & Handover
A website training and handover process involves the transfer of knowledge, skills, and ownership of a website that Saigon Digital has built to the client or end user. This process typically includes the following steps:
- Documentation: Saigon Digital provides the client with comprehensive documentation detailing the website’s technical specifications, features, and functionality. This documentation should also include instructions for maintaining and updating the website.
- Training: There will also be a training session for the client’s staff or users to ensure they understand how to use the website’s content management system (CMS), as well as any other tools or features they need to operate the website. This training may be done in person or remotely through video conferencing.
- Walkthrough: Saigon Digital will provide a walkthrough of the website’s features and functionality, showing the client how to perform common tasks such as adding new content, updating pages, and managing user accounts.
The website training and handover process is essential for ensuring that the client is able to fully take ownership of their website and effectively manage it going forward. By providing comprehensive documentation, training, and ongoing support, Saigon Digital will ensure a smooth transition and a successful long-term partnership.
6. Go Live
The go-live and support process is the final stage in the website design process, where the website is launched and made available to the public. This process involves the deployment of the website to a live server and the implementation of a support plan to ensure that the website runs smoothly and efficiently after its launch.
During the go-live process, the website is transferred from the development server to the live server. This involves testing the website’s functionality on the live server to ensure that it is working correctly. The DNS records are also updated to point to the new live server, and any necessary security measures are implemented to protect the website from potential security threats.
The go-live and support process is a critical part of the website design process that ensures that the website is launched successfully and that ongoing support is provided to ensure its continued success. It helps to ensure that the website is functional, secure, and user-friendly, and that the client is satisfied with the final product that Saigon Digital has delivered.
Post-launch monitoring: After launching a website, it’s important to monitor its performance and make any necessary tweaks or fixes. This may include tracking traffic and user behaviour, fixing any bugs or errors, and making updates to content or functionality as needed.
7. Growth
After the website is launched, Saigon Digital will help grow and maintain the project. A support and growth plan is put in place to provide ongoing maintenance and support. The support plan will include regular software updates, security patches, monitoring, reporting and backups to ensure the website’s continued performance and security.
The support plan also includes providing ongoing technical support to the client to help them with any issues that may arise. This may include providing training on how to use the content management system (CMS), resolving technical issues, and providing ongoing website maintenance.
Saigon Digital offers a Business Growth Accelerator service. This service offers a wide range of different tasks, including Digital Marketing, Conversion Rate Optimisation, Technical SEO, Reporting / Monitoring and Development benefits to help continue to build and scale our clients’ websites as we help accelerate the success of the project for years to come.
If you or your business and website need any of the mentioned digital marketing services above, reach out to Saigon Digital today for a chat about your project.
