提案(2)をさせていただいたsearicefieldです。
ご参考までにレスポンシブした場合のおおまかなイメージを添付いたしました。
ナビゲーションがどうなるかも後ほどお付けします。
(申し込みだけはメニューを押さなくても見えていたほうが良いか等は要検討事項です)
コンテンツに使用する表や見出しなどのパーツについては、
各ページの構成を考慮して1ソースで問題ないデザインを作れればと思います。
先日ご提案させていただいたPCのデザインと併せて、
デザインの雰囲気が伝わりましたら幸いです。
宜しくお願い致します。
はじめまして。宜しくお願い致します。
コーヒーソムリエの資格試験ページのデザインサンプルを添付させて頂きました。
お使いのPCのブラウザ幅を1440pxにしていただき、画像をドラッグ&ドロップ後画像クリックで100%表示にすることで、
WEBサイトに近いかたちでご覧いただけます。
WEBサイトを拝見させていただき、簡単にではございますが改善ができそうな点を以下に記載致しました。
採用いただけた場合はその点も考慮し、ご相談させていただきながらデザインできればと考えております。
▼ナビゲーションの改善
すべての情報が同列であるため、大切な動線と基本的な情報を明確に分けることで、
ユーザーが迷わず目的の場所へたどり着きやすくしてあげたいです。
▼情報の整理およびページ構成の変更
資格のジャンル分けはあえてページとしては分けずに1ページで「こんなに沢山資格があるんだ」と思わせつつ、
レイアウトやページ内リンク等を活用して見やすく分類してあげても良いかと思います。
まとめるべき、分けるべきページの精査をすべきかと考えます。
上記改善点にページ構成も大きく影響があるため、ご依頼内容にありました、「飲み物の資格」ページは、
ページ構成の改善を行う上で先入観ができてしまうため、あえて作りませんでした。
最後になりますが、
サイトリニューアルを行う場合は、ナビゲーションやページやロジックの齟齬が起きてしまい
ページ毎に少しづつ実装を行うのはあまりおすすめできないため、
要件をすり合わせつつ、デザインはページ毎に作成していき、実装は一度に行ったほうがよろしいかと思います。
(ページデザインの費用については都度ページ単位でお支払いいただく等もご検討いただけますと幸いです。)
どうぞ宜しくお願い致します。
メンバーからのコメント
メニューを開いた状態です。