安曇野観光サイトのサイクリング特集プロジェクト (Building Azumino's Cycling Feature Page)

2019年4月2日By フェリースWeb制作 / 観光・インバウンド

ホームページを作成するときは、コンテンツ(=内容)は日本語の文章が既にあり、それを翻訳してサイトを作ることが多いです。サイトで使う写真も提供されることも少なくないし、デザインが既にできている場合もあります。なかなか「ゼロから」作るチャンスはありません。

今回のプロジェクトは少し違いました。安曇野市の観光サイトの英語版のために、安曇野でのサイクリングの魅力を見せてレンタサイクルで町を走りたくなる特集を作ることになりました。コンテンツは、日本人が書いた文章の翻訳ではなく、外国人の観光客の視線から考えて外国人が書くことになり(今回は私でしたが)、どんなコンテンツを書くかは、何人かの外国人が実際に安曇野でサイクリングツアーに参加して意見交換を行って決めました。写真も、参加者がツアーのときに取ったものを新しいページで使うことになりました。

It's not often that we get to work on a web page from complete scratch. Usually the content is already decided—most of the time the content is Japanese text that get translated into the target language, the images are already provided, and sometimes there is a design done as well.

This time the assignment was a bit different. Working with another local organization, we were to build a special feature page for the English version of the Azumino Tourism website that would highlight renting a bike and cycling to see the city. The content would be created from the perspective of a foreign traveler and be written by a non-Japanese person (in this case, me) instead of being translated from Japanese text written by a Japanese person. Not only that, the exact content would not be decided until a group of foreign residents went on an actual bike tour in Azumino and gave their opinions about the experience. Photos taken by the tour participants would also be used for the new page.

ツアーと意見交換によりコンテンツを決めた結果、「安曇野でサイクリングの魅力」、「実際にサイクリングツアーに行った人からの口コミ」、「地図とおすすめコース」、「レンタサイクルの仕方とお店」、「よくある質問」というセクションを作ることにしました。

次はウェブページのワイヤーフレームとデザイン。サイクリングのページを読むのが楽しくて自分が探している情報が見つけやすくするために、デザインは、明るくてフレッシュな感じにしました。

After the tour and participant interview and survey, we decided the content should include a section outlining "why" one should bike in Azumino in the first place, testimonials from the participants, a map and recommended courses, how and where to rent bikes, and an FAQs section.

The next step was creating a wireframe and a design. The design was to have a bright and fresh feel that would make reading the page fun while making it easy to find the information you're looking for.

おすすめコースのページは、別のページにして写真をたくさん入れてカスタム・グーグルマップも用意しました。文章は実際に行って安曇野の風景や食文化を体験した経験をベースに、できるだけ旅行者の気持ちを考えて書きました。

最後に、ちょっとした楽しい要素としてかわいいサイクリングのアニメーションも!

The recommended courses were built out in separate pages and include plenty of photos and custom Google maps. All the writing was based on the actual experience of visiting the places and experiencing what it was like to cycle around Azumino's countryside.

And for a fun touch, we also added a simple cycling animation to the main page 🙂

このようなサイトの制作はかなりのチャレンジでしたが、コンセプト作りとサイクリングツアーからデザインやコーディングまで、ほぼゼロからこの特別なページの制作に関わったのがとてもいい経験になり、安曇野もさらに好きになりました。

英語のサイクリングページはこちらで見られます。ぜひご覧ください!

While it was quite a challenge, being involved in almost the entire process of creating this special page, from the concept to the bike tour, to the design and construction, was a great experience!

Do check out the new "Cycling in Azumino" page when you get a chance!

- Felice