Facebook Webコーダーのポートフォリオサイト_A
Logo

Webコーダーのポートフォリオサイト_A

クレジット
Avatar
WEBデザイナー
Webコーダーのポートフォリオサイト_A-1
シェア

Webコーダーのポートフォリオサイト_A

URL: https://az-web.info/ [目的] フリーランスのWebコーダーとして活動される方の、営業用ポートフォリオサイト。制作会社、エンドのお客様向け。 [情報設計] コーダーを探している方が欲しい情報や選ぶ理由となる情報、技術的なスキル感やアピールしたい点が、端的にわかる情報構成にしました。 [ビジュアル] ウェブの構造は、四角のボックスがパズルのように組み合わせた状態になるようになっていることから発想を得ています。ファーストビューでは、そのボックスの組み立てをされるコーダーという仕事を想起させるビジュアルを目指しました。  ファーストビューで印象付けた長方形のかたちを、下層ページやホバー時のアクションにも生かし、一貫性をもたせています。  色は力強く華やかな印象づけをしました。 [内容] Webサイト(PC版+SP版各7ページ) [担当範囲] ヒアリング、ワイヤーフレーム作成、構成、デザイン [ツール] Figma、Photoshop
クレジット
Avatar
WEBデザイナー
シェア
Yukiko Nishigakiの他の作品
画像
作品を見る
作品ギャラリーサイト|コンペ応募作品
画像
作品を見る
業務効率化サービスLP|コンペ応募作品
foriio

あなたのforiioを無料で作成

fori.io/
Logo
Webコーダーのポートフォリオサイト_A-1

Webコーダーのポートフォリオサイト_A

URL: https://az-web.info/ [目的] フリーランスのWebコーダーとして活動される方の、営業用ポートフォリオサイト。制作会社、エンドのお客様向け。 [情報設計] コーダーを探している方が欲しい情報や選ぶ理由となる情報、技術的なスキル感やアピールしたい点が、端的にわかる情報構成にしました。 [ビジュアル] ウェブの構造は、四角のボックスがパズルのように組み合わせた状態になるようになっていることから発想を得ています。ファーストビューでは、そのボックスの組み立てをされるコーダーという仕事を想起させるビジュアルを目指しました。  ファーストビューで印象付けた長方形のかたちを、下層ページやホバー時のアクションにも生かし、一貫性をもたせています。  色は力強く華やかな印象づけをしました。 [内容] Webサイト(PC版+SP版各7ページ) [担当範囲] ヒアリング、ワイヤーフレーム作成、構成、デザイン [ツール] Figma、Photoshop
クレジット
Avatar
WEBデザイナー
シェア
Yukiko Nishigakiの他の作品
画像
作品を見る
作品ギャラリーサイト|コンペ応募作品
画像
作品を見る
業務効率化サービスLP|コンペ応募作品
foriio

あなたのforiioを無料で作成

fori.io/