

キツネノボリ


那須ハイランドパーク・りんどう湖ファミリー牧場のオフィシャルホテル「那須高原 TOWAピュアコテージ」敷地内にあるアスレチック、キツネノボリ 那須の森の天空キャッスルのウェブサイトの制作のお手伝いをしました。 ディレクションはデザイナーの寺田侑司さんが手掛け、イラストをつかった明るく楽しいデザインをデザイナーの三田友紀さんが手掛けています。 橋本製作室はコーディングを担当しています。


Kitsune Nobori




このプロジェクトでのわたしの役割はエンジニアリングであり、デザインとシステムを組み合わせる役割を担いました。 特に配慮するのは、デザイナー三田友紀さんのデザインを再現するために、デザインの意図を汲み取り、デザインをそのままブラウザで再現することです。 明るく楽しいイラストレーションに合わせた子供がワクワクするようなアニメーションを実装し、世界観を動きでもわかりやすく表現しました。




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




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



