ホームページ作成「グーペ」 トップ » ホームページ作成お役立ち記事» ホームページ作成» ホームページ作成「グーペ」でつくるハンドメイド作家さんのサイト

ホームページ作成「グーペ」でつくるハンドメイド作家さんのサイト

ホームページ作成サービス「グーペ」は、minne をはじめとするハンドメイド作家さんにも多くご利用いただいています。
自分のホームページをもっていると「名刺代わりになる」「ポートフォリオとしても使える」ほか、

  • 販売ページ、イベント情報、SNSアカウント、ブログなど多数のページを集約できる
  • SNSではながれてしまう告知やお知らせを常時表示しておける
  • 作品のイメージや世界観をより表現できる

など、ざっとあげただけでも様々なメリットがあります。

本記事では、ハンドメイド作家さんに特化したホームページのつくり方をくわしく紹介します!
「ホームページがほしいけど、どうつくっていいか悩む…」「つくりかけていたけど、メニューを充実できずに止まってしまっている…」という方がいましたら、一緒に解決していきましょう!


名刺代わりになる!「ハンドメイド作家」さんのホームページとは?

まずは、どんなページがあると効果的かな?を考えてみました。
こちらは一例ですが、【作家さん】【ホームページを見る人】というようにそれぞれの立場で考えていくと、つくりたいページ(メニュー)がだんだんと決まっていきます。

ホームページを公開したあとでも【イベントで初めて知ってくれた人】がホームページを見たときにあるといいページというように、気づくポイントがでてきます。随時 充実していくといいでしょう♪
なお、次の表で紹介したページが実際に作成できる機能やマニュアルを本記事の最後に紹介しています。

ページ 作家さんにどんな効果がある? 見る人にどんな効果がある?
作家さんのプロフィール ・名刺代わりになる
・ポートフォリオ代わりになる
・経歴や活動状況を知れる
・ファンになる
販売サイトのリンク ・作品を知ってもらえる
・情報の集約(複数の販売サイトがある場合など)
・作品を探せる
・気に入った作品を購入できる
テキストページ(またはブログ) ・作品に込めた想いや制作過程を伝えられる
・定期的に更新することでホームページにアクセスしてもらえる
・作家さんのパーソナルな部分を知れる
イベント情報 ・情報の集約、告知 ・作品を購入できる
・作家さんに会える(イベントによって)
TwitterやInstagramなどのSNS情報 ・SNSを通じてコミュニケーションをとれる
・情報の集約(複数のSNSアカウントがある場合など)
・気に入った作家さんをフォローできる

「グーペ」でホームページをつくってみる

つくりたいページ(メニュー)が決まったら、いよいよホームページをつくってみましょう!
まずは、実際に作成してみた ハンドメイド作家さんのホームページ をご覧ください♪

▶︎ハンドメイド作家さんのホームページ

ハンドメイド作家さんのホームページ事例

「そうそうこんなイメージ!」という方もいれば、「ここをもっとこうしたいな〜」と思った方もいらっしゃるのではないでしょうか。
続いては 実際に作っていくうえで使用した機能や意識したポイント について、次の順に解説していきます!

デザインの選び方

「グーペ」では、ハンドメイド作家さんに適したホームページが、かんたんにつくれるデザインをたくさんご用意しています。
作品の世界観にあったものを選んでいただけるとよいのですが、迷ってしまう…という方に探し方を紹介します!

(1)グーペ管理画面にログイン後 デザイン>ダウンロード にアクセスします

グーペ管理画面のデザインページ

(2)カテゴリーから ハンドメイド作家 を選択します
   価格 で、さらに絞りこめます

グーペ管理画面のデザインページ

(3)利用するデザインを選んだら ダウンロード をクリックします
   ダウンロードボタンの表示が変わったら、デザイン一覧画面 にすすみます

Before After
グーペ管理画面のデザインページ グーペ管理画面のデザインページ

※次で解説する「minneギャラリー」を利用される方は minne連携対応 と表示されているものを選択してください

(4)このデザインに変更をクリックして、選んだデザインを適用します

グーペ管理画面のデザインページ

(5)色を変えられるデザインの場合は 編集 をクリックし、かんたん設定ページにすすみます

グーペ管理画面のデザインページ

(6)テーマカラー選択 から希望の色を選択し 保存 します

グーペ管理画面のデザインページ

色を変えるだけで、こんなに雰囲気が変わります♪

寒色系 暖色系
グーペの寒色系デザイン グーペの暖色系デザイン

minneギャラリー機能を活用する

■ minneギャラリー機能とは?

「minne」で販売している作品を、かんたんにホームページに表示できる機能です。
作品をクリックするとminneのアイテムページにとぶので、次のようなメリットがあります。

  • 【作家さん】 : 作品を販売する窓口が増える、minneページへの集客が増える
  • 【ホームページを見ている人】 : 作品をかんたんに購入できる、ホームページからminneページを知れる
■ さっそく使ってみよう

※minneアカウントをお持ちの方、またはminneアカウントを作成される方向けの内容になります。
※上記で解説したデザインの新規ダウンロードを行われていない方は、まずは minneギャラリー対応デザイン を新規にダウンロードしてください。

