紹介本文ショートカット プロジェクトの相談を申し込む

BLUECANVAS · INTERACTIVE WEB

ブランドを体験する、
インタラクティブなウェブサイト。

見るウェブを越えて、
経験するブランドとして。

動きにも、理由があります。
スクロールする瞬間の話が始まります。

YOUR BRAND. A DIFFERENT DIMENSION.

想像していたそのシーン。
今、ウェブから。

小さなスクロールが深い印象につながるように。

01 / THE EXPERIENCE

STRATEGY MEETS MOTION

画面をめくるたびに、
ブランド より鮮明に。

最初の印象をつくるビジュアルから次のシーンを期待する動きまで。ブランドが伝えたい話を一つの流れでデザインします。

経験を作る方法
01

視線をつかむ

ブランドの最初のシーンを作成します。

02

話を続けて

スクロールに合わせて情報を表示します。

03

アクションでつながる

探索からお問い合わせまで自然に案内します。

02 / BUILT FOR YOUR BRAND

SELECTED WORK

Make it
unmistakable.

どの画面でも、
私たちのブランドらしく。

FORBES KOREA STARS
フォーブスコリアスターズホームページ制作事例
フルポートフォリオ

03 / EVERY DETAIL MATTERS

THE CRAFT BEHIND THE FEELING

Looks effortless.
Built with intent.

自然に感じられる経験の後、
精巧に設計された技術があります。

01スクロールがシーンになる瞬間

小さなスクロールにもシーンが反応します。動くほど拡大し、回転し、重なり、ブランドの話を続けます。

SCROLL SCRUB · PINNING · CINEMATIC MOTION
02指先に反応する深さ

ポインタの方向に依存する遠近感と繊細な反応。製品やコンテンツをより近づけるインタラクションを作成します。

PARALLAX · 3D TRANSFORM · MICRO INTERACTION
03小さな画面でも自然に

モバイルでは、タッチと読み取りに合わせて動きを調整します。デバイスの動作を減らす設定を尊重し、キーボードでコンテンツを閲覧できるようにします。

RESPONSIVE · TOUCH · ACCESSIBILITY
04オープン後まで続く設計

検索に必要なコンテンツ構造から管理者機能、問い合わせ連動と運用まで。実際のビジネスに必要な範囲をまとめます。

SEO · CMS · DEVELOPMENT · OPERATION

Interactive Web / 紹介動画

動画でご紹介

主な機能と活用方法を動画でご覧ください。

1:00韓国語音声・字幕

WHERE WILL YOUR BRAND GO NEXT?

Let's make
an impression.

次に記憶されるウェブサイト、
あなたのブランドから始めます。

プロジェクトについて相談する まず、生産範囲と予算を見てください↗ BLUECANVAS / STRATEGY, DESIGN & TECHNOLOGY

Contact

まだ漠然としたアイデアでも構いません。
プロジェクトを一緒に 整理しましょう

現在の状況と目標をお聞かせください。 実現可能な範囲、進め方、概算費用をご案内します。

質問4つ・約2分

ご依頼内容

どのような作業をご一緒しましょうか。

複数選べます。まだ決まっていない場合は「その他」を選んでください。

ご覧のページに合わせて「インタラクティブWeb」をあらかじめ選択しています。変更や追加もできます。

ご予算

お考えのご予算はどのくらいですか。

おおよその範囲でも、ご提案づくりに大いに役立ちます。

プロジェクト説明

今の状況をお聞かせください。

整っていなくても大丈夫です。下の項目を押すと入力の枠が入ります。

0

RFPや参考資料を2点までアップロードできます。対応形式:PDF、PPT、Word、Excel、JPG、PNG、ZIP

ご連絡先

どちらへご返信しましょうか。

作業範囲・予算・プロジェクト内容・連絡先をご入力ください。