Alcorは、現代的な「Bento UI」をベースに、情報の視認性とインタラクティブな美しさを追求したFramerコンポーネント集です。 モノトーンを基調に、ガラス質感(グラスモーフィズム)と繊細なグラデーションを融合。クリエイターやデジタルノマドが、自身のアイデンティティを「一目」で伝えるための最適なソリューションを提供します。
主な特徴 (Key Features)
7種類の多機能コンポーネント SNSフォロワー数(Insta, YouTube, X)、カレンダー、アクセスマップ、ビジュアルアート、ブランドロゴなど、用途に合わせた7つのパーツを同梱。
洗練された「グラスモーフィズム」デザイン 背景に溶け込むようなボカシ効果とグラデーションが、高級感のある「デジタル体験」を演出します。
動的なソーシャル・プルーフ フォロワー数やステータス(AVAILABLE)を表示するカードにより、個人の影響力や現在の稼働状況を瞬時にアピール可能です。
Framerならではのインタラクション 各カードに設定されたホバーエフェクトやリンクボタンが、静的なグリッドに生命を吹き込み、ユーザーのクリックを自然に誘発します。
完全なレスポンシブ・グリッド FramerのStack機能を駆使し、画面サイズに合わせてグリッドレイアウトが自動最適化。どのデバイスでも美しい Bento UI を維持します。
直感的なノーコード・カスタマイズ
Framerのプロパティパネルから、コードに触れることなく各カードの情報をあなたのものに書き換えられます。
カスタマイズ項目 | 具体的な編集方法(ベネフィット) |
SNSデータ & アイコン | 右パネルからフォロワー数やユーザー名を書き換えるだけで、即座に反映されます。 |
ビジュアルアセット | メインのアートワークや背景画像をドラッグ&ドロップで差し替え可能。 |
ステータス表示 | カレンダーカードの「AVAILABLE」などのテキストや色を、現在の状況に合わせて変更できます。 |
アクセスマップ情報 | Google Mapsへのリンクや、表示されている距離・座標データを直感的に更新可能です。 |
運用とパフォーマンス(Operations & Performance)
スピーディな構築と更新 Bentoグリッドの各パーツは独立したコンポーネントとして整理されています。最新のUIトレンドを導入できます。
画像の自動最適化 Framerのレンダリングエンジンにより、アップロードした画像は各デバイスに最適なサイズへ自動リサイズ。視覚的な美しさを保ちつつ、高速な読み込みを実現します。
一貫性のあるスタイル管理 サイト全体の配色や角丸(Radius)の設定を一括管理。複数のコンポーネントを配置しても、デザインの統一感が崩れることはありません。
SEO & Webフォント対応 各カード内のテキストは検索エンジンに正しくインデックスされます。また、Google Fonts等を活用してブランドに合わせたフォント選択が可能です。
活用アイデア
AlcorのBentoグリッドは、情報の「即時性」と「信頼性」を両立させるハブとして、以下のシーンなどで効果を発揮します。
次世代のリンク・イン・バイオ (Link-in-bio 2.0) InstagramやXのプロフィールリンクを、単なるボタンの羅列から「動的なブランドボード」へと進化させます。最新のYouTube動画、SNSのリアルタイムな影響力、現在の活動状況(AVAILABLE)を1画面に集約。Linktree等の既存サービスでは到達できない、圧倒的な高級感と個性をフォロワーに印象付けます。
Googleマップ連携型「デジタル・コンシェルジュ」 店舗やオフィスのGoogleマップ「ウェブサイト」欄に掲載する、スマホ特化型の案内板として活用。マップから流入した「今すぐ知りたい」ユーザーに対し、現在地からのルート(ACCESS)、本日の営業ステータス、インスタでの最新の店内の雰囲気を最短距離で提示し、来店・予約アクションを加速させます。
プロフェッショナルの「信頼可視化」ダッシュボード 個人開発者やコンサルタントが、自身の「ポートフォリオの顔」として配置。アプリのダウンロード数やユーザー数などの統計データ(Stats)、開発ロードマップ、現在のプロジェクト受付状況を一目で提示します。情報の透明性を高めることで、初対面のクライアントからの「絶対的な信頼」を勝ち取ります。




