（Works）
制作実績
Overview
制作概要
WEBコーダー 豊島 様
ポートフォリオサイト
Webコーダーの豊島様のポートフォリオサイトを制作しました。ディレクション〜デザインまでを担当いたしました。
サイトを見る
open_in_newツール
Figma
制作期間
1.5ヶ月
担当領域
ディレクション
デザイン
制作種別
実案件
Brief
制作背景
制作目的
技術力と制作実績を客観的に示すとともに、人柄や仕事への姿勢を伝えることで、実務案件の獲得と、依頼者からの信頼獲得につなげる。
課題
オンラインスクール卒業後、実務案件を獲得していくために、技術力と制作実績を示すポートフォリオサイトが必要だった。
ターゲット
協業を検討する制作会社・ディレクター
事業内容
Webコーダー
Design Point
デザインの方針
フォント
和文
Noto Sans JP
可読性が高く、すっきりとしたゴシック体。技術者としての誠実さと読みやすさを両立するため採用。
英文
Outfit
直線的でクリーンな印象のモダンなサンセリフ体。技術的で誠実な印象を添えるため採用。
カラー
ブルーを基調に、ベージュ・グレー・ホワイトを配色。清潔感と誠実さを軸にしつつ、ベージュで柔らかさを表現。
コンセプト
「誠実さ」と「親しみやすさ」の両立し、特徴的な演出で技術者としての信頼感を表現した。
全体構成
「技術力」と「人柄」の両面を伝える構成に。特徴的なアニメーションを使用し、コーダーとしてのスキルと実績を示し、技術と信頼の両方で選ばれる導線を設計した。
