Close

DOE's Website Development Portfolio

Past work Past work

HomeWebsite Development Portfolio[Renovation] Tokyo Gas Yokohama Chuo Energy Co., Ltd.

Web creation record

Following the corporate website, we were commissioned by Tokyo Gas Yokohama Chuo Energy Co., Ltd. to develop their renovation website.

As with the corporate site, the renovation site was built based on the KOTETSU BA Plan, with a custom-designed homepage using our bespoke design option.
The design concept was to create a website that allows visitors to browse in a calm and relaxed state of mind.
With soft color tones and a spacious layout, the site conveys a sense of comfort and reassurance.

The renovation site includes over 100 project example pages. To manage this efficiently, we collaborated closely with the client’s team and divided the production tasks, enabling a cost-effective and efficient workflow.
This approach was made possible by the KOTETSU BA CMS structure, which combines both design flexibility and ease of operation.

In addition, a search system was implemented for the project examples pages, allowing users to quickly find relevant information from a large number of case studies.
Each renovation menu page is structured by theme, balancing rich content with visual clarity.

Overall, one of the key outcomes of this project is the clear and easy-to-follow structure that allows users to navigate and read through the site comfortably.

The plan for this project

Delivery date October 24, 2025
Device compatibility Responsive (PC, Tablet, Smartphone)
Page volume Approximately 1,020 pages
(including corporate and recruitment sites)
Photography Included
CMS Almost fully implemented
[Tokyo Gas Yokohama Chuo Energy / Renovation Site] Home | Mobile View
[Tokyo Gas Yokohama Chuo Energy / Renovation Site] Renovation Menu Page | Mobile View
[Tokyo Gas Yokohama Chuo Energy / Renovation Site] Project Examples Page | Mobile View
[Tokyo Gas Yokohama Chuo Energy / Renovation Site] Renovation Library Page | Mobile View

The KOTETSU BA Plan includes multi-device responsive design as a standard feature.
The website is optimized for PCs, tablets, and smartphones, automatically adjusting layouts according to screen size to provide a comfortable and user-friendly browsing experience.

Get the Latest Updates from DOE

News News