DESIGN IT YOURSELF.

BUROKI


top

design

  • top
  • design
  • 手づくり感、工房感を伝える。木工集団ナノナノファクトリーのwebデザイン

手づくり感、工房感を伝える。木工集団ナノナノファクトリーのwebデザイン

web

  • top
  • design
  • 手づくり感、工房感を伝える。木工集団ナノナノファクトリーのwebデザイン

手づくり感、工房感を伝える。木工集団ナノナノファクトリーのwebデザイン

2020.08.05.

スポンサーリンク

スポンサーリンク

2020年の7月末に公開した、福岡の木工集団「ナノナノファクトリー」さんのwebサイトデザインです。

ナノナノファクトリー代表のひぐちさんとは数年前にSNSのinstagramで知り合い、少しバラけていた事業を整理したいというタイミングでwebサイトもつくり直したいとのことで、サイト制作のご依頼いただきました。

まずはwebサイトを通じて伝えたいこと、整理したい情報、制作が必要なページなどを洗い出しながらクライアントさまとコミュニケーションを取りつつ見える形にし、サイト構成をつくり上げていきます。「ナノナノファクトリー」というひぐちさんが現在運営されている様々な事業を総括した名称自体が今回新しくつけられたものなので、ロゴデザインから考案していきました。

サイト構成を確認し、双方に納得感を得られたところでロゴデザインに着手。ロゴデザインはまた別の機会に紹介しますが、webサイトをつくる前にロゴをつくっておくことは後々すごく大事になってくるので、ロゴ制作がスムーズに進んでよかったです。

ロゴデザインにその企業やお店のすべてが詰まっているといっても過言ではありません。webサイトよりまずロゴをつくると言ったのは、サイトを先につくることでサイトデザインがロゴに影響を与える可能性があるからです。これでは順序が逆で、ロゴがサイトデザインに影響を与えなければいけません。

ロゴを制作しているときにサイトデザインもなんとなくイメージが浮かんでいたので、それに合わせて全体的なwebサイトのデザインテイストも決めて制作していきました。

サイト制作時に意識したのは「手づくり感と工房感」

ボクはよくクライアントさまに「シンプルでおしゃれなデザインにしてください!」と言われることが多いです。おそらくそれはボクの過去の制作実績を見てくださり、「この人はこういうデザインが得意なんだな」という先立ったイメージがあって、クライアントさまがそういったデザインを求めていて、イメージがマッチした場合に依頼をしてくださるからだと思います。

しかし、ボク自身はシンプルでおしゃれなデザインだけを得意としているわけではありません。それが必要だからその手段として制作してきたというだけで、必要ないと感じたら違うデザインテイストで制作しますし、いろんなデザインテイストで表現する引き出しは持ち合わせているつもりです。

今回のナノナノファクトリーさんの場合、instagramにて普段のひぐちさんの投稿を見ていたり、サイトに載せる素材としていただいた写真などを見ていると、「シンプルでおしゃれ」なデザインテイストは合わないと判断しました。

木材や木工を通じて伝わるもの。施設の雰囲気、工房、手作り感、オリジナリティ、アナログ感、そしてひぐちさんの木材に対しての情熱・・。写真から伝わるすべての要素を加味し、ナノナノファクトリーならではのサイトデザインにしようと決め、制作できる要素があるところはすべてオリジナルの加工を施しながら制作しました

ナノナノファクトリーのコンセプト
タイトルには自作加工したステンシルフォントを使用

今回のwebサイト制作にあたって、ひぐちさんにはコンセプトやメインキャッチの文言を考えていただき、サイトを通して「伝える」ということを改めて考えていただきました。

レーザー加工をメインとした「なの商店」

ナノナノファクトリーは事業を総括した名称なので、その中にはいろんな事業があり、その事業を各ページに分けて具体的に紹介していくことにしました。LP(ランディングページ)のような構成をイメージして制作。

メイン事業として注力されているレーザー加工サービス「なの商店」では、木材を中心にアクリルやコースター、表札(サインプレート)などにも質の高いレーザー加工を施せることを伝える内容でページを制作。

なの商店のwebページデザイン
レーザー加工サービス中心の「なの商店」ページデザイン

制作実例も載せ、見た人にイメージしやすいようにページをつくっていきました。

なの商店のスマホページデザイン
なの商店のスマホページデザイン

制作実例は先方さまのほうでも更新できるようにしているので、今後もたくさん増えていくと思います。レーザー加工サービスは電話にて予約制とのことです。

木材マスターがセレクトした木のもの販売「nanowood」

そしてこちらは木材のセレクトショップ「nanowood」。木材のことを知り尽くしたエキスパートたちが揃えたアイテムは、普通の雑貨屋さんとはまた違ったひとクセある(?)アイテムが取り揃えられています。

