ポートフォリオサイト BAGDAD DESIGN
Director / Designer/ coder : kanae fukuyama
作成年月日：2021年8月作成
制作期間：3ヶ月
・コンセプト・企画
以前の自身のポートフォリオサイトです。
ポートフォリオサイトのコンセプトテーマは映画バグダッドカフェからキーワード、エッセンスを決めており、バグダッドカフェのストーリーのように世に疲れた様々な事情の人々や元から住んでいる人々が集い、心と生活共に大団円でラストを迎えるのをデザインと映像でできないかとイメージし、コンセプトテーマにしています。
サイトのコンセプトテーマよりトンマナ、キーワードをもとにサイトのカラーを決めており、カラーを映画バグダッドカフェ、村上龍さんの小説のタイトル、限りなく透明に近いブルーをキーワードにし、選定。フォントもトンマナより選定しています。自身の初期の作品が、よく色使いなどのデザインも含めてラギットな、パキッとしたテイストとの評価が多かったので以前のポートフォリオサイトは作品のテイストに負けないようにトンマナのバグダッドカフェのテイストのイメージそのままに白、アイコン、フォント、配置感を意識して打ちだしています。
ポートフォリオサイトは当初よりWordPressを利用しており、このサイトも元のテーマからHTML、CSS、JavaScript、PHPをカスタマイズしています。自身の映像作品のリールをTOP画面に埋め込んでおり、作品ページの映像をなるべくどのブラウザ、ツール、パソコン幅と高さにも対応できるようにプラグインからCSSでカスタマイズして調整しています。どのツールでも映像がなるべく比率、ビューポートの幅、高さになるべくはまるかというところに時間を要していて、今後の課題です。
補足ですが、このサイトを作っていた時にプラグインのコンタクトファームの不具合とWordPressの全体的な更新と重なり、制作に時間を要しました。あと、TOPページにリールの映像をメインに見せたかったのでどちらかというとレスポンシブともに、コーディングの構造としては、普段からいわせると異なった構造になっていますが映像をメインに考えて組んでいたり、ページごとに配置を変えたりしています。
・使用ツール
XD(ワイヤーフレーム) Photoshop(デザイン) CMS (WordPress)、JavaScript(コーディング)
一応、名刺もillustratorで作成しています。現在はポートフォリオの更新に伴い、連絡先も変わっていますが、以前のをカスタマイズしてまた違うデザインにしています。で、Webデザインと映像メインでillustratorはどちらかというと、余り素材やアイコンのカスタマイズ、テロップ程度にしか使ったことなかったのですが、色々とかなり勉強になりました。
フォント、カラー、紙はトンマナに沿うように意識してデザインしています。紙はインクの質感の出方がトンマナと掛け合わせると面白かったので、ヴァンヌーボを使用しています。
