- category
- ルアーブランド
- 開発期間
- 約2ヶ月
- URL
- http://www.coreman.jp/
ルアーブランド・COREMAN様ホームページリニューアルを行いました。
ルアーブランドコアマン様のホームページリニューアルを行いました。
10年ほどまでにホームページ立ち上げのご相談をいただき担当させていただき、2回目のリニューアルにも携わらせていただきました。
初めて作成をご相談いただいたときは、ブランド立ち上げのということでの相談でしたが、10年近く経過した今では、大人気ルアーブランドとして絶対的な地位を獲得しています。
当初、代表の方のルアーに対するデータ収集力が半端ではなく徹底したデータからルアーづくりを行っているといところに感銘を受けたことを覚えています。
さて、今回のリニューアルの目的は、デザインと構造が古くなったホームページを最新のデザインとシステムで再構築してほしいということでした。
内容としては、ホームページの更新がリアルタイムに近い状態で行え、操作にストレスを感じることなく記事投稿が行えること。SNSとの連動に重点を置き、インスタグラム・FACEBOOKと違和感なく連動できる構造にしたいということ。製品情報を分かり易く紹介できること。スマートフォン対応サイトにすること。WEBショップについては、既存のCOLORMESHOPを引き継ぎたいということ。
以上を条件にホームページのリニューアルを行いました。
ご希望に対しての以下の内容でホームページ制作を行いました。
10年ほど前に、弊社で制作したサイトのリニューアルのため、ページ構成や構造は把握できていたためスムーズにリニューアルプランを検討することができました。
既存サイトのページ構成をまとめ直し、お打合せでお伺いした新たな内容を考慮しサイトマップ、レイアウト案を作成しました。
COREMANとしての活動内容を伝わるような構成が良いというご要望から、アイキャッチ部分にインスタグラムの読み込みを表示させています。
インスタグラムで投稿した内容がリアルタイムに表示されるため、釣り中の写真や、イベントの写真などリアルタイムに伝えることが可能になりました。
その下には、「Topics」として最新情報の読み込み、FACEBOOKの読み込みを表示させています。
トップページについては、ブランドの最新情報がすぐに分かることを心がけてレイアウトを組んでいます。
デザインにつても、写真等が映える様に無駄なデザインを極力省き余白等を工夫しシンプルながらも洗練されたデザインに見えるよう努力しました。
自由に更新を行うために最新版のCMS(WORDPRESS)を導入しています。
新しいWORDPRESSの管理画面はスマートフォンに対応しているため、スマートフォンからの投稿が簡単に行える仕様になっています。
スタッフの方は、イベントに出ている多いようで移動中などの外出中に簡単に情報を公開できることを心がけて作成しました。
WEBショップに関しては、ホームページ立ち上げ時から使用しているCOLOR ME SHOPを引き継ぎデザインのリニューアルのみ行っています。
基本的なページ構成等は、リニューアル前と大きく変わりはありませんが、機能面で大きくレベルをアップさせたホームページへリニューアル出来ました。
- ・既存サイトのリニューアルを行いたい。
- ・スッキリとしたスタイリッシュで写真が映えるデザインにしたい。
- ・インスタグラムやFACEBOOKと連動し、COREMANの今が伝わるようにしたい。
- ・CMSを導入し、自身で簡単に更新できるようにしたい。
- ・既存のWEBショップで使用しているショップカート「COLOR ME SHOP」を引き続き利用したい。
- ・スマートフォンでストレスなく操作できるよう、スマートフォン対応を行って欲しい。
今回の要望のまとめ
スマートフォン対応について
スマートフォン最適化としてレスポンシブ対応を採用しています。理由としては、特にスマートフォンとして独立したコンテンツがなく、事基本的にはPCと同様のページ構成というところにあります。
細かいパーツは必要に応じてスマートフォン様に作り替え、ストレスなく閲覧できることを心がけ、ナビゲーションなどについても、男性の指でもタップに困らないサイズで作成しています。
最小値の横幅320PXで表示させた場合も、問題なく表示されることを前提に対応を行ています。
納品後のメンテナンスサポートについて
納品後は、特にSEOサポートなどのメンテナンスプランのご契約はいただいておりませんので、更新作業が発生した際にデザイナーの作業時間×作業単価4000円でその都度対応させていただいています。
また、ご要望に応じてSEO対策やユーザビリティーの向上など前向きなご提案を行わせていただいています。