概要
株式会社 PLANETAL DESIGN 様が開発した透明氷製氷機「ice drops」の製品Webサイトを制作しました。
技術的なポイント
- デバイスの画面サイズの違いに柔軟に対応するレスポンシブデザインを導入
- 多言語での表示に対応（日本語, 英語） ※自動判別
- 画像をクリックするとモーダルで拡大表示
- 魅力的な製品画像を効果的に表示
- Google が開発した最新の画像ファイル形式 webp を採用し、画質を維持しながら圧縮率をアップ
- サムネイルと拡大表示のそれぞれで最適なサイズの画像を配信することで、さらにパフォーマンスを改善
- OGP (Open Graph Protocol) 対応
- SNS 等での共有時に、ページごとに適切なサムネイルや概要文を表示できるように実装し、拡散・誘導効果を最大化
- SEO 対策
- ページごとに適切なメタタグの設定に対応
- Google が提供する Lighthouse の SEO スコアで100点を達成
- SNS 連携に対応
- X (旧 Twitter)
- LINE
- Git ベースの CMS (Contents Management System) によりお知らせの配信に対応
- Google Analytics 4 (GA4) を導入し高度なアクセス解析に対応
- Microsoft Clarity を導入し高度な UX 分析に対応
スケールに合わせた最適なインフラ構成をご提案
- 当初契約していたレンタルサーバを解約し Netlify の無料枠にてホスティング
- ランニングコストの圧縮によりビジネスのスモールスタートに貢献
- Netlify Edge 機能によりグローバルのエッジサーバに自動的にキャッシュされるためWebサイトのパフォーマンス向上にも貢献
- 別途ご提案のGoogle Workspace契約と組み合わせ、メール連携可能なお問い合わせ受付フォームシステムを構築
関連技術・ツール
#Web #Vue2 #Nuxt2 #TypeScript #Bootstrap