Establishment of Taesung Contec charging service website

● Portfolio Introduction

This project involves publishing the web page for Taeseong Contech Co., Ltd., a company providing electric vehicle charging services. The website focuses on implementing a responsive design to ensure a user-friendly interface and accessibility across various devices. This approach maximizes the user experience and delivers an optimal display on all devices. Particularly, considering the nature of electric vehicle charging services, we designed an intuitive UI/UX to allow users to easily apply for charger installations and check charging rates.

● Scope of Work

The scope of this project includes planning and design, publishing, responsive design, AJAX communication implementation, unit testing, and third-party testing, encompassing all stages of building a comprehensive website.

• Planning and Design: Focused on user experience (UX) and user interface (UI), we planned and designed the overall structure and design of the website. We especially analyzed user flow to arrange key features for easy access.
• Publishing: We used HTML, CSS, and JavaScript to publish the web pages, ensuring clean code and a structured web page. We wrote the code with reusability and maintainability in mind.
• Responsive Design: Implemented responsive design to provide optimal layouts and styles across various devices such as desktops, tablets, and mobiles. This ensures users experience an optimized display on any device.
• AJAX Communication: Applied AJAX for asynchronous data binding and smooth data transmission with the server, enabling fast and efficient data processing.
• Testing: Conducted cross-browser and cross-device testing to ensure proper functionality in all environments. We performed thorough testing to provide a consistent user experience across different browsers and devices.

● Key Features

• Main Page: Introduces the features of the service, provides information on applying for charger installations, details on charging rates, and information about partners. The charger installation application section is designed intuitively for easy user access.
• Business: Offers detailed information about Taeseong Contech’s services and the company. This helps users easily understand the business scope and achievements of the company.
• Products: Provides detailed information on various types of chargers, making it easy for customers to find the product information they need. Each product's features and technical specifications are clearly presented, expanding the choices for users.
• Customer Support: Includes functionality for real-time charger installation applications using AJAX to maximize user convenience. Also provides essential customer support information such as notices, online inquiries, and directions to the office, ensuring users get the help they need.
• FAQ, Q&A: Implements real-time data binding to provide frequently asked questions and answers, and allows users to submit inquiries directly. This helps users quickly resolve their queries.

● Technologies Used

• Frontend: Utilized HTML5, CSS3, JavaScript, and jQuery to build the structure and style of the web pages. These technologies were used to implement interactive elements and dynamic features.
• AJAX: Used AJAX for asynchronous data transmission and updates, enabling real-time data exchange without page reloads.
• Other Tools: Used Git for version control, tracking code changes, and facilitating smooth collaboration. Additionally, utilized branching to develop and test multiple features simultaneously.

This web development project for Taeseong Contech Co., Ltd. applied various technologies and methods to create a user-centric web page. The responsive design ensures the best user experience on all devices, and AJAX communication enables fast and efficient data processing. Through thorough cross-browser and cross-device testing, we ensured the website functions properly in all environments. This project enhances the online presence of Taeseong Contech Co., Ltd., providing better services and information to users.