e-tiga 架空サイト

Overview

デイトラ提供のデザインカンプをもとに、レイアウトやアニメーションの意図を読み取りながらHTML・SCSS・JavaScriptで実装しました。ユーザーが快適に閲覧できるUIを意識して制作しました。

Point

• デザインカンプから動きの意図を読み取り、スクロールアニメーションやインタラクションを実装しました。ユーザーが自然に情報を追えるよう、動きのタイミングや表示方法を調整しました。
• 閲覧時にストレスが出ないよう、視線誘導と操作性を意識しています。

Tech

HTML / SCSS / JavaScript

Role

Design：デイトラ提供（課題カンプ）
Coding：HTML / SCSS / JavaScript実装