WORKS
作品
小説家家鴨死輝様
ポートフォリオサイト
概要
ライトノベル作家家鴨死輝さんのポートフォリオサイトを制作しました。
ターゲット
20代女性。
すでにX(旧Twitter)で家鴨死輝さんのことを知ってくれている人。
アニメが好きで自分でも物語を作ってみたい人。
目的
作品を読んでいただくこと。
小説の執筆依頼をいただくこと。
情報設計
サイトを制作する目的1つ目が「作品を読んでもらうこと」だったので、メインビジュアルや作品のイラストをクリックすると各作品を閲覧できるように設計しました。
また、2つ目の目的が「小説の執筆依頼をもらうこと」だったので、どのページからでもサービスページに飛べるよう、PC版ではヘッダーに、スマートフォン版ではグローバルメニューにバナーを設置しました。
デザイン
作品の世界観が伝わるよう、メインビジュアル・ローディング画面・背景画像には作品の登場人物のイラスト・風景画像を入れました。
トップページのプロフィール文で離脱されないよう、文章量が多いものの行間を広めかつ段落分けをし、圧迫感を緩和させました。
また、特に読んでもらいたい箇所は文字色に変化をつけ、流し読みでも大事な箇所がわかるようにしました。
フォントは、長文を読むのに適している明朝体を使用して制作しています。
トップページ以外のページは、トップページとの温度差を感じさせないよう、背景にイラストを入れつつも可読性を落とさないよう白色のフィルターを入れて調整しました。
制作範囲・期間
ワイヤーフレーム:5日
デザイン:9日
コーディング:8日
使用ツール
ワイヤーフレーム:Figma
デザイン:Figma
コーディング:Adobe Dreamweaver