Notion構築+WraptasでWebサイト構築|事例ブログ

記事
ビジネス・マーケティング

はじめに

会社やお店のスタートでまず欲しいのは、「この人たちに任せて大丈夫だ」と感じてもらえる土台です。

丁寧に作られたWebサイトはその第一印象を支える強い味方ですが、時間や予算に余裕がない立ち上げ期には、つい後回しになってしまいがちですよね。

私はその問題を解決するために、Notionを土台にしたWebサイト(コーポレートサイト)構築を行いました。


①情報の更新が楽なNotion
②Wraptasで”Notionっぽくない”デザインを作成
この二つを組み合わせて、低コスト×楽な運用の両方を実現しました。

Notionは多機能なメモツールでタスク管理や顧客管理表、AIを使った学習管理表などページを作成できます。

WraptasはNotionと連携してWixやWordpressのような洗練されたデザインのサイトを作成できるツールで、主にCSSを入力してWebデザイン制作を行います。

サービス内容はこちら👇


ご相談の背景と選定の理由

今回ご相談いただいたのは、新設法人のコーポレートサイトを短期間で公開したいという内容でした。

WIXなどの選択肢も挙がりましたが、今後の運用を見据えると「社内で迷わず直せること」が最優先条件でした。

そこで、文章や画像の差し替えがチームで手早く進むNotionを土台に据え、Wraptasでデザインと表示を整える構成をご提案しました。

設計の考え方

最初から全部を作り込むのではなく、まずは運用したい内容をNotionで作成していきました。

LP部分や事業内容、会社概要など、具体的な指示を頂きすり合わせをしながら内容を数日で完成させました。

スマホでも読みやすくするために、情報量は押さえながら見やすくなるようにレイアウトを整えました。

その後、Wraptasを使いNotionと連携してCSSを入力して「洗練されたコーポレートサイトデザイン」を目指しました。

進め方と制作の工夫

当サービスは基本的にテキストベースでやり取りを行います。

やり取りが全て履歴に残ることで「あれ言ってなかった?」「ここ伝えたはずです。」といった齟齬を減らすことができるからです。

今回のクライアント様はPDFでご要望を事細かにまとめてくださったおかげで、かなりスムーズに取引を行えました。

元々最初は新しく設立するサイトをNotionのみで作成する話でしたが、クライアント様から「WixやWordpressのようにきれいなサイトデザインにすることはできないでしょうか?」とご相談いただき、今回Wraptasを提案させていただきました。

細かいやり取りをココナラのトークルームで行い、余白や行間、見出しの階層、ボタンの見え方をCSSで細やかに調整し、スマホでの読みやすさやタップしやすさを最適化していきました。

細かく共有を行ったので非常にやり取りがスムーズでした。

納品までのスケジュールと出来上がり

今回はご購入から納品まで全体で約1か月での納品でした。

Notionでの土台作りは1週間ほどで完了しました。
後半のWraptasでのサイト作りですが、私が初めてWraptasを扱ったので、公式に相談をしながら進めていたので想定より少し時間がかかってしまいました。

お客様からの声

以下に頂いた推薦コメントをそのまま引用しています。

WraptasというNotionをベースにCSSでウェブサイトをデザインするSaaSと組み合わせて公式Webサイトを作成する作業をお願いしました。Notionの構築能力、知識・ご経験は十分であり、信頼できます。
これをベースとして、Wraptasやウェブデザインがご専門ではないにもかかわらず、当方の細かな要求に対しても真摯にご対応いただけました。ベースとなるNotionのスキルが高いため、特殊な設定を介するウェブサイトのデザインについても、簡単なやりとりで短期間で高い完成度で仕上げていただくことができました。
Notionをベースにしているとは思えないほど、見た目やデザインも自然でした。マウスオーバーするとメニューの色が変わったりなど、そういったギミックも設定していただけておりました(特に当方が要求したわけでなく)。
スキルもさることながら、チャットでのコミュニケーションでスムーズに意思疎通が図れることや、お伝えした内容に対して期待以上の結果で答えていただけるところなど、仕事に対する向き合い方が非常に真摯で丁寧な方だという印象です。

当サービスが向いているケース

立ち上げを急ぎたい、社内で楽に更新をしたい、まずは小さく始めて効果を見たい。
そんなケースには非常に相性が良い構成です。

一方で、リッチアニメーションや複雑な会員機能、大規模なABテストが前提の場合は、Wordpressなどのサービスがおすすめです。

目的に合ったツール選びこそ、最短で成果に近づく方法です。無理やりNotionを使う必要はありません。

よくあるご質問

①デザインの自由度は?
→ CSSで調整できますが、Notionがベースとなっているので基本的にシンプルなデザインで整えることしかできません。
低コスト×シンプルデザインでスピーディーに公開したい方にお勧めです。

②どれくらいで納品できる?
→ 目安は約3週間~1か月です。要件が明確で素材が揃っていれば、さらに短縮も可能です。

料金と進め方

料金はNotionの土台構築+Wraptasでデザイン作成で、8万円~となっています。
まずは無料でご相談ください。

おわりに

Notion × Wraptasは、スピードと運用性、そして適切なコスト感を両立させたい方にとって、頼れる選択肢です。

まずは以下のサービスにアクセスしてチャットでご相談ください。
最短で効果に届く設計をご提案します。

サービス詳細はこちら👇

運用のご相談はこちら👇

サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す ココナラコンテンツマーケット ノウハウ記事・テンプレート・デザイン素材はこちら