01WEB APPLICATION
ラク単ノート
講義PDFから、
要約・問題演習・復習まで。
講義PDFを科目ごとに整理し、要約・用語集・問題集・模擬試験へ展開。試験日から逆算した学習と、iPhone／Web間の継続利用までを一つの体験にまとめています。
設計・実装の詳細SELF-INITIATED / DESIGN & DEVELOPMENTrakutannote.com
PC / スマートフォンの実際の画面を切り替えられます。
DESIGN × TECHNOLOGY × EXPERIENCE
まだ見たことのない
体験を、ともに。
目を引くだけで、終わらない。
ブランドのWebサイトから、毎日使うアプリまで。
伝わる設計と、触れたくなる体験をつくります。
WebサイトWebアプリインタラクション
ドラッグで動かすクリックで光の波動
01 / FROM SURFACE TO SYSTEM
美しさは、
仕組みでできている。
スクロールで、画面のその先へ。
デザイン・情報・機能が重なって、
ひとつの使いやすい体験になる。
- 01
惹きつける、デザイン。
ブランドの印象を、画面の細部まで。
- 02
迷わせない、情報設計。
伝える順番と、操作の流れを整える。
- 03
体験を支える、実装。
見えない仕組みまで、一緒につくる。
01 / FINISHED INTERFACE
ラク単ノート — 自主制作
制作の考え方を示す模式図です。実際のシステム構成図ではありません。
02 / SELECTED WORK自主制作・公開中のプロダクト
実際につくったもの。
企画から、公開まで。
自主制作した2つのプロダクト。
02WEBSITE + WINDOWS APP
今日からVTuber
キャラクター準備から、
OBSでの配信開始まで。
キャラクターを用意し、カメラを設定し、OBSへつなぐまでの流れを段階的に案内。初めてでも現在地と次の操作が分かる構成にしています。
設計・実装の詳細SELF-INITIATED / DESIGN & DEVELOPMENTstartvtuber.net
PC / スマートフォンの実際の画面を切り替えられます。
03 / INTERACTION LAB触れると変わる、リアルタイムの造形。
マウスで引き寄せる · クリックで分裂
銀色の液体をモチーフにした造形。対応環境では、触れると変化する立体表現を体験できます。
04 / FUNCTION LIBRARY10 INTERACTIVE DEMOS
機能は、触って確認。
見た目だけでなく、実際の操作まで設計できます。公開デモは本物の個人情報・決済・SMS・ファイル送信を使わない安全な体験版です。
機能ショールームへメール登録・ログイン
追加機能
会員向けコンテンツ、予約、学習サービスなどの入口を設計します。
体験する電話番号認証
追加機能
なりすまし防止や本人確認の一段階として利用できます。
安全な疑似体験Stripe単発決済
追加機能
商品、予約、チケットなど一回の支払いを受け付けます。
体験するStripeサブスク
追加機能
会員制サービス、月額支援、継続提供型の契約に向きます。
体験するファイルアップロード
追加機能
資料提出、画像管理、会員向け配布などを安全に整理します。
端末内だけで体験マイページ・管理画面
追加機能
顧客の状況確認と、運営側の更新・管理を役割別に設計します。
体験するCMS
追加機能
お知らせ、記事、事例を顧客側で更新できる仕組みです。
編集を体験する多言語対応
追加機能
言語切替、URL、翻訳管理、表示崩れまでまとめて設計します。
切替を体験する基本アニメーション
基本料金内
出現、ホバー、状態変化など、理解を助ける軽い動きです。
比較を見る高度なスクロール演出
追加機能
奥行き、連続変形、物語型スクロールなど作品性の高い表現。
比較を見る機能ごとの料金目安・納期影響・条件は、項目を開いてご確認ください。
PRICING & SCOPE料金と対応範囲CONTACT
Web制作・開発のご相談
新規サイトの立ち上げ、リニューアル、Webアプリの開発。
現在の課題や、ご希望の内容をお聞かせください。