TOGG

Web development, web design
Technologies: HTML, CSS, Tailwind CSS (CSR), JavaScript, jQuery, Fractal (CSR), Twig (CSR), Pattern Lab (WSC), Grunt (WSC), Webpack (WSC), Bootstrap (WSC)

The TOGG (Türkiye’s Automobile Initiative Group) project is an initiative aimed at developing Turkey’s first domestic electric vehicle. As a frontend developer, I worked on two distinct projects within this initiative: CSR (Customer Service Representatives) and WSC (Web Services Center). In both projects, I provided solutions on the frontend side to enhance the user experience.

At the start of the project, we needed to establish an integrated structure using APIs provided by the backend team to deliver dynamic content. Since users needed to see visual and text-based updates instantly as they selected vehicle features, I developed user-friendly and fast structures on the frontend using technologies like HTML, CSS, and Tailwind. Additionally, I worked with tools such as Fractal, Twig, and Pattern Lab to make the interaction between frontend and backend more efficient.

Mobile compatibility was one of our top priorities in the TOGG project. Since the website needed to function seamlessly across all screen sizes, I conducted extensive work to optimize the mobile design. Given that the majority of users accessed the site through mobile devices, I ensured that the responsive design worked flawlessly on every device. Furthermore, I performed performance optimizations to provide users with a fast and smooth experience. Using tools like Grunt and Webpack, I accelerated the site and minimized page load times by eliminating unnecessary loads.

One of the biggest challenges I faced in this project was developing the vehicle configuration page. As users selected vehicle features, the chosen options were immediately reflected on the displayed vehicle. Building this interactive structure, primarily using JavaScript and jQuery, was challenging but immensely rewarding. This feature, which simplified vehicle customization for users, became a critical aspect of the project’s success.

During the project, I also prepared dedicated UI-Kits for the CSR and WSC projects. To ensure design consistency and streamline development processes, I created unique UI-Kits for each project. These UI-Kits included color palettes, typography, button styles, and other design elements tailored to the respective projects. Since the UI designs and structures differed between the CSR and WSC projects, creating customized UI-Kits for each was essential for maintaining efficiency and consistency.

The TOGG project resulted in the sale of nearly 50,000 vehicles. Users were able to easily customize and place orders for their vehicles through the configuration page I developed. This demonstrated the success of the dynamic and user-friendly interface I provided and effectively met user needs. The experiences I gained throughout this project not only enhanced my technical skills but also strengthened my problem-solving abilities.