定山渓温泉 花もみじ

北海道の定山渓温泉に佇む2つの温泉旅館、「ホテル鹿の湯」と「花もみじ」のウェブサイトリニューアルのお手伝いをしました。 このプロジェクトは、温泉旅館の品格と信頼性を反映したデザインと5言語で展開される膨大なページ数を管理するための効率的なウェブサイトの構築が求められました。 デザインは、GOOD DESIGN賞を受賞したグラフィックデザイナー寺田侑司さんが手掛け、ホテルの高級感と信頼を視覚的に表現しています。

Shika no Yu Hana Momiji

I assisted in the website renewal for two hot spring inns, 'Hotel Shikanoyu' and 'Hanamomiji,' located in the famous Jozankei Onsen in Hokkaido, Japan. The project aimed to efficiently build a website reflecting the inns' elegance and reliability, with a design by award-winning graphic designer Yuji Terada. Our role in the project involved engineering, ensuring the faithful reproduction of Terada's design on the web.

Images

このプロジェクトでのわたしの役割はエンジニアリングであり、デザインとシステムを組み合わせる役割を担いました。 特に配慮するのは、寺田侑司さんのデザインを再現するために、デザインの意図を汲み取り、デザインをそのままブラウザで再現することです。 最小のディテールにまで気を配り細かな調整を行っています。 寺田侑司さんのデザインが魅力的で正確な形で再現され、オリジナルのクオリティを保つことを大切にしました。

I was responsible for combining design and system development. My primary focus was to faithfully reproduce his designs. To achieve this, I delved deep into the design intent and worked to replicate the designs precisely within a browser environment. I ensured that the aesthetic appeal of the designs was maintained while also creating a responsive design that could adapt seamlessly to various screen sizes.

このプロジェクトでは、国際的な観光客を惹きつけるために、ウェブサイトを5言語に対応させました。 多言語サイトはコストがかかりますが、極力低コストになるように工夫しました。 そのための施策の1つとして、Google Spread Sheetを言語管理ツールとして活用し、編集作業を効率化しました。 240ページ以上に及ぶウェブサイトの情報も、Google Spread Sheetを通じて編集と開発が可能になっています。

In this project, I made the website available in five languages to attract international tourists. While multilingual sites can be costly, I focused on keeping the expenses as low as possible. As one of the strategies, I used Google Spread Sheet as a management tool to streamline the editing process. Through this method, editing and development of the website’s information, which spans over 240 pages, can be done via Sheet.

Images

コーディングでは、最小のディテールに気を配り、デザインデータとズレがないように細かな調整をおこなっています。 このプロジェクトでは、デザインの美しさと繊細な表現を追求し、寺田侑司さんのビジョンを最大限に尊重しました。 寺田侑司さんのデザインが魅力的で正確な形で再現され、オリジナルのクオリティを保つことを大切にしています。 スマートフォン、デスクトップ、さまざまな端末でウェブサイトが適切に表示されるよう工夫しました。

In coding, I pay attention to the smallest details and make precise adjustments to ensure there is no deviation from the design data. In this project, I pursued the beauty and delicate expression of the design while fully respecting his vision. It was important to me to faithfully recreate Terada's design in an attractive and accurate form, maintaining the original quality. I also took care to ensure the displays properly various other devices.

Images

また、更新システムであるワードプレスを使用して旅館側が情報を効率的に更新できるように設計し、日常運用の効率化を実現しています。 美しいデザインをそのまま保ちつつ、スマートフォン、タブレット、デスクトップなど、さまざまな端末でウェブサイトが適切に表示されるよう工夫しました。 楽しさを表現した明るい世界観をどんなデバイスでも最適な形で閲覧でき、ユーザーエクスペリエンスを向上させることを意識しています。

I have designed the website using WordPress, to allow the inn to efficiently update information, thereby improving the daily operational efficiency. While maintaining the design, I have ensured that the website displays properly on various devices such as smartphones, tablets. I am focused on improving user experience by ensuring that the bright and playful worldview is optimally displayed on any device.

Links

Website

Release

2023

Credits

Art Direction

.

Yuji Terada

Design

.

Yuji Terada

Coding

.

Yohei Hashimoto

System

.

Yohei Hashimoto

Technologies

Wordpress

  • 枚方市立生涯学習交流センター・
    市駅前図書館 “キニナル”

  • Possi Hatoyama

  • 増田晶文

  • Bookcover

  • Parade Artist

  • どこでも待合室

  • 増田晶文

  • Brew

  • 増田晶文