ことりっぷ

co-Trip

ことりっぷ

リリース日
2013/8/26

女性に人気の旅行ガイドブック「ことりっぷ」の公式Webサイトとコミュニティアプリの開発を、2013年のサービス開始時から担当しています。

編集部による質の高い記事とユーザーによる豊富な投稿写真をコンテンツとして揃え、2015年からは地方メディアとのパートナーシップも強化。他の旅行メディアでは得られない魅力の発信につながり、女性を中心に多くの旅好きのファンを獲得することに成功しています。

 

ことりっぷWEBの開発

女性に人気の旅行ガイドブック「ことりっぷ」編集部が、誌面では伝えきれない旅の魅力を毎日配信していく、旅好き女子のためのWEBマガジンとして2013年8月にリリースしました。

翌年にはデザインの全面リニューアルとともにフリーワード検索機能やエリア・テーマの絞り込み機能を追加、書籍の情報にもアクセスしやすくなるよう改善しました。

また2015年1月にはInstagramを利用した投稿キャンペーン機能を開発、その後もAMP対応や常時SSL対応などWeb技術トレンドの変化に合わせた改善を継続的に行っています。

 

開発のポイント

  • シンプルかつ直感的なUI – 画面遷移を減らし、ユーザーにとってわかりやすい構造にしています。検索ではなく、タグでのつながりを重視しています。
  • ソーシャルログイン – Facebook・Twitterアカウントで簡単にログインできます。
  • CMS – CMSから登録された記事は、全てJSONオブジェクトとして出力しています。フロント側アプリケーションから独立した設計にする事で、高い拡張性を実現しています。
  • アクセスログ解析の設計 – 記事の属性、投稿時期、画面内の表示箇所等により詳細なパラメータを設定し、記事や導線設計の改善に活用しやすいよう設計しています。

 

コミュニティアプリ『ことりっぷ』の開発

ユーザーからの投稿を可能にしたコミュニティアプリの開発を行い、2015年3月にiOS版、2015年8月にはAndroid版をリリースしました。

ことりっぷWEBに掲載されている記事はもちろん、ユーザー投稿写真も合わせて効率よく検索・閲覧可能なUIを実現し、技術的な面でもネイティブとWebViewの効果的な使い分けで開発・運用工数の削減を図っています。

その後もスターユーザー・パートナーメディアの投稿開始に合わせたホーム画面の改良、ガイドブック「ことりっぷ」に掲載されている豊富なスポット情報の追加、検索機能への機械学習(AI)の導入など、サービスの発展に伴う機能追加や改善を企画・開発の両面で継続的にサポートしています。

 

主な機能

  • クリップ機能 – 行きたいスポット・お店などをクリップして「行きたいリスト」が作れ、絞込機能で検索も容易に
  • 写真投稿機能 – 旅先で気に入ったスポットを共有することができる
  • フォロー機能 – 投稿写真を見て、気になったユーザーをフォローすることができる
  • 現在地検索機能 -「現在地から探す」で近くのスポットを簡単に探すことができる
  • 「ことりっぷWEB」が配信している記事を閲覧できる

 

CREDIT

プランナー:篠田健吾
ディレクション、デザイン:山岸有輝子
エンジニア:山口雄也、伊波美咲、蔵下正治、花塚寿郎
プロジェクトマネージャー:福田充孝
クライアント 株式会社昭文社様
受託範囲 プランニング・要件定義・デザイン・設計・開発
デバイス iOS・Android(アプリ)、PC・スマートフォン(Webサイト)
URL https://co-trip.jp/
ページトップへ