Web Direction & Design

整えてから、
つくる。

想いを言葉に整理してから、設計・デザイン・実装まで一貫して形にします。Webディレクション歴15年以上。ひとりで動く、小さな制作スタジオです。

相談してみる → 作例を見る

Approach内側の整理 × 外側の実装

Inside

内側を整える

「何を伝えたいのか」「誰に届けたいのか」を、対話を通して一緒に言葉にします。迷いが多いほど、ここに時間をかけます。

  • ヒアリング
  • コンセプト整理
  • ターゲット設定
Outside

外側に実装する

整理した言葉を、構成・デザイン・サイトに落とし込みます。公開後の更新や SNS との導線づくりまで伴走します。

  • ワイヤーフレーム
  • デザイン
  • 実装・公開

From wire
to design.ワイヤーフレームから、完成デザインへ。

骨組みを先に固めるから、デザインで迷わない。スクロールすると、右の画面がワイヤーフレームから完成デザインに切り替わります。

WIRE
DESIGN0%

Processご相談から公開までの流れ

  1. 01

    ヒアリング

    Webのヒアリングシートにご記入いただき、オンラインで詳しくお話を伺います。目的・ターゲット・予算・納期を整理します。

    Tally / Zoom
  2. 02

    構成・ワイヤーフレーム

    ページ構成と情報の優先順位を決め、骨組みを作ります。ここで方向性をしっかり合わせます。

    Figma
  3. 03

    デザイン

    世界観に合わせて配色・書体・写真のトーンを設計し、トップページから順にデザインします。

  4. 04

    実装

    ご要望と運用体制に合わせて制作ツールを選びます。更新のしやすさも大切にします。

    STUDIO / WordPress / コーディング
  5. 05

    公開・運用サポート

    公開後の更新方法のご案内や、SNS・予約導線の改善までサポートします。

Works制作イメージ

星と一緒に、
旅に出よう。
LANDING PAGE

占星術鑑定サービス

世界観を伝えるネイビー×ゴールドのLP。予約導線まで設計。

Salon
Website
CORPORATE / STUDIO

サロンのWebサイト

メニューと予約を見やすく整理した、更新しやすい構成。

Café
& Zakka
SHOP / WORDPRESS

カフェ・雑貨店のサイト

お知らせ更新とInstagram連携を重視した店舗サイト。

※掲載しているのは制作イメージです。実績は順次追加していきます。

Tools使い分けている制作・運用ツール

BUILDSTUDIO BUILDWordPress HOSTINGNetlify / Cloudflare Pages FORMTally MANAGENotion CONTRACTクラウドサイン

まずは、
話すことから。

「何から始めればいいかわからない」という段階でも大丈夫です。ヒアリングシートから、お気軽にご相談ください。

ヒアリングシートを開く
Another side of Sasha · 星読み 星と一緒に、旅に出よう。

西洋占星術・手相で「内側」を整える、Sasha Astrology。鑑定メニューや星読みコラムはこちらから。

Sasha Astrologyへ