Bento デザイナーポートフォリオv1.0.2

Bento デザイナーポートフォリオは、独立系デザイナー、スタジオ、小さなブランドのためのポートフォリオサイトを作ります。淡いグレーのステージ、2 行目が薄く消えていく見出し、赤いポートレートタイルを囲む 6 枚の浮遊する Bento カード、そして静かなケーススタディページで構成されます。例は架空のロッテルダムのデザイナー Elin Saro で、28 ページが相互にリンクし、すべてのフィルター、フォーム、予約ステップが動作します。

手に入るもの

• フォントと画像を内蔵し、どのブラウザでも開けてオフラインで動く、自己完結型の Web サイトファイル 1 つ。既存のフレームワークプロジェクトがある場合は、そちらにデザインを移植します。
• 完全なポートフォリオ：作品一覧、アイデンティティボード付きのケーススタディ 6 件、About、4 つの詳細ページと料金概要を備えたサービス、プロセス、レビュー、記事 4 本のジャーナル、予約、FAQ、ニュースレター、プライバシー、コロフォン、デザインされた 404 ページ。
• 実際に動くコントロール：件数付きのカテゴリチップ、ライブ検索、並べ替え、グリッド／リスト表示、日付・時間・トピックを選べる予約ウィジェット、バリデーションと完了表示を備えたフォーム。
• 14 枚の画像に共通するアートディレクション：やわらかな北向きの光、淡く温かみのあるグレーの面、そしてひとつだけの赤。各クライアントのアイデンティティは画面ではなく実物として表現します。
• 落ち着いたモーション：カードは一度だけ静かに収まり、セクションはスクロールで現れ、モーション軽減設定ではすべてが即時表示になります。

使い方

1. 名前またはスタジオ名、デザインの領域、クライアントと成果を含むプロジェクト、サービス、料金、連絡先を伝えます。足りない情報はもっともらしいプレースホルダーとして下書きし、確認用に一覧にします。
2. 赤いタイル用の腰から上のポートレートと作品写真を送るか、同じやわらかな光でプロジェクトの静物をエージェントに生成させます。生成したポートレートは差し替えるまでの仮のものです。
3. デスクトップとスマートフォンで全ページを開き、フィルター、予約、フォームを試して、修正を依頼します。

書体は Instrument Sans と Geist Mono で、ファイルに埋め込まれます。新しい画像はエージェント自身の画像ツールで作られるため、その利用料金がかかる場合があります。