法律事務所
ネイルサロン
幼児教室
カフェ
クリニック
ヨガ教室
花屋
ケーキ屋
塾
建築士
ピアノ教室
居酒屋
想いに応えるホームページを。

Concept

「答えはお客様が知っている」— 私が大切にしている考え方です。

だから、私のお客様であるクライアントの想い、そして店舗やサービスを利用されるお客様の気持ち、その両方にしっかり寄り添って考えます。

そして、両者の想いが交わる部分を見つけ、デザインで形にします。それが「想いに応えるホームページ」です。

見た目のデザインはもちろん大切ですが、伝えることを整理する「情報の設計」も大切にしています。そうすれば、見ている方の心に響くホームページ、効果が出るサイトの制作につながるからです。

ヒアリングでは、たくさんの想いを聞かせてください。作る人、伝える人、見る人。全員が幸せになれるホームページを、一緒に考えましょう。

無料でご相談・お見積もり

Services

Works

LP制作

  • スマートバッグショップ様
    敬老の日バッグLP

    • Design
    ■ 制作期間
    ・6日間
    ■ ターゲット
    ・20代〜50代男女(親の敬老の日を祝う)
    ■ コンバージョン
    ・ECサイトへ遷移
    ■ 制作イメージ
    ・シンプル ・ネイビー ・遷移先サイトとの親和性 ・商品紹介 ・レスポンシブ対応
    ■ 制作のポイント

    遷移先のECサイトは、ネイビーを基調としたシンプルなサイトです。ボタンクリックから遷移したとき、LPとECサイトのギャップが大きいと、離脱の原因になります。そこで、あしらい等のデザイン要素は控えめに、ボタンもECサイトに合わせて、シンプルに仕上げました。

    既存サイトで使用されているネイビーとオレンジを、より映えて明るめのネイビーと、秋らしいオレンジに調整して、LPの配色に使用。

    商品やボタンが並ぶことが多く、単調になりがちなので、2色を交互に配置することによってリズムを生み出し、見る人を飽きさせないように工夫しました。

      敬老の日バッグLP 敬老の日バッグLP
  • 中江翔吾様
    ブランディングWebセミナーLP

    • Coding
    • Speed Up
    ■ 制作期間
    ・7日間
    ■ 制作のポイント

    デザインカンプ通りでは、スマホの表示領域を有効に使えないため、画面幅いっぱいに使うレイアウトを、実機で確認できるコーディングベースで提案。視認性と可読性を改善しました。

    PC版とスマホ版ヘッダーのデザインカンプから、3段階のレスポンシブに対応。CTAボタンにはご希望のアニメーションを実装しました。

    Page Speed Insightsでスマホ版64→85点、PC版85→90点と高速化を行い、ストレスなく表示されるLPを実現しました。

      ブランディングWebセミナーLP ブランディングWebセミナーLP
  • 宇宙飛行士募集ページ

    • Design
    ■ 制作期間
    ・2日間
    ■ ターゲット
    ・20代〜40代男女
    ■ コンバージョン
    ・応募(応募ページへ誘導)
    ■ 制作のポイント

    デザインコンテスト応募作品です。

    メインビジュアルには、黄金比の螺旋上に宇宙飛行士を配置。宇宙の広がりとともに、過去から未来への時間の経過と、宇宙を体験した人間の変化を表現しました。

    SF映画に出てくる宇宙船や宇宙ステーションの扉をイメージした、六角形のモチーフをページ全体に使用。画像もスクエアではなく、六角形に合う形で配置しています。次なる扉を開ける応募者の、興味を掻き立てるデザインを意識しました。

      宇宙飛行士募集ページ 宇宙飛行士募集ページ
  • オンライン英語サービスLP

    • Planning
    • Writing
    • Design
    ■ ターゲット
    ・20代後半〜30代女性 ・キャリアウーマン
    ■ コンバージョン
    ・無料メールマガジン登録
    ■ 制作イメージ
    ・明るい ・真面目 ・可愛い ・親近感が湧く ・話しやすい ・ピンク
    ■ 制作のポイント

    メインビジュアルは「自宅にいながら、留学のような英語のコーチング」が受けられることを、前面にアピール。

    ピンクをベースにグリーンも取り入れ、明るい雰囲気に。イラストやストライプ柄を散りばめることによって、可愛さや親近感を演出。

    ライティングでは「今のあなたに必要」だと感じられる見出しを多く追加。講師からのメッセージは「あなたに届ける」手紙をイメージして、閲覧者の心に響くように工夫しました。

      オンライン英語サービスLP オンライン英語サービスLP
  • パーソナルジムLP

    • Planning
    • Writing
    • Design
    ■ ターゲット
    ・30代前半女性 ・健康意識が高い ・美容への意識が高い
    ■ コンバージョン
    ・無料体験予約
    ■ 制作イメージ
    ・真面目 ・高級感 ・黒
    ■ 制作のポイント

    配色に黒を希望していたが、①ベースカラーに黒を使用した高級なイメージと、②コーラルベージュをベースにした女性らしい配色の、2パターンを提示。前者だと他のジムのイメージと近くなり、「某サービスみたいに厳しくないので〜」というお客様の声も考慮して、差別化が図れる後者を採用。

    高級感を損なわないよう、明朝系のフォントをベースに使用。女性らしいカラーの中にも、健康やパワーを感じられるように、デザインしました。

      パーソナルジムLP パーソナルジムLP