nanowoodのwebページデザイン
木のもの販売の「nanowood」ページデザイン

実際に販売されているものは、木材ならではの風合いを楽しむことができるアイテムがたくさん・・。アンティーク好きの方はもちろん、部屋にちょっとしたアクセントが欲しい方にもいいと思います。

nanowoodのスマホページデザイン
nanowoodのスマホページデザイン

nanowoodで取扱いのあるアイテムたちはnanowoodのオンラインショップで購入できますので、気になる方はぜひそちらもご覧になってください。

木工のステンシルを施したオリジナルアイコンも制作

サイトデザインに合わせて写真もアイコンもタイトルもすべて統一感を出しながら制作していく・・ブランド力を高めるためにも大切なことです。なのでページに使用するアイコンのデザインももちろんオリジナル。今回の場合は「木工感」を第一にデザインしているので、それに合わせてステンシル風のアイコンデザインにしました。

ナノナノファクトリーのステンシルアイコン
アイコンデザインももちろんすべてオリジナルです

ロゴデザインだけでなく、こういうちょっとしたアイコンもオリジナルで制作すると、クライアントさまはすごく喜んでくださいます。

今回のwebサイト制作で対応した部分

ナノナノファクトリーのwebサイト制作はクライアントさまとコミュニケーションを取らせてもらいながら、下記の項目をボク一人ですべて対応しました。

  • ロゴデザイン
  • webデザイン
  • コーディング
  • タイポグラフィなどのグラフィックデザイン
  • wordpressでのサイト構築
  • SEOに関するプラグイン導入
  • googleのアクセス解析ツール導入
  • サイト更新レクチャー

すべてボクが一貫して対応するからこそ制作がスムーズに進みますし、コミュニケーションが深まっていき、クライアントさまのことも徐々にわかっていきます。ボクとしてはやっぱりクライアントさまと直にやりとりしながら、あーだこーだ言い合いながらの制作が好きですね。

BUROKIアイコン

クライアントさまのことを知ることでデザインの質も違ってきます。

あと、これも一貫して制作するからだと思いますが、ボクはwebに詳しくないクライアントさまにwebやサイトのことめちゃくちゃレクチャーします。

ボクが制作するwebサイトはボクのものではなく、あくまでクライアントさまのものなので、これをきっかけにwebのことをもっと知ってもらって、サイトを育てるという気持ちを持っていただきたい・・。見栄えのいいサイトが完成したことに満足するのではなく、「もっとこうしたい!」という意識を少しでも持ってもらうことも大切だと思っています。

ナノナノファクトリーのwebサイトはこちらから

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

スポンサーリンク

BUROKI写真

BUROKI写真

はじめましてBUROKIです。

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

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

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

ご依頼・お問い合わせ

ご依頼・お問い合わせ

related contents

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

文鳥とデザイナー

スポンサーリンク

design list

デザイン作品一覧

graphic

トンマナを意識して制作したナノナノファクトリーの名刺デザイン

名刺などのカードを撮影するとき、左下の角度から撮りがちなブロキです。 最近の制作実績ではおなじみ?になりつつある福岡の木工集団「ナノナノファ…

2020.09.18.

graphic

デザイナーを本格的に志す前に制作していた作品たちを一挙公開

10年以上前からいろんなデータやファイルを外部に逃すために使用している外付けHDDがありまして・・。 その中に入っているデータを久しぶりに整理し…

2020.09.14.

graphic

よりオリジナリティを引き立てる。ステンシルのアイコンデザイン

またまた先月公開したwebサイト「ナノナノファクトリー」の制作関連の実績になるのですが・・。 ナノさんのwebサイト制作実績にも書いた通り、木工や…

2020.09.08.

graphic

インフォグラフィックで月に一度のスタッフ会議をデザインで盛り上げる

プレゼン資料のデザインはページ一覧にしていろいろと紹介していますが・・。 プレゼン資料デザイン一覧ページへ 一時期だけですが、スタッフの発表…

2020.09.02.

graphic

各アーティストになりきる?[ re: ] project「もう一度」のパロディデ...

突然ですが、[re:] projectをご存知でしょうか? [re:] projectとはロックバンド「ONE OK ROCK」のボーカルTAKAさんと清水翔太さんが、新型コロナで…

2020.08.17.

logo

シンプルに思いを伝える。ナノナノファクトリーのロゴデザイン

7月末にwebサイトを公開し、制作実績にも紹介したばかりの「ナノナノファクトリー」さんのwebサイト。

2020.08.07.

designをもっと見る

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

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

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

topトップページ

aboutブロキについて

designデザイン

voiceお客さまの声

blogブログ

films制作動画

cassetteカセットテープ

snsソーシャル