- カテゴリー: ホームページ作成
- 公開: 最終更新:
ホームページ作成「グーペ」でつくるハンドメイド作家さんのサイト

ホームページ作成サービス「グーペ」は、minne をはじめとするハンドメイド作家さんにも多くご利用いただいています。
自分のホームページをもっていると「名刺代わりになる」「ポートフォリオとしても使える」ほか、
- 販売ページ、イベント情報、SNSアカウント、ブログなど多数のページを集約できる
- SNSではながれてしまう告知やお知らせを常時表示しておける
- 作品のイメージや世界観をより表現できる
など、ざっとあげただけでも、さまざまなメリットがあります。
本記事では、ハンドメイド作家さんに特化したホームページのつくり方をくわしく紹介します。
「ホームページがほしいけど、どうつくっていいか悩む」「つくりかけていたけど、メニューを充実できずに止まってしまっている」という方がいましたら、一緒に解決していきましょう。
名刺代わりになる「ハンドメイド作家」さんのホームページとは?
まずは、どんなページがあると効果的かを考えてみました。
こちらは一例ですが、【作家さん】【ホームページを見る人】というようにそれぞれの立場で考えていくと、つくりたいページ(メニュー)がだんだんと決まっていきます。
ホームページを公開したあとでも【イベントで初めて知ってくれた人】がホームページを見たときにあるといいページというように、気づくポイントがでてきます。随時 充実していくといいでしょう。
なお、次の表で紹介したページが実際に作成できる機能やマニュアルを本記事の最後に紹介しています。
ページ | 作家さんにどんな効果がある? | 見る人にどんな効果がある? |
---|---|---|
作家さんのプロフィール | ・名刺代わりになる ・ポートフォリオ代わりになる |
・経歴や活動状況を知れる ・ファンになる |
販売サイトのリンク | ・作品を知ってもらえる ・情報の集約(複数の販売サイトがある場合など) |
・作品を探せる ・気に入った作品を購入できる |
テキストページ(またはブログ) | ・作品に込めた想いや制作過程を伝えられる ・定期的に更新することでホームページにアクセスしてもらえる |
・作家さんのパーソナルな部分を知れる |
イベント情報 | ・情報の集約、告知 | ・作品を購入できる ・作家さんに会える(イベントによって) |
X(旧Twitter)やInstagramなどのSNS情報 | ・SNSを通じてコミュニケーションをとれる ・情報の集約(複数のSNSアカウントがある場合など) |
・気に入った作家さんをフォローできる |
「グーペ」でホームページをつくってみる
つくりたいページ(メニュー)が決まったら、いよいよホームページをつくってみましょう。
まずは、実際に作成してみた ハンドメイド作家さんのホームページ をご覧ください。
「そうそうこんなイメージ!」という方もいれば、「ここをもっとこうしたい」と思った方もいらっしゃるのではないでしょうか。
続いては 実際に作っていくうえで使用した機能や意識したポイント について、次の順に解説していきます。
- デザインの選び方
- minneギャラリー機能を活用する
- ナビゲーション設定(ホームページのメニューの言語について)
- 冒頭の「どんなページがあると効果的?」で紹介したページの作成方法
デザインの選び方
「グーペ」では、ハンドメイド作家さんに適したホームページが、かんたんにつくれるデザインをたくさんご用意しています。
作品の世界観にあったものを選んでいただけるとよいのですが、「迷ってしまう」という方に探し方を紹介します。
(1)グーペ管理画面にログイン後 デザイン>ダウンロード にアクセスします
(2)カテゴリーから ハンドメイド作家 を選択します
価格 で、さらに絞りこめます
(3)利用するデザインを選んだら ダウンロード をクリックします
ダウンロードボタンの表示が変わったら、デザイン一覧画面 にすすみます
Before | After |
---|---|
![]() |
![]() |
※次で解説する「minneギャラリー」を利用される方は minne連携対応 と表示されているものを選択してください
(4)このデザインに変更をクリックして、選んだデザインを適用します
(5)色を変えられるデザインの場合は 編集 をクリックし、かんたん設定ページにすすみます
(6)テーマカラー選択 から希望の色を選択し 保存 します
色を変えるだけで、こんなに雰囲気が変わります。
寒色系 | 暖色系 |
---|---|
![]() |
![]() |
minneギャラリー機能を活用する
■ minneギャラリー機能とは?
「minne」で販売している作品を、かんたんにホームページに表示できる機能です。
作品をクリックするとminneのアイテムページにとぶので、次のようなメリットがあります。
- 【作家さん】 : 作品を販売する窓口が増える、minneページへの集客が増える
- 【ホームページを見ている人】 : 作品をかんたんに購入できる、ホームページからminneページを知れる
■ さっそく使ってみよう
※minneアカウントをお持ちの方、またはminneアカウントを作成される方向けの内容になります。
※上記で解説したデザインの新規ダウンロードを行われていない方は、まずは minneギャラリー対応デザイン を新規にダウンロードしてください。
(1)グーペ管理画面から 外部サービス連携>minne設定 にアクセスし 連携する をクリックします
(2)minneページにとびます
<minneにログインしていない場合>
ログイン画面が表示されるので、ログインします
※ログインしたらすぐ連携されるので(3)にすすんでください
<minneに会員登録される場合>
minneに会員登録する をクリックし、画面の案内に添ってお手続きください
<minneにログインしている場合>
「連携するminneアカウント」を確認して 連携を認証 をクリックします
(3)グーペの管理画面にもどり、アカウント連携完了の画面が表示されます
ホームページに表示されるナビゲーション(メニュー)名を確認するため ナビゲーションを確認する をクリックします
(5)ナビゲーション(メニュー)に minneギャラリー が追加されています
このナビゲーション名を希望の名称に変更する場合は 鉛筆アイコン をクリックします
(6)希望の名称を入力して 更新 をクリックします
今回は「ギャラリー」に変更してみます
ナビゲーションの一覧も変更になりました
ここで、「ナビゲーション設定」についてくわしく解説します。
ナビゲーション設定
ナビゲーション(メニュー)の整理をしておくと、ホームページに必要な情報が表示され、見る人も迷わないつくりになります。
ここでは次の2つの操作方法を紹介します。
- 不要なナビゲーションを非表示にする
- 初期情報として設定されているナビゲーション名を変更する
<不要なナビゲーションを非表示にする>
ここでは画像右側の赤枠部分を 表示から非表示に変更 しました。
Before | After |
---|---|
![]() |
![]() |
<初期情報として設定されているナビゲーション名を変更する>
ここでは次の項目名を 英語表記に変更 してみました。
Before | After |
---|---|
![]() |
![]() |
表記を変えるだけで、ホームページの雰囲気も変わります。
Before | After |
---|---|
![]() |
![]() |
なお、英語表記にすることでおしゃれな印象を受けますが 【ホームページを見る人】のことを考えると、日本語表記の方がわかりやすいといった側面もあります。
例えば、【作品のファン】や【購入してくれる人】はお子さまや年配層が多い場合には日本語表記、海外の人が多い場合には英語表記にといったように判断していくとよさそうです。
また、基本は日本語で、あわせて英語に翻訳した文章も掲載されているケースもあります。
サンプルとして作成した ハンドメイド作家のホームページ の中でも試してみたので、イメージとしてご覧ください。
※Google翻訳を使用しました。
「ハンドメイド作家」さんのホームページとは?で紹介したページの作成方法
最後に、冒頭の 「ハンドメイド作家」さんのホームページとは? > どんなページがあると効果的? の中でピックアップしたページを作成してみたい方は、次の表で紹介する機能やマニュアルを参考にしてみてください。
また、サンプルとして作成した ハンドメイド作家さんのホームページ の各ページのリンクもご用意しましたので実際の表示もご覧いただけます。
販売サイトのリンクナビゲーション>外部リンク追加外部リンク追加でminneを追加
項目 | 作成できる機能とマニュアル | サンプルホームページの例 |
---|---|---|
作家さんのプロフィール | スタッフ紹介/フリーページ | スタッフ紹介で作成 |
テキストページ(またはブログ) | お知らせ/フリーページ/グーペブログ | フリーページで作成 |
イベント情報 | お知らせ/フリーページ | お知らせで作成 |
X(旧Twitter)やInstagramなどのSNS情報 | 外部サービス連携 ※他のSNSアカウントの場合も、画面の案内に添ってお手続きください |
X連携とInstagram連携を利用 |
改めて、完成したハンドメイド作家さんのホームページをご覧ください。
本記事を最後まで読んでから見ると、もっと充実させたいところなど、具体的にイメージがわいてくるのではないでしょうか。
編集後期
【初めてホームページをつくる人】や【ハンドメイド作家さん】は、「どんな情報があるとわかりやすいだろう」「どんなことで困っているんだろう」と想像しながら、この記事を作成してみましたが、いかがでしたか。
今回はベースとなる設定を中心に紹介しましたが、さらにオリジナリティを表現する方法は作家さんや作品の数だけ、さまざまです。
この「グーぺノート」では、minne作家さんのホームページ事例を紹介している記事もあります。
写真がすてき、情報が頻繁に更新されている、SNSを活用されているなど、参考になるポイントがたくさんありますので、あわせてご覧ください。
新着記事
-
【レポート】愛媛県商工会連合会が主催する「グーペ ホームページ作成コンテスト2024」開催
-
【レポート】群馬県商工会連合会が主催する「グーペ ホームページ作成コンテスト2024」開催
-
法人向けホームページ作成ガイド〜初心者も安心のステップとおすすめの作成方法を紹介
-
【グーペホームページ大賞2023】ノミネートインタビュー「石川美奈子のフランス菓子教室〝ガトー・ド・ミナコ / Les gâteaux de Minako〟」さま
-
【グーペホームページ大賞2023】受賞者インタビュー「コンテンツ賞」ちいさな硝子の本の博物館さま
-
【お引越しキャンペーン実施中】グーペでブログつきのオフィシャルサイトを作成する方法