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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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