白紙から、あなたのビジネスのためにデザインするホームページ

白紙から設計するとは

ビジネスについて説明すると、Briksは空白のページから始めます。すべてのサイトの土台になるキットには、メニュー、フォーム、動きなど、実際に動く部品が入っていますが、デザイン済みのセクションやサンプルの文章は含まれていません。サイトのすべてのセクション、ヘッダー、フッターは、あなたのビジネスのために書き起こされます。

何かを作る前に、デザイナーのようにサイトの設計を立てます。どんな事業なのか、ページの幅をどれくらいにするか、ヘッダー、ファーストビュー、フッターをどう組むか、そしてサイトの個性を生む文字組みのアイデアをひとつ決めます。設計はあなたの事業に合わせて書かれるので、パン屋と法律事務所では出発点が異なります。

テンプレートから始めることもできます。Briksで作ったサイトの構成を残したまま、すべてのページをあなたのビジネス向けに書き直します。このページでは、ご自身の説明から始めたサイトについて説明します。

業種に合わせて選んだ書体

タイポグラフィはサイトの個性を大きく左右するため、Briksは事業ごとに書体を選びます。見出し用には個性のある表示用書体、本文用には控えめな書体を、表示用46書体と本文用36書体から組み合わせ、幅や太さで二つに違いをつけます。

ごく一部の書体は、機械が作った多くのページに現れるため、サイトがほかと同じに見えてしまいます。Briksは、Inter、Space Grotesk、Fraunces、Syneなど12の書体を、新しいサイトからすべて外しています。気に入ったサイトがその書体を使っている場合は、同じ雰囲気の別の書体があなたのサイトに使われます。

ご自身のフォントが最優先です。ブランド設定で書体名を指定するか、「Inter を使ってください、うちのブランドフォントです」のように言葉で伝えると、Briks が通常は使わない書体でもそのまま使われます。

ご希望のときは、見た目にも意見を反映できます

多くの方は、Briksにデザインを最後まで任せ、その後で好きなところを変更しています。先に選びたい場合は、新規プロジェクトのステップでChoose the lookをオンにしてください。ビルドの前に、Nordic and clean、Warm and Boldなど3つのデザインが表示されます。それぞれ、色、2つの書体、角の丸みが、お客様ご自身の言葉で設定されており、選んだ1つのデザインでサイト全体が構築されます。

もう2つのスイッチが並んでいます。1つは、あなたの言葉を入れた4種類のシンプルなグレーのワイヤーフレームから、ホームページの最初の画面を選ぶものです。もう1つは、何かを作る前にサイトの文章を承認するものです。3つとも初期状態ではオフです。

または、気に入ったサイトをBriksに見せてください。そのサイトのレイアウト、余白、書体、動きを読み取り、その雰囲気であなたのサイトをデザインします。文章と写真はあなた自身のものを使います。見せたサイトがすでに見た目を決めるため、その場合は見た目とヒーローの選択肢は表示されません。

公開前にチェックされる項目

デザインは、読めてこそ役に立ちます。すべてのビルドは、公開前にコード上で色のコントラストをWCAG AAで確認します。本文は4.5対1、大きな文字は3対1です。最初の公開のあと、Briksはデスクトップとスマートフォンの幅で公開ページを見て、読みにくい文字を直します。

より詳しいチェックは、スイッチ1つで有効にできます。最初のバージョンが公開されると、Briksは4つの画面サイズで確認し、部品が重なるなど表示が崩れている箇所を修復します。数分余計にかかり、いくらかクレジットも使うため、初期設定ではオフです。