こんにちは、HYPのかなこです。

【HYPの勝手に語ろうか】なのですが、そう遠くない未来にリニューアルします！！

記事メインのページから

勝手に語ろうかページは、最初はブログ記事メインのページで考えていました。
その末のこんな名前です。

一つのページの中で色々なコンテンツが入り乱れてたら、見てる側も楽しいのかなーと思っての構成(旦那談)だったのですが…。

HYPってこんなお仕事してます。
こんなフローでやります。
料金はこんな感じです。
質問あったら問い合わせ待ってます！という内容を盛り込みたい。

あと、LINEスタンプとPIXTA写真をバナーとして常駐させたい。

などなど、いろいろ「こうしたいね！」が増えてきました。

そんなわけで…
内容はそこまで変えずにHPのリニューアルをしますよよ！

見栄えはガッツリ変わるかと思います！
ゲームを見たりテレビを見たり映画を見たり漫画を見たりをちょっと休止。
主に仕事が終わった後に制作へ入ろうと思うので時間はかかるかと思いますが…。

今回は、どんな工程でどんなページになりそうなの？を書いていきます。

画像サイズが大きかったので、小さく表示して画質落としてます！
リンクで元画像へ飛べるので、じっくり見たい方は元画像から見てね！
ただしラフは汚いですよ！！！！！！

今ある内容と、今後入れたい内容の書き出し

まずは

・今こんなコンテンツがある
・これを足したい

を書きだしました。

字が汚いのはメモ仕様なのでご容赦ください。

コンテンツが決まったら、カテゴリ分けと小カテゴリの書き出し。

ラクガキについては後日まとめて紹介するので、見えないことにしておいてください。

元サイトの内容を削らずに作るので、こういう部分の詰めは早いかと思います。

大まかな内容(カテゴリ分け)が決まったので、次は構成に入ります。

TOPページの構成

メニューはどこ？サイドはどっち？バナーは何が必要？なんて話をしながら、内容を詰めていきます。

色合いはどうしよう？TOPの画像は？などの話になったのですが、細かいところは後回し。
タグを組んだ後に変更する場合だと骨組みを直す作業となる場合もあるので、大変で時間もかかっちゃいますが…。
ラフ段階ならいくらでも(あんまり頻発するとぐったりするけど)変えれますしね！

フッターのデザインをざっくり決めます。

Photoshopで画像ラフを作る前に、まず自分でまとめました。

これを元に作成していきます。

カテゴリ内部

これは記事内容の部分。

ここまで決めて画像ラフに入ったのですが、TOP以外がちょっとよくわからないです状態。

各カテゴリにどんなものがあるかは決まってたけど、階層や具体的な内容が決まっていない状態。
なので、具体的なカテゴリ分けをどうしよう？と、また話し合いをしました。

そこで問題が浮上。
そもそも事業内容部分などのブログ系記事以外の部分について、話し合いを全くしていなかった…！！

サイドの構成やカテゴリの内容を詰めたり、どういう誘導にするかなどなどを紙に起こしながら話しました。

あぁ、こういうことだったのかー！と思いつつなんとなく内容が決まります。

お互いの考えてることがある程度合致すると、あとは早いです。

事業内容ページから作成者紹介ページなどなど、決まっていきました。

真面目な記事をかいたつもりなのに

自分で作成した記事を読み返したら、落書きのせいで画像が頭に入ってこないですね。