デジタルハリウッド / WEBデザイン 超実践コース
「ビデオグラファー Amyk」様 ポートフォリオサイト
MVやワンピースとのコラボなど、様々なジャンルで活躍するビデオグラファーであるAmy K様のポートフォリオサイト制作を行いました。 一つ一つの作品をストーリー性を持って紹介するページを作り、特徴的であるダークな作品の世界観と制作への思いが伝わるよう仕上げました。 ◎対応範囲 ヒアリング / ワイヤーフレーム制作 / デザイン コーディング / プレゼンテーション ◎対応端末 PC / iPad / スマートフォン ◎使用言語 HTML5 / CSS3 / jQuery illustrator/photoshop/ dreamweaver/figma ◎現状からみた課題 公式のポートフォリオサイトがなく人柄が伝わりづらい 今まではインスタグラムで代用しており、興味を持ってくれた方へ人柄やまと まった作品を伝える媒体がない ◎goal 世界観と仕事への思いが自然と伝わるサイト サイトを訪れた際に作品への思いやクオリティをより魅力的に感じられるサイト ◎課題の解決方法 01.ファーストビューに主要作品をまとめたビデオを大きく配置 主要作品をまとめた動画を大きく配置することで、サイト内を作品の世界観が満たすようなデザインに仕上げました。 作品を引きたたせるよう文字の情報量は少なくシンプルにしております。 02 .作品一つ一つの制作過程や思いを伝えるページ エイミーさんの言葉で綴った制作への思いを読み進める形式を取り、ギャラリーを訪ねたような世界観に仕上げました。 写真と思いをランダムに配置し、フェードのアニメーションをつけてストレスなく読み進められるようにデザインいたしました。