WEBSITE FOR VISUAL PRODUCTION #2
ビジュアルプロダクションのウェブサイト #2
- VS Code
- HTML/CSS
- JavaScript
- Illustrator
- Photoshop
- XD
-
https://graphic-portfolio.websozai.jp※ 別ウインドウで開きます。
WORK01のイメージプロダクションのウェブサイトと別バージョンを制作しました。アウトドア撮影が強みであるプロダクションという条件で、1ページ完結のランディングページを制作しました。
サイトの構造
ランディングページで1ページ完結のウェブサイトです。
トップページ画面
トップページ画面（ダークモード）
トップページ画面（ダークモード）
デザイン
WORK01のウェブサイトと同様にアクティブ感を出しつつも、洗練された落ち着きのある印象を与えることに注意を払いながらデザインしました。
特にPC画面サイズにおいてレイアウトを非対称とすることで、ユーザーの視点を動かす効果を生み躍動感やアクティブ感を演出することを期待しています。
色彩については、白と黒を基本色とすることでクリーンかつプロフェッショナルなイメージを表現しています。
ダークモードの機能を採用し、ユーザーのシステム環境に合わせてダークモードで表示するようになっています。
和文／NOTO SANS JP
これはデザインシステムです。
これはデザインシステムです。
これはデザインシステムです。
英文／ROBOTO
THIS IS DESIGN SYSTEM.
THIS IS DESIGN SYSTEM.
THIS IS DESIGN SYSTEM.
ベースカラー
#FFFFFF
プライマリーカラー
#000000
サブカラー
#242424
ウェブサイトで使用しているフォントファミリーとカラー
トップページ画面
トップページ画面
事例作品の拡大表示画面
クレジット
- 制作期間
- ２週間
- 担当箇所
- すべて
- 制作種類
- 自主制作
- 参照
- 写真はアンスプラッシュのウェブサイトより使用。
https://unsplash.com