編集部二村

編集部の二村は猛烈に悩んでいた。 結婚式の招待状を作るのになるべくお金をかけたくないし、なんならGoogleフォームで回答してもらってスプレッドシートで招待客リストを管理したい。 でもGoogleフォームのURLだけ送りつけたら流石に親戚や夫のゲストに『なんだあいつ』と思われそう……。良い感じのデザインでごまかしたい……。

編集部二村

めんどくさがりのため、招待状作成や発送の手間を極限まで省きたかったのである。そこで思い出した。簡単に画像のデザインができるグラフィックデザインプラットフォーム「Canva」のWebサイトも作れるツール「Canva Webサイト」ではどんなサイトが作れるのだろうか？ というインタビュー記事を以前公開した。 取材で1ページWebサイトやLP、フライヤーのようなものが向いてるって聞いたな。招待状ってフライヤーみたいなものでは？

ということで、Canva Webサイトを使って結婚式の招待ページを作成することにした。 　

ほぼ知識ゼロ、Canva Webサイトで結婚式の招待ページを作ってみたらレイアウトが崩壊した

なんとなくで自力で作ってみたサイト。出欠フォームボタンとQRコードはGoogleフォームにリンクされている

結論から言うと、招待ページ自体は簡単に作成できた。でもレイアウトが上手くいかなかった。それがこちらの画像だ。

ぱっと見なんとなく作れてはいるが、問題点がいくつかあった。 ・画面の端まで素材が配置できず切れている ・文字の中央がページごとに微妙にずれている ・Googleマップ・画像の埋め込みが小さすぎる ・余白が少なく煩雑な印象になる

1/2

トップページからして素材・文字配置が終わっている

Googleマップのピンが枠いっぱいになってハト除けみたいに

PC版のブラウザ表示だけでもこれだけの問題がすでにあり、プレビューを見て「なんか、変だな？」と思っていた。そこでさらにモバイル表示を確認。ちょっとレイアウトがずれたというレベルじゃないくらい崩壊していた。

編集部二村

ちなみに、筆者はHTMLも苦手ならデザインも苦手、何ならWebサイトも作ったことがない素人なので、悪いのは100％筆者だ。ここから悪戦苦闘しながら素材配置や文字配置を調整してみたが、ブラウザではなんとかなっても結局モバイルでレイアウトが崩壊するということを3日間くらい繰り返した。 もう何がダメなのかわからない……。そうだ。プロに相談しよう！