グーペ管理画面のminne連携対応デザイン

(1)グーペ管理画面から 外部サービス連携>minne設定 にアクセスし 連携する をクリックします

グーペ管理画面のminne連携ページ

(2)minneページにとびます

<minneにログインしていない場合>
ログイン画面が表示されるので、ログインします
※ログインしたらすぐ連携されるので(3)にすすんでください

<minneに会員登録される場合>
minneに会員登録する をクリックし、画面の案内に添ってお手続きください

minneのログイン画面

<minneにログインしている場合>
「連携するminneアカウント」を確認して 連携を認証 をクリックします

minneの連携認証画面

(3)グーペの管理画面にもどり、アカウント連携完了の画面が表示されます
   ホームページに表示されるナビゲーション(メニュー)名を確認するため ナビゲーションを確認する をクリックします

グーペのminneアカウント連携完了画面

(5)ナビゲーション(メニュー)に minneギャラリー が追加されています
   このナビゲーション名を希望の名称に変更する場合は 鉛筆アイコン をクリックします

グーペ管理画面のナビゲーション設定ページ

(6)希望の名称を入力して 更新 をクリックします
   今回は「ギャラリー」に変更してみます

グーペ管理画面のナビゲーション名変更ページ

ナビゲーションの一覧も変更になりました

グーペ管理画面のナビゲーション設定ページ

ここで、「ナビゲーション設定」についてくわしく解説します。

ナビゲーション設定

ナビゲーション(メニュー)の整理をしておくと、ホームページに必要な情報が表示され、見る人も迷わないつくりになります。
ここでは次の2つの操作方法を紹介します。

  • 不要なナビゲーションを非表示にする
  • 初期情報として設定されているナビゲーション名を変更する

<不要なナビゲーションを非表示にする>
ここでは画像右側の赤枠部分を 表示から非表示に変更 しました。

Before After
グーペ管理画面のナビゲーション設定ページ グーペ管理画面のナビゲーション設定ページ

<初期情報として設定されているナビゲーション名を変更する>
ここでは次の項目名を 英語表記に変更 してみました。

Before After
グーペ管理画面のナビゲーション設定ページ グーペ管理画面のナビゲーション設定ページ

表記を変えるだけで、ホームページの雰囲気も変わります♪

Before After
グーペで作成したホームページ グーペで作成したホームページ

なお、英語表記にすることでおしゃれな印象を受けますが 【ホームページを見る人】のことを考えると、日本語表記の方がわかりやすいといった側面もあります。
例えば、【作品のファン】や【購入してくれる人】はお子さまや年配層が多い場合には日本語表記、海外の人が多い場合には英語表記にといったように判断していくとよさそうです◎

また、基本は日本語で、あわせて英語に翻訳した文章も掲載されているケースもあります。
サンプルとして作成した ハンドメイド作家のホームページ の中でも試してみたので、イメージとしてご覧ください♪
※Google翻訳を使用しました。

グーペで作成したホームページの英語表記部分

「ハンドメイド作家」さんのホームページとは?で紹介したページの作成方法

最後に、冒頭の 「ハンドメイド作家」さんのホームページとは? > どんなページがあると効果的? の中でピックアップしたページを作成してみたい方は、次の表で紹介する機能やマニュアルを参考にしてみてください。
また、サンプルとして作成した ハンドメイド作家さんのホームページ の各ページのリンクもご用意しましたので実際の表示もご覧いただけます♪

項目 作成できる機能とマニュアル サンプルホームページの例
作家さんのプロフィール スタッフ紹介フリーページ スタッフ紹介で作成
販売サイトのリンク ナビゲーション>外部リンク追加 外部リンク追加でminneを追加
テキストページ(またはブログ) お知らせフリーページグーペブログ フリーページで作成
イベント情報 お知らせフリーページ お知らせで作成
TwitterやInstagramなどのSNS情報 外部サービス連携
※他のSNSアカウントの場合も、画面の案内に添ってお手続きください
Twitter連携とInstagram連携を利用

改めて、完成したハンドメイド作家さんのホームページをご覧ください!
本記事を最後まで読んでから見ると、もっと充実させたいところなど、具体的にイメージがわいてくるのではないでしょうか。

▶︎「グーペ」で作成したハンドメイド作家さんのホームページ

グーペで作成したハンドメイド作家のホームページ事例

編集後期

【初めてホームページをつくる人】や【ハンドメイド作家さん】は、どんな情報があるとわかりやすいだろう?どんなことで困っているんだろう?と想像しながら、この記事を作成してみましたが、いかがでしたか。
今回はベースとなる設定を中心に紹介しましたが、さらにオリジナリティを表現する方法は作家さんや作品の数だけ様々です。

この「お役立ち記事」では、minne作家さんのホームページ事例を紹介している記事もあります。
写真がすてき、情報が頻繁に更新されている、SNSを活用されているなど、参考になるポイントがたくさんありますので、あわせてご覧ください♪


その他の関連記事