2f69d54d8040b6c8

【完全オーダーメイド制作】BL専門漫画家のポートフォリオ制作

OVERVIEW

【制作担当:冨岡司】ヒアリング~サイト構築 / Webデザイン / コーディング / 公開~サポート / ※現在Webデザイン工程を制作途中

Webサイトのイメージ動画

これを見てくだされば、どのようなサイトか分かります!(動画時間:2分)

※音声は流れません

※著作権についての注意書き

当Webデザインは制作準備中のものであり、商用として利用する事は一切ありません。当Webデザイン上で使われている画像の著作権は冨岡司に帰属致しません。公開までには、クライアントと冨岡司に著作権が帰属する素材のみを用いたWebサイトに致します。



INDEX(制作手順)

1.ヒアリング

2.Webサイト設計:Design Map

3.Webデザイン

4.Webコーディング


1.ヒアリング

お客様の想いや伝えたいことを形にするために、まずはお客様について徹底的に理解しました。

夏乃あゆみ様は一般的なハードなイメージのBL(Boys Love)ではなく、ソフトな作風をコンセプトとしています。「興味があるけど少し抵抗がある...」このような女性でも手に取ってもらえる作品を手掛けています。

そのためDesignでは性に対して特別な感性を持っている人に抵抗を感じられないようなユニセックスな配色を選ぶなど思考錯誤...。

そしてもちろんクライアントご自身が好きなタイミングで作品やブログを発信できるようなポートフォリオサイトとする事も考えヒアリングを進めていきました。


2.Webサイト設計:Design Map

下記画像は、ヒアリング結果を基に制作した「Webサイト設計書:Design Map」です。

上記のDesign Mapをベースに、デザイン・コーディングの過程を踏んでいきます。


3.Webデザイン

Design Mapで設定したDesign Conceptを基に、実際にWebデザインを制作していきます。

柔らかさ

【考え方】

現在BL好きの人の割合は10代20代が半数を占めています。そのため、夏乃さまのターゲットが好むデザインを考えた時に、柔らかく女の子らしいデザインが重要となります。


【デザイン】

 ー デザイン全体に”丸み”を取り入れる

丸みは、落ち着きと安らぎを与え、"柔らかさ"を演出してくれます。

丸みのあるフォントを選択

Neue Kabel ExtraLight (Adobe Fonts)



シンプル/オシャレさ

【考え方】

とはいえ、BL好きの女の子は性に対して特別な思いを持っている方が多く、いかにも"女の子"というイメージにあまり好印象を持ちません。

男性にも女性にも受ける、オシャレでシンプルなデザインを取り入れます。


【デザイン】

ー シンプルでオシャレなカラーリング

○ - - - - - - - - - - - - ○

ー 適切な余白や文字感のゆとり

○ - - - - - - - - - - - - ○

ー スクリプト対のフォントでオシャレな大人を演出



遊び心

【考え方】

遊び心を取り入れて、ユーザーが夏乃さまに愛着を持ってもらえるようなデザイン設計としています。


【デザイン】

ー ローディングアニメーションで遊び心を演出してユーザーに愛着を持たせる


4.Webコーディング

3.Webデザイン工程で完成したデザインを基にして、実際にWeb上で表示させられるようにするために、プログラミング技術を駆使して「コーディング」工程に入ります。

※現在コーディング途中


Webサイトの静止画像

Home

Works

Blog

Contact

MENU

Loading