定山渓温泉 花もみじ

このプロジェクトでのわたしの役割はエンジニアリングであり、デザインとシステムを組み合わせる役割を担いました。 特に配慮するのは、寺田侑司さんのデザインを再現するために、デザインの意図を汲み取り、デザインをそのままブラウザで再現することです。

In this project, my role was engineering, taking on the responsibility of combining design and system integration. I particularly focused on understanding the design intent of Yuji Terada and faithfully reproducing the design directly in the browser.

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

In order to attract international tourists, I made the website multilingual, supporting five languages. Multilingual sites often come with high costs, but I innovatively worked towards minimizing expenses. As part of this effort, I utilized Google Spreadsheet as a language management tool to streamline editing tasks, enabling efficient editing and development of the website's extensive content of over 200 pages. Additionally, I designed the website using a CMS to allow the inn to update information efficiently, achieving operational efficiency in day-to-day management.

最小のディテールにまで気を配り、1pxレベルでのズレもないように細かな調整を行っています。 このプロジェクトでは、デザインの美しさと完璧な表現を追求し、寺田侑司さんのビジョンを最大限に尊重しました。 寺田侑司さんのデザインが魅力的で正確な形で再現され、オリジナルのクオリティを保つことを大切にしました。

I meticulously attended to the smallest details, ensuring precision down to the 1px level. In this project, I pursued the beauty of design and perfect representation, giving utmost respect to Yuji Terada's vision. Preserving the attractiveness and accuracy of Terada's design while maintaining the original quality is a priority for us.

美しいデザインをそのまま保ちつつ、スマートフォン、タブレット、デスクトップなど、さまざまな端末でウェブサイトが適切に表示されるよう工夫しました。 楽しさを表現した明るい世界観をどんなデバイスでも最適な形で閲覧でき、ユーザーエクスペリエンスを向上させることを意識しました。

I preserved the beautiful design while ensuring the website displays appropriately on various devices such as smartphones, tablets, and desktops. I crafted the site to convey a bright and joyful atmosphere, optimizing the viewing experience on any device and enhancing user experience.