制作実績

「満足」の先にある「感動」を目指した初案件

この案件は、私にとって襷ウェブで担当した初めてのサイト制作でした。制作が始まる前にディレクターさんから伝えられたのは、「満足」のその先にある「感動」を届けるサイトを目指そう、という言葉です。これまで一人で制作をしていた頃であれば、「ここまでで十分」と考えてしまっていたような細かな部分も、何度も見直し、より良いものへとブラッシュアップしていきました。

「民泊ロア」らしさの表現

今回、最も悩んだのは「民泊ロア」らしさをデザインで表現することでした。

ワイヤーフレームをもとに制作した初稿は、写真をワイヤーフレーム通りに並べた構成で、見やすいもののどこか「よくあるデザイン」にまとまってしまっていました。自然豊かな場所にあるので、当初は自然を感じられるような緑をアクセントカラーにしていましたが、民泊ロアならではの魅力や世界観を十分に表現できておらず、自分でも物足りなさを感じていました。

そこで改めて「この宿の魅力は何か」を考え直し、デザインの方向性を大きく見直しました。

画像をそのまま四角く配置するのではなく、ブラシ加工を用いたラフなフレームを採用。さらに、写真風の小さな画像を添えることで、レイアウトに遊びを加え、宿で過ごす時間をイメージできるような情景や世界観を表現しました。また、アクセントカラーも自然をイメージした緑から、木の温もりを感じられる茶色へ変更。古民家らしい落ち着いた空気感や世界観がより伝わるデザインへとブラッシュアップしました。

左が初稿、右がブラッシュアップ後のデザインです。

周辺を巡りたくなるオリジナルマップ

もうひとつ、思い入れのある箇所があります。

周辺ガイドでは、Illustratorを使用してオリジナルのイラストマップを制作しました。

民泊周辺を分かりやすく案内することはもちろん、見ているだけで散策したくなるようなマップを目指しました。部分的に手書きのイラストを添え、温かみや親しみやすさを感じられるデザインに仕上げています。

また、情報量が多くなりすぎないよう見やすさを意識しながら、建物や自然、アイコンの配置を何度も調整し、サイト全体の世界観とも統一感が出るよう工夫しました。

完成したマップをご提案した際には、クライアント様から「ラミネートして部屋に貼ります」という嬉しいお言葉をいただきました。Webサイトの一部としてだけではなく、一つの作品として気に入っていただけたことが、とても印象に残っています。

チーム制作だからこそ得られた学び

今回の制作では、コーダーさんと夜遅くまで細かな仕様を確認しながら進めました。
デザインは見た目を作るだけではなく、「このレイアウトは実装するとどうなるか」「画面幅が変わったらどのように表示されるか」といった実装面まで考えて設計することの重要性を学びました。

また、コミュニケーションにおいても多くの気づきがありました。自分では理解している内容でも、相手には十分に伝わっていないことがあり、「分かっているつもり」で進めてしまう危険性を実感し、相手が迷わない伝え方を意識することの大切さを学びました。

今回の経験を通して、デザインの意図だけでなく、レスポンシブ時の挙動やレイアウトの考え方まで説明できること、そして相手の立場に立って分かりやすく伝えることの重要性を学びました。今後も、デザインとコミュニケーションの両面からチームに貢献できるデザイナーを目指していきたいと思います。

新たな気持ちで挑んだ制作

今回のホームページ制作では民泊ロア様の想いを形にすること、予約導線として機能を確立させることを目標としていました。
その思いや機能をデザイナーさんがビジュアルに落とし込んだものを、コーディングを通してユーザーに届けることが私の役割でした。
ホームページを制作するに至った経緯だけでなく、事業を始めることとなった背景からお聞きして制作に臨むというのは初めての経験で、とても気の引き締まる思いの中で今回の制作に臨みました。

デザイナーさんから学んだこと

デザイナーさんが多くの時間を費やして何度も考えて、フィードバックを受けデザインを作成する姿を見てきました、ワイヤーフレームがこうも変わるのかと感銘を受けました。また今回デザイン面だけでなく「行動力・巻き取り力」にもデザイナーさんの強みを感じました。
本案件の周辺ガイドセクションでは他施設の情報を掲載しています。
その情報を整理しスプレッドシートにまとめたり、あいまいな情報は施設に直接確認をとったりされていました。
このような行動力に刺激を受け、自分も真似していきたいと思いました。

ユーザーを意識した実装

・FVで一画面内にCTAを含むこと
・外部のカレンダーと同期したGoogleカレンダーを表示させること
・施設案内のスライダー2つを一画面内に表示させること
この3点は特にユーザー目線を意識して実装し、力を入れたところです。

特にカレンダーについては制作当初からの懸念部分でした。初めて触れるサービスであり、施設をオープンしてからでないと検証できない部分もありました。ですが今出来ることと出来ないことを切り分け仮説を立てておくことで実装や検証できるようになった際にスムーズに進めることが出来ました。

今回の学びを次回以降に活かす

本制作は私の襷ウェブでの初めての制作であり、初めてのチームでの制作でした。
WF（ワイヤーフレーム）段階のミーティングから参加し、公開まで一貫して携わることでしか得られない学びがありました。

Webサイトの制作にどれだけの時間がかかるのか。
これまでは完成したデザインを実装する部分しか見えてませんでしたが、本案件ではWFの段階からクライアント様を交えたミーティング、デザイン、実装、公開まで全ての段階を見てきました。ディレクターがワイヤーフレームを引き、デザイナーがミーティングやレビューを経てデザインを完成させ、コーダーが実装しつつ更に良くなるように相談・提案・修正、そして公開。実に多くの人の手や時間がかかっていることを改めて実感しました。

これまではデザインを再現することを重視してきた側面がありました。ですが今回の制作で常にクライアント様やその先にいるユーザーのことを考えて制作するせ姿勢に少しでも変わることができたのではないかと思います。そして今後もこの姿勢を崩さずに制作していきたいと考えています。

唯一の宮城県内メンバーとして、現地とチームをつなぐ

今回のホームページ制作は、私以外のメンバー全員が県外という体制でした。
そのため現地に住む人間として、秋保の空気感やロア様の魅力を薄めずにチームへ届けたい。そう思いました。
遠くにいるメンバーと、クライアント様。
その距離をできる限り縮めて、同じ温度感でものづくりができるように。
そんな橋渡し役でありたいと、強く意識して動きました。

現地に足を運び、肌で感じたことを言葉にする

実際にロア様に伺い写真を撮らせていただきながら、クライアント様の想いを直接お聞きしました。
伺った当時、古民家はまだ改装の途中。
完成形ではない分、どんな想いでこの場所を作り上げようとしているのか、その空気を直接肌で感じることができました。
ドッグランでは、クライアント様の愛犬が気持ちよさそうに走り回る姿も。
その様子から、完成後にロア様を訪れたお客様の愛犬たちが駆け回る様子が、自然と目に浮かびました。
資料や言葉だけでは伝わりきらないものがそこにありました。
現地で私が感じた「この場所は、きっと特別になる」という手応えを、できるだけそのままチームに伝えることに力を注ぎました。

遠くにいても、同じ景色を見ながらつくる

そうして共有した肌感覚のおかげで県外のデザイナーさん、コーダーさんも、まるで一度秋保を訪れたかのような気持ちで制作に向き合ってくれました。
画面の向こうにいても秋保の自然や、古民家ならではの心地よさが、そのままお客様に届くように。
アシスタントディレクターとして、現場からその土台をしっかり支えられたことを嬉しく思っています。
遠く離れた場所からでも、同じ景色を思い描きながら手を動かしてくれたデザイナーさん、コーダーさんには、本当に感謝しています。