![We have added C&S [Material Sales for the Food Service Industry / Responsive Website] to our website development portfolio.](https://en.doe.co.jp/wp-content/uploads/2024/06/cands-eyecatch.png)
10
sec
Close
Close
DOE's Website Development Portfolio
Past work Past work
Web creation record
Pine Valley
[Harley Parts Shop / Website Development Portfolio]
![[Pine Valley] Homepage](https://en.doe.co.jp/wp-content/uploads/2017/09/works87-screenshot-pc01-1.webp)
![[Pine Valley] Akki Blog Homepage](https://en.doe.co.jp/wp-content/uploads/2017/09/works87-screenshot-pc02.webp)
![[Pine Valley] Injection Tuning Index Page](https://en.doe.co.jp/wp-content/uploads/2017/09/works87-screenshot-pc03.webp)
![[Pine Valley] Tuning Room and Equipment Page](https://en.doe.co.jp/wp-content/uploads/2017/09/works87-screenshot-pc04.webp)
One of the key points in this website renewal was ensuring the solid structure of nearly 3,000 pages of content, including blog posts. We carefully reassessed the hierarchical structure to ensure content could be easily found and categorized. A related link menu placed at the bottom of each page enhances navigation and encourages users to explore more.
For the corporate site, we selected a black background to make Harley-Davidson images stand out, while the blog uses a white background to prioritize readability. This contrast in background colors allows users to intuitively distinguish between the "blog" and the "corporate site."
Previously, the existing site had five separate blogs, each with its own CMS installation, making management difficult. For the renewal, we implemented a multi-site function, allowing all blogs to be managed from a single dashboard. Thousands of articles published on the old site are stored in the database and remain accessible. Campaign banners displayed on each page are managed via CMS, allowing easy updates and reordering.
| Delivery date | March 24, 2017 |
|---|---|
| Device compatibility | [Responsive Design] PC, Tablet, Smartphone Support |
| Page volume | Regular pages: 55 pages Blog migration: 2,835 pages Forms: 3 |
| Photography | None |
| CMS | Partially integrated |
![[Pine Valley] Homepage](https://en.doe.co.jp/wp-content/uploads/2017/09/works87-screenshot-sp01.webp)
![[Pine Valley] Injection Tuning Index Page](https://en.doe.co.jp/wp-content/uploads/2017/09/works87-screenshot-sp02.webp)
![[Pine Valley] Tuning Room and Equipment Page](https://en.doe.co.jp/wp-content/uploads/2017/09/works87-screenshot-sp03.webp)
![[Pine Valley] Akki Blog Homepage](https://en.doe.co.jp/wp-content/uploads/2017/09/works87-screenshot-sp04.webp)
We adopted a responsive design for seamless viewing across smartphones and tablets. The design adjusts automatically to fit any screen size, ensuring an optimal viewing experience. The header includes fixed menu buttons for navigating the corporate site, blog, SNS, and online shop, ensuring constant access even while scrolling. Once inside the blog, the blog menu is fixed at the bottom for easy access, differentiating it from the corporate and media menus for a smooth and intuitive user experience.
For This Project
Examples of Our Past Work
Get the Latest Updates from DOE
News News
![We have added REO [Private Tutoring / Responsive Website] to our website development portfolio.](https://en.doe.co.jp/wp-content/uploads/2024/08/reo-corporate-eyecatch.png)
![We have added Chuo Labor Audit [Labor Consultant / Responsive Website] to our website development portfolio.](https://en.doe.co.jp/wp-content/uploads/2024/08/chuo-r-eyecatch.png)
![We have added REO High School Division [Support School for Correspondence Education / Responsive Website] to our website development portfolio.](https://en.doe.co.jp/wp-content/uploads/2024/06/reo-high-school-eyecatch.png)