制作実績

Works

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

Richi-Life

（家具レンタルサービスのLPコーディング例）

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

担当範囲

  • コーディング

ボリューム

縦幅約 12,500 px

制作日数

約 3 日

使用スキル

  • HTML
  • CSS
  • Sass
  • JavaScript

コメント

Figmaのデザインデータを元にGulp環境でコーディングを行いました。

スクロールアニメーションやドロワーメニューは独自に追加しています。

画像ではなく可能な限りCSSによるデザインの再現を意識して作成しました。

ファイルサイズを考慮し、左（もしくは上）のキャプチャは画面の一部を抜粋しています。

動作確認端末

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

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

ユーザー名：hirake

パスワード：goma