NESTLY Homeという架空のスマートホームのアプリケーションのランディングページのデザイン、実装を行いました。
居心地のいい家をスマートに楽しむ、というコンセプトで、暖色を使用した暖かな色味を使用しシンプルな構成でありながら演出を加えて高級感のあるサイトに仕上げました。
【こだわりポイント】
・高品質な気持ちのいいアニメーション演出
・冒頭のローディング
・ローディングからトップ画面への切り替わり
・スクロールした時の文字や写真の登場
・ホバーアニメーション
【使用技術】
・Vue.js
・Tailwind CSS
・TypeScript
・GSAP（アニメーションライブラリ）
・Lenis（スムーズなスクロール）
【生成AI使用箇所】
・文章作成：Chat GPT
・デザインの叩き台作成：Galileo AI
- カテゴリー
- ランディングページ (LP) 制作
- 業種
- IT・通信・インターネット
- 場所
- 東京都
- 制作期間
-
14日
- 参考価格
-
100,000 円
- 最終更新日
-
2025年5月4日
※この制作物は生成AIを活用しています
制作者
30日前以上
Webサイト・アプリ制作会社勤務 / クリエイティブ実装が得意です
-
0 満足0 残念
- 本人確認
- 個人
- 東京都
初めまして。kyoko_nrです。プロフィールをご覧いただきありがとうございます。
【経歴】
・2022年から現在まで、Webサイト・Webアプリ制作会社でフロントエンドエンジニアとして勤務中
・現在は副業でWebサイト制作、Webアプリの開発を行っています。
【得意なこと】
・デザインから1ピクセルもずれないピクセルパーフェクトでのWebサイト実装
・レスポンシブ対応（モバイル、タブレット、PCいずれの端末でもキレイに見えるよう実装します）
・ボタンをホバーした時のアニメーション、文字や写真がふわっと登場する演出など、高クオリティなアニメーションの演出/実装
・読みやすさ、変更しやすさを意識したコード
・Three.jsを使用したWeb上での3D実装。WebGLを使用した演出。
【可能な業務】
・Webサイトの実装（コーポレートサイト・LPなど）
・Webアプリケーションの実装
・サイトの作成/公開（サーバーへのアップロードなど）まで
【使用技術】
▼5年以上の経験あり
・HTML
・CSS
・JavaScript
・TypeScript
▼3年以上の経験あり
・React
・Vue.js
・Next.js
・Nuxt.js
▼その他
・Three.js
・Canvas
・WebGL
・Lottie
【使用ツール】
・Figma
・Illustrator
・Photoshop
【稼働時間】
平日は朝と夜の合計3〜4時間、休日は6時間で在宅ワークをお受けしております。
