PORTFOLIO
ポートフォリオ架空サイト
Agathn Villa マンションサイトメインページ
背景
高級マンションのLP(ランディングページ)をコンセプトに制作
ターゲット
- ファミリー向け
- 交通アクセスの利便性を重視される方
- 都市の将来性を気にされる方
制作で拘った点
- 制作期間の把握
- 1日目：Xd設計
- 2日目：画像加工
- 3日目：PC画面コーディング
- 4日目：PC画面コーディング2日目
- 5日目：タブレット・スマホ対応
- 6日目：動きの実装
- 7日目：全体の微調整
- デザイン
透過を使ったデザインの統一、
細いセリフ体の文字を使うことで高級感を演出 - コーディングの複数カ所利用
見出しと段落の組み合わせなど、再利用できるコーディングを意識して制作
- スマートフォン用デザイン
↓下記に記載
スマートフォン用ページ
制作で拘った点
- 使用画像の変更
元画像を利用するとバランスに違和感が出てくるため、
画像自体をスマートフォン用に用意しました - レイアウト変更
必要な情報が伝わりにくくならないように
レイアウトを再配置 - コーディング
様々なスマートフォンの画面サイズに対応できるよう 必要のある箇所には横幅はvw(画面横幅に対しての割合)、 縦幅はcalc(関数：今回は横幅に対しての割合で縦幅を計算)でバランスが崩れないように算出
