自主制作

ポートフォリオサイト

Design / Coding

自身の経歴・強み・制作物をまとめたポートフォリオです。

Url : https://portfolio.rika-tachibana.site/

ターゲット

Web制作会社の採用担当者様

目的

自身の制作過程における思考や制作物・経歴・強みを知っていただくため

情報設計

未経験からWebデザイナーとして働く際に、自身のスキルや強み、考え方がどのように活かせるか。この点がターゲット層の方々に伝わるような構成にしました。また、一番重要なセクションは作品ページと考え、Aboutの部分は冒頭のみの表示に制限し、Worksをすぐに見ていただけるような配置にしています。サイト内を行き来しやすいようメニューの数は3つに絞り、下層ページをAboutページと作品ページのみのシンプルな構造にしました。

デザイン

ファーストビューを中心に、統一感を意識したデザインに仕上げました。背景に使用する際には不透明度を調整し、文字の邪魔にならないよう配慮しています。aboutページでは自身の明るい性格を表現したかったので、背景にお花をあしらっています。ファーストビューのピンクのイメージから、ふわっと浮き上がるようなアニメーションを。水色のスマートなイメージから線をモチーフにしたアニメーションを施しました。

制作範囲・期間

企画・ワイヤーフレーム : 5日間
デザイン : 1週間
コーディング : 10日間