制作実績

Works

コンクリートに刻まれた矢印
コーディングサンプル

KEEP ALIFE

（WordPressオリジナルテーマでの企業サイト構築例）

モックアップ画像
  • PC
    PC画面のスクリーンショット
  • SP
    SP画面のスクリーンショット

担当範囲

  • コーディング
  • WordPress構築

ボリューム

トップページ + 施工事例（一覧・詳細）

制作日数

約 5 日

使用スキル

  • HTML
  • CSS
  • Sass
  • JavaScript
  • GSAP
  • WordPress

コメント

Illustratorのデザインカンプを元にコーディング〜WordPressの構築までを行いました。下層ページは施工事例のみ実装しています。

オープニング時の背景が消えて文字が表示されるタイミングにこだわり、スムーズに流れるような一連の動きとなるように調整しました。

MENUとCLOSEのテキストで開閉するスマホのハンバーガーメニューは、参考サイトをアレンジする形で実装しました。

動作確認端末

  • MacBook Pro 13インチ
  • Windows PC
  • iPhone12 mini
サイトを見る

※Basic認証にてアクセス制限をかけております。

ユーザー名：hirake

パスワード：goma