

アラタメ堂様は、東京・大阪を中心にWEBを活用したデジタルマーケティング全般の支援から、WEBサイトの新規立ち上げ、リニューアル、定期更新の運用までお客さまの課題に合わせて並走するパートナーとして幅広くサービスを提供されています。情報の整理とともにリニューアルのご相談をいただきました。
デザイン
アラタメ堂様のカラーである水色を軸に、グラデーションを提案いたしました。ファーストビューのコピーに合わせて、タイムラプス動画を提案いたしました。ターゲットへの課題訴求、いくつかあるサービス内容を特にわかりやすく伝えるために、ジャンプ率や余白、背景色を使って、整理することを意識しました。
コーディング
慣性スクロールと画像のパララックスを実装いたしました。
MVのタイムラプス動画はスクロールとともに拡大するアニメーションをjavascriptとcssで実装いたしました。

-
- この記事を書いた人小林 友加
- こう見えてドラムぼちぼち叩けます。サウナ依存中
Return Works




© Copyright 2024 NIAR All rights reserved.