バナーデザイン

  • 新ドリンクバナー

    • Planning
    • Writing
    • Design
    ■ 制作のポイント

    リニューアルドリンクの告知バナーです。Instagramにもそのまま投稿できるよう、縦横比1:1のスクエアで作成。

    新ドリンクが2種類あることがわかりやすいよう、左右2分割の構図にし、ドリンクの味を視覚的にイメージできる配色にしました。

    飲むか飲まないかではなく、「どちらを飲むか」という意識を想起させるよう、キャッチコピーを工夫。また、SNSで拡散されやすいように、ハッシュタグに続く短い言葉にしています。

      新ドリンクバナー
  • オンライン夏期講習バナー

    • Planning
    • Writing
    • Design
    ■ 制作のポイント

    コロナ禍でも自宅で夏期講習を受けられることをアピール。

    メインビジュアルは自宅でパソコンに向かう学生の写真を選びました。屋内の写真そのままでは閉塞感が出てしまうため、明るいブルーとイエローを下地に引き、明るさと開放感をキープ。

    アクセントカラーのイエローとブラックを使い、オファー内容の入会金¥0と指導2回¥0を目立たせました。左上にはイエローのラインを電波に見立て、オンラインを想起させるデザインにしています。

      オンライン夏期講習バナー
  • ウェビナー告知バナー

    • Planning
    • Writing
    • Design
    ■ 制作のポイント

    Twitterで告知することを想定し、投稿画像サイズ1200x675pxで作成しました。

    セミナー告知バナーはブルー系が多いですが ①女性でもう少し柔らかい雰囲気にしたい ②アフターコロナなので健康的なイメージを出したい、これらを想定して背景はグリーンにしました。

    背景はグラデーションのように、明るさの異なるグリーンを配色し、明るい部分にいる女性にスポットライトが当たるよう、デザインしています。

      ウェビナー告知バナー
無料でご相談・お見積もり

Flow

  1. 01 ヒアリング

    01 ヒアリング​

    どのようなサイトにするか、仕事への考えや想いも含めてお聞かせください。サイトに掲載する文言等でお悩みの場合は、ヒアリングの際に一緒に考え、ブラッシュアップすることも可能です。都内および近郊であれば、オンラインでなく対面でのヒアリングも承っておりますので、どうぞご相談ください。​

  2. 02 お見積もり・着手金お支払い​

    02 お見積もり・着手金お支払い​​

    ヒアリング内容をもとにお見積もりします。お支払いに関しては、基本的に前払いをお願いしております。ただし、Webサイト制作またはランディングページ(LP)制作では、金額が大きくなる場合もあるため、着手金のみのお支払いも可能です。お気軽にご相談ください。​

  3. 03 デザイン​

    03 デザイン​​

    ヒアリングで決まった内容をもとに、デザイン案を作成します。デザイン案は5回まで修正可能です。5回というのは、通常のサイト制作では十分に多い回数です。これ以上多くなると逆に方向性が定まらなくなり、デザインもサイトのクオリティも低下するため、回数を制限させていただいております。​

  4. 04 サイト構築​

    04 サイト構築​​

    決まったデザインをもとに、実際にホームページとして見える形を作り上げ、マウスの移動やスクロールに応じた動きを付けます。WordPressというツールを使用して、サイトを構築します。​

  5. 05 残金お支払い・納品​

    05 残金お支払い・納品​

    残金がある場合は、納品前にお支払いください。納品作業を行い、構築したサイトを実際のホームページのアドレスでご覧いただけるようにします。また、今後の保守・運用についてもご案内します。ご自分で保守・運用するのが難しいと感じた場合は、ご依頼も承っております。※運用・保守はサイト制作とは別料金になります。​​

FAQ

ホームページとかインターネットのこと、よくわからないのですが?
プログラミング講師もしてきた私が、丁寧にサポートします。ブラウザの操作ができれば、大丈夫です。
フリーランスに任せるのは、なんとなく不安なのですが?
社会人経験豊富な私が、最後まで責任を持って対応いたします。ご安心ください。
活動拠点はどちらですか?直接お会いすることはできますか?
東京都立川市を拠点に活動しております。都内および近郊であれば直接お会いして、対面で打ち合わせすることも可能です。
平日の昼間に連絡することは可能ですか?
はい。専業フリーランスのWebデザイナーなので、平日の日中でも対応可能です。土日祝日も含め10:00〜20:00で対応しております。なお、こちらからの電話連絡は平日10:00〜17:00以外は差し控えております。
ホームページの運用や保守もお願いできますか?
はい。ホームページに使われているツール等の更新作業につきましては、サイトの構築が終わったタイミングでご案内を差し上げます。バージョンアップ等の作業に不安がある方は、ぜひお任せください。※サイトの制作とは別料金になります。
無料でご相談・お見積もり

Skills

Profile

想いデザインオフィス

代表 / Webデザイナー

プロフィール画像

鈴木 将貴

Masataka Suzuki

略歴

慶應義塾大学・大学院にてITの基礎を学ぶ。

十数年のSE時代には、中央省庁や飛行機の予約システムなどで、ヒアリング・要件定義から設計・実装・テストまで実施。

過労から長期闘病生活に。闘病中は飲食業・小売業で接客を行う。お客さまに寄り添う、穏やかで丁寧な接客で好評価を頂く。

仕事と病気の両立を目指してWebの世界へ。プロのデザイナーに師事し、Webデザイナーとして開業。現在に至る。

Contact