![](https://web-niar.com/wp/wp-content/themes/niar/img/common/logo.svg)
![](https://web-niar.com/wp/wp-content/themes/niar/img/common/logo.svg)
アラタメ堂様は、東京・大阪を中心にWEBを活用したデジタルマーケティング全般の支援から、WEBサイトの新規立ち上げ、リニューアル、定期更新の運用までお客さまの課題に合わせて並走するパートナーとして幅広くサービスを提供されています。情報の整理とともにリニューアルのご相談をいただきました。
デザイン
アラタメ堂様のカラーである水色を軸に、グラデーションを提案いたしました。ファーストビューのコピーに合わせて、タイムラプス動画を提案いたしました。ターゲットへの課題訴求、いくつかあるサービス内容を特にわかりやすく伝えるために、ジャンプ率や余白、背景色を使って、整理することを意識しました。
コーディング
慣性スクロールと画像のパララックスを実装いたしました。
MVのタイムラプス動画はスクロールとともに拡大するアニメーションをjavascriptとcssで実装いたしました。
![アバター画像](https://web-niar.com/wp/wp-content/uploads/2022/09/YukaKobayashi-300x300.jpg)
-
- この記事を書いた人小林 友加
- こう見えてドラムぼちぼち叩けます。サウナ依存中
Return Works
![](https://web-niar.com/wp/wp-content/themes/niar/img/common/youtube_pc.png)
![](https://web-niar.com/wp/wp-content/themes/niar/img/common/digip_pc.png)
![](https://web-niar.com/wp/wp-content/themes/niar/img/common/youtube_sp.png?20200412)
![](https://web-niar.com/wp/wp-content/themes/niar/img/common/digip_sp.png?20200412)
© Copyright 2020 NIAR All rights reserved.