DESIGN IT YOURSELF.

BUROKI


top

design

  • top
  • design
  • 宅麺.comでおなじみのグルメイノベーションのwebサイトリニューアル

宅麺.comでおなじみのグルメイノベーションのwebサイトリニューアル

web

  • top
  • design
  • 宅麺.comでおなじみのグルメイノベーションのwebサイトリニューアル

宅麺.comでおなじみのグルメイノベーションのwebサイトリニューアル

2022.02.25.

スポンサーリンク

スポンサーリンク

コロナ禍になってからお店で飲食をすることが難しくなった一方、「おうち時間」や「おうちごはん」といったワードが一躍有名になりましたね。その延長上で「宅麺(たくめん)」という言葉も聞いたことがあるのではないでしょうか?

宅麺とは人気ラーメン店の味が自宅で楽しめるもので、「宅麺.com」というオンラインショップにアクセスすると、いろんなお店のラーメンを購入し、自宅でつくって食べることができます。最近宮迫さんのYouTubeのラーメン対決企画動画にも取り上げられていましたね。

そんないま注目されている「宅麺.com」を運営されている、グルメイノベーションさんのコーポレートサイトをリニューアルさせていただきました。

制作依頼をいただいたのは昨年の7月ごろ。
スケジュールの都合上すぐには対応はできなかったのですが、対応可能になる10月まで待っていただき(感謝100%)、10月より制作開始となり、12月ごろにwebサイト公開となりました。

シンプルにコンパクトに、ベンチャー的なサイトデザイン

グルメイノベーションさんはベンチャー企業なのですが、ボク自身以前はベンチャーに勤めていたこともあり、なんというかベンチャー企業特有の雰囲気がとても似ていて、エッジの効いた部分と特有のユーモアのある企業さまと担当者さまでした。

クライアントさまの要望としてはサイトデザインはシンプルに、情報の更新が速く、サイト訪問者が一番求めるであろう更新情報にすぐにアクセスできるようにしたいとのこと。

各ページの構成はすでに考えられていて、ロゴデザイン自体も先方さまが用意してくださったので、共有いただいた構成とロゴデザインからサイトデザインも考えていきました。例えば「G」のロゴマークの形状はオリジナリティがあるのですが、この尖った部分を画像にも使用しました。

ロゴマークのエッジをサイトにも活かす
ロゴマークのエッジをサイトにも活かす

カラーはもちろんコーポレートカラーであるネイビーを中心にしながら、要望に沿ってシンプルでコンパクトなサイトデザインをつくっていきました。

ユーモアのある各ページヘッダーのスライドショー

ここのアイデアは先方さまなのですが、各ページ上部に使用する画像はスライドショーにしてほしいと、複数の画像を共有いただきました。

その画像がメンバーさんがラーメンを楽しそうに食べている画像で、これをスライドショーにするという発想はめちゃくちゃ面白いしグルメイノベーションさんにしかできないアイデアだなと、ボク自身もワクワクしました。

各ページ上部のスライドショー部分
ページ上部のスライドショー。最高ですね(笑)

ネットを活用されているベンチャー企業さまは自社でwebサイトを管理・運営していることが多く、webサイトに関しての知識や考えもしっかり持たれていることが多いです。今回も例外ではなく「こういうサイトにしたい」という考えをすでに持たれていたので、それに沿うような形で制作させていただいたのでかなりスムーズに制作を進めることができました。

プロダクト一覧ページ
もちろん宅麺.comも紹介しています
スマホのナビゲーション画面
スマホのナビゲーション画面

会社概要ページには、スタッフや社内の雰囲気がわかる写真ギャラリーも設置。

スタッフの雰囲気がわかる写真ギャラリーも設置
この会社で働いてみたい!って思いません?

今回は合計7ページの制作でしたが、いただいた写真のクオリティが高かったこともあって、デザインで補うことなく本当にスムーズでした。写真を見ながら楽しそうな雰囲気のある会社だなーとつくりながら思っていました(笑)。

ボクはこういうデザインのほうがいい!という自分自身のイメージよりもクライアントさまのイメージやご意見を大事にしたいタイプなので、クライアントさまが仕上がりに満足してくださることが何よりもうれしいです。

production list

今回の制作で対応した項目
  • webデザイン
  • コーディング(html)
  • アイコンやタイポグラフィなどのグラフィックデザイン
  • PC、タブレット、スマホ表示対応(レスポンシブデザイン)

今回はwebサイトに独自のシステムを組み込むということだったので、ボクのほうではwordpressではなくhtmlベースでページを制作・構築し、その後はエンジニアさんにすべてのファイルをお渡するという制作フローでした。

webサイトに仕上げていく工程にはあまり関われなかったところもありましたが、制作フローはいろんなやり方があるのでこれはこれでひとつの経験となりました。ご依頼くださりありがとうございました。

グルメイノベーションのwebサイトはこちらから

実際のサイトは下記のリンクよりご覧ください。
※webサイトによっては変更・クローズしてることもありますので、その際はご容赦ください。

スポンサーリンク

BUROKI写真

BUROKI写真

はじめましてBUROKIです。

ベンチャー企業にて11年間webやグラフィックデザインとブランディング経験を経て、2019年5月よりフリーランスデザイナーになりました。完全独学でフリーランスになった異色の経歴の持ち主だと思います(笑)

制作実績やインハウスデザイナーのことなど日々更新しています。デザイン制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談ください。

ベンチャー企業でマスターデザイナーとして働いた後、フリーランスになりました。制作実績やインハウスデザイナーのことなど日々更新しています。制作のご依頼なども受け付けてますので、なんでもお気軽にご相談ください。

ご依頼・お問い合わせ

ご依頼・お問い合わせ

related contents

関連コンテンツ一覧
スポンサーリンク

文鳥とデザイナー

スポンサーリンク

design list

デザイン作品一覧

graphic

2023年は卯年。ミッフィーをパロディした年賀状デザイン

少し遅めではあるのですが、2023年も年賀状デザインを制作させていただきました。 BUROKI design的に新年の制作といえば、福岡の木工集団「ナノナノ…

2023.01.27.

graphic

新事業の魅力を伝える。MERU&PLUSのプレゼンテーション資料デザイン

昨年の夏ごろにコーポレートロゴとwebサイトを制作させていただいた株式会社 阿波和さまの新事業「MERU&PLUS(メルアンドプラス)」のプレゼン…

2023.01.19.

graphic

ブランディングに。関西のwebメディアannaのSNS投稿用画像デザイン

少し前の制作実績紹介です。 いつもお世話になっている関西女性向けwebメディア「anna(アンナ)」のinstagram投稿用の画像を制作させていただきまし…

2022.12.20.

graphic

クリエイターコミュニティの交流パーティために制作した告知用バナーデザイン

いまはもう自然消滅的な状態になってしまっているのですが、実は2018年ごろにinstagramを使ってデザイナーとリアルでつながりたいと思い、投稿で呼び…

2022.09.29.

web

和の文化を未来に。株式会社阿波和のコーポレートサイトデザイン

少し前に株式会社 阿波和さまのロゴデザインを紹介させていただきましたが・・ 掲げているスローガンを形に落とし込む。株式会社阿波和のロゴデザイ…

2022.09.18.

logo

掲げているスローガンを形に落とし込む。株式会社阿波和のロゴデザイン

つい先日、制作して納品させてもらったロゴデザインの実績紹介です。 以前働いていた職場の元同僚から紹介いただいたロゴデザイン案件で、徳島県で和…

2022.09.11.

designをもっと見る

制作のご相談・お問い合わせはフォームから

デザインのご依頼や予算のご相談、お問い合わせなどお気軽にお問い合わせください。
また、書いてほしいブログのリクエストやファンレター(笑)もお待ちしております。

問い合わせフォームはこちら

topトップページ

aboutブロキについて

designデザイン

voiceお客さまの声

blogブログ

films制作動画

cassetteカセットテープ

snsソーシャル