WORKS

WORK NO.04

STOP!歩きスマホ川柳キャンペーンサイト

http://navinohi.com/

CLIENT: 株式会社ゼンリンデータコム
TIME: MAY.2017-JUL.2017
ROLE: ウェブデザイン、企画、プロジェクト進行管理

地図・ナビゲーションサービスを提供する「株式会社ゼンリンデータコム」の川柳キャンペーンサイトを制作しました。加速度センサーを利用して「歩きスマホ」を検知し、歩きスマホ中はサイトを強制的に閲覧できなくなるというギミックを搭載しました。

デザイン背景

今回のウェブサイトは以下のポイントがあります:
・「加速度センサー」を利用して、歩きスマホをすると画面にヒビが入り閲覧できなくなる
・Twitterに投稿された川柳をハッシュタグで集約し、管理画面で管理できます

主に課題となったのがギミックを実現する方法でした。当初はGPS機能を利用して移動距離を測るなど方法をあげましたが、 最終的に加速度センサーの技術を利用することに決めました。画面のひび割れはトータルで5段階で制作しており、歩き続けるとだんだん画面が割れていくようなギミックにしました。 公開までに何度もマックアップを作成していただき、iosとAndroid携帯で検証を重ね、歩きスマホと断定する数値を定義しました。 公開直前まで細かい数値の設定までこだわりました。

プロジェクトの進行管理

ギミックのほかにツイッターのAPIを利用したハッシュタグの集約の技術が必要なため、今回はフロントエンジニアのほかにバックエンドのエンジニアと連携して制作を進めました。お互いのコードが影響しないよう、そして納期までにどのように時間の分配をするのか、コミュニケーション力とスケジュール管理能力を活かして、プロジェクトをスムーズに進行し、無事サイトを予定日に公開させました。

※デザイン後の運営に現在は携わっていないため、各自サイトのデザインに関しましては多少異なる場合がございますが、あらかじめご了承ください。