Alcor

001

次世代のリンク・イン・バイオ

black and gray laptop computer
black and gray laptop computer
A collage of photos of a man holding a camera
A collage of photos of a man holding a camera
A cell phone is shown with a couple of other phones
A cell phone is shown with a couple of other phones
A computer screen with a picture of a person on it
A computer screen with a picture of a person on it

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グリッドは、情報の「即時性」と「信頼性」を両立させるハブとして、以下のシーンなどで効果を発揮します。

  1. 次世代のリンク・イン・バイオ (Link-in-bio 2.0) InstagramやXのプロフィールリンクを、単なるボタンの羅列から「動的なブランドボード」へと進化させます。最新のYouTube動画、SNSのリアルタイムな影響力、現在の活動状況(AVAILABLE)を1画面に集約。Linktree等の既存サービスでは到達できない、圧倒的な高級感と個性をフォロワーに印象付けます。


  2. Googleマップ連携型「デジタル・コンシェルジュ」 店舗やオフィスのGoogleマップ「ウェブサイト」欄に掲載する、スマホ特化型の案内板として活用。マップから流入した「今すぐ知りたい」ユーザーに対し、現在地からのルート(ACCESS)、本日の営業ステータス、インスタでの最新の店内の雰囲気を最短距離で提示し、来店・予約アクションを加速させます。


  3. プロフェッショナルの「信頼可視化」ダッシュボード 個人開発者やコンサルタントが、自身の「ポートフォリオの顔」として配置。アプリのダウンロード数やユーザー数などの統計データ(Stats)、開発ロードマップ、現在のプロジェクト受付状況を一目で提示します。情報の透明性を高めることで、初対面のクライアントからの「絶対的な信頼」を勝ち取ります。

Details

Updated

---

Views

Pages

  • View All Showcase.

WI

PU

FLA

POLI

CHERI

FINI

PUBLI

DA

SH

次世代のウェブ体験を、すべての企業に。

Want to showcase your templates on Pitaly8? Submit your work here and share your designs with our community.

WI

PU

FLA

POLI

CHERI

FINI

PUBLI

DA

SH

次世代のウェブ体験を、すべての企業に。

Want to showcase your templates on Pitaly8? Submit your work here and share your designs with our community.

WI

PU

FLA

POLI

CHERI

FINI

PUBLI

DA

SH

次世代のウェブ体験を、すべての企業に。

Want to showcase your templates on Pitaly8? Submit your work here and share your designs with our community.