![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
![[City Planner] Blog Page](https://en.doe.co.jp/wp-content/uploads/2017/09/works91-screenshot-pc01.webp)
![[City Planner] Blog Detail Page](https://en.doe.co.jp/wp-content/uploads/2017/09/works91-screenshot-pc02.webp)
The core of this blog design focuses on how much interest users will have in each individual article when viewing the blog list. We used visually engaging text to intuitively guide users to click on articles, which also contributes to effective SEO. This blog site is fully built with CMS, and we added features like a popular articles ranking and related articles to help users find valuable content easily.
The header is fixed on the left side, but in responsive design, it shifts to the top when viewed on smaller devices like smartphones. We used web fonts, selecting a bold font ("Shin Go B") for article titles to make them stand out prominently.
| Delivery date | May 10, 2017 |
|---|---|
| Device compatibility | [Responsive Design] PC, Tablet, Smartphone compatible |
| Page volume | Blog site |
| Photography | None |
| CMS | All pages |
![[City Planner] Blog Page｜Mobile View](https://en.doe.co.jp/wp-content/uploads/2017/09/works91-screenshot-sp01.webp)
![[City Planner] Blog Detail Page｜Mobile View](https://en.doe.co.jp/wp-content/uploads/2017/09/works91-screenshot-sp02.webp)
The site was built using responsive design, ensuring that the layout adjusts according to the browser width. The header with the menu is fixed at the top, while links to the phone and contact form are anchored at the bottom, providing a smooth navigation flow for page transitions and inquiries.
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)