銀河鉄道

Works

Wish Design 様

記事更新日：2022-01-10

サムネイル

product

「Wish Design」様

制作月

2021年7月

制作環境

  • HTML

  • CSS

  • PHP

  • JavaScript

  • jQuery

  • Sass(SCSS)

  • git

  • VSCode

  • Adobe XD

コーディング担当ページ

  • Top

  • About

  • Works

  • Flow

  • Price

  • Q&A

  • サイドバー

Webデザイナー「Wish Design」様の事業サイトです。

いただいたデザインカンプを忠実に再現することを第一に、ピクセルパーフェクトで細かく確認しながらコーディングしました。

インタラクションは、「Wish Design」様の世界観に沿うよう考え、提案させていただきながら実装しました。

インタラクション

  • スクロールスナップ
    • scrollify.js
    • sectionScroller.js
  • モーダルウィンドウ
    • modaal.js
  • タイムライン・アニメーション
  • スクロールしたら順番に表示
  • ヘッダーフェードアウト
  • スライダー
    • slick
  • トップへ戻る
  • ハンバーガーメニュー
  • ホバー各種