Astlanox
リンク
情報
スキル
- HTML
- CSS
- Pug
- Sass
ソフトウェア
- Illustrator
- VS Code
詳細
- クライアント
- -
- ローンチ
- 2019/03/18
- タイプ
- Webデザイン
- 担当
- 企画、Webデザイン、グラフィックデザイン、コーディング、ライティング
概要
私のWebサイト（当サイト）のポートフォリオです。見た目やユーザー体験だけでなく、運用のしやすさまで考えてこだわって作り上げました。運用のしやすさや視認性を考慮してSassとPugを採用しました。また、英語と日本語の２つの言語に対応しています。
コンセプト
私自身の名前からも連想できる「宇宙」をコンセプトとして設定しました。ロゴや色使いからAstlanoxという名前を思い出していただけるように意識してデザインしています。
レスポンシブルデザイン
PC、タブレット、スマートフォン間でデバイスによる情報や印象に差異が出ないように、レスポンシブルデザインで作成されています。
ビジュアル
イラスト
多言語
英語と日本語の両言語に対応しています。
技術
Sass
通常のCSSよりも管理・運用がしやすいSassで記述されています。
BEM
公開後の運用と可読性を考慮してBem記法を採用しました。
