【BiNDup最新テンプレート2024】洗練された2つのテーマを担当デザイナーが解説

こんにちは!ホームページ作成サービス「BiNDup」で、テンプレートのデザインディレクターをしている、デザイナーのオモトです。今回は、2024年10月にSite Boxへ追加される新しい2つのテーマについて、制作したデザイナーと共に、デザインのポイントをご紹介します。

新作テンプレートでは、昨年に搭載された横並びになったカラムをスライドさせる機能「カルーセル」を使用しました。全体として、要望の多いミニマルでシンプルかつ洗練された印象のテンプレートに仕上げています。毎年、洗練さの向上を目指しているのですが、その結果…年々進化しているのを感じます。私自身も制作をしながら、その変化にワクワクしておりました!

→テンプレートですぐにサイトが作れるノーコードCMS「BiNDup」を30日間無料体験

ソリッドな印象のテンプレート「BLANK」

BiNDupテンプレートURBAN
1つ目は、ソリッドさが印象的なデザインのテンプレート「BLANK」です。主に、動画制作会社のWebサイトを想定してします。
トレンド感の演出として、デザイン自体はシンプルに、面の区切り方やフォントの使い方で独特な雰囲気を演出しました。ファーストビューエリアには、トレンドの大きめのキャッチコピーと説明文の組み合わせや、広めの余白でCDジャケットのような印象を作り出しています。洗練されたイメージのWebサイトを制作したい時に最適です。
プレビューを見る

デザインに調和するさりげない動きとアクセント

デザインのポイント
色数を減らしてミニマルな雰囲気を作り、空間を切るように写真をキッチリと配置したことが全体的にフラットな印象になるポイントです。余白も大きめに取り、窮屈さを感じないように整えました。フォントは、全体的にゴシック体を使っています。英語の大見出しのみセリフ体にして繊細さをプラスしながらも、装飾のような役割を与えており、それがフラットなデザインのアクセントになっています。

ページ全体に取り入れた動きは、デザインの印象に合わせてフェードインなどさりげないものにしました。お好みの方向からコンテンツを引き出すように表示させる「シャッターアニメーション」のシャープな動きとも合うと思いますので、ぜひ色々試していただきたいです。

→テンプレートですぐにサイトが作れるノーコードCMS「BiNDup」を30日間無料体験

スプリッドスクリーンが印象的な「URBAN」

BiNDupテンプレートBLANK
アパレルECサイトを想定したテンプレートですが、どんな業種にもマッチする汎用性があります。画面を大きく分割して、それぞれを引き立たせる「スプリッドスクリーン」のデザインをファーストビューのスライドショーに起用し、魅力的に仕上げています。
プレビューを見る

彩度と明暗が商品やサービスを際立たせる

デザインのポイント
ここ数年のトレンドであるスプリッドスクリーンをぜひBiNDupユーザーの皆様にも使っていただきたいと思い制作しました。
また、左側の余白を豊かにとることで、写真をシャープに引き立てカタログの紙面のようなイメージを作っていますが、この空間をどう作るかという点では、カルーセルのDressにも試行錯誤を重ねました。

このテンプレートでは、彩度や明暗でコントラストをつけており、互いのサービスや商品を際立たせることができます
ファーストビューは、サイトに訪れたユーザーを世界観に引き込む役割を担うため、スクロールテリングを意識した作りにしています。BiNDup内、テンプレートのアニメーションで可能な実装は1点のみではありますが、新しい試みとしてぜひご使用いただきたいです。

まとめ

今回ご紹介した2つのテーマには、それぞれ3つずつ想定業種やサイトの目的が異なるテンプレートをご用意しています。
また違った構成やデザインでの提案になっていますので、活用の幅が広がると思います。搭載までお楽しみに!

2024年9月2日から10月16日まで、新作テンプレートがセットになったお得なキャンペーンも行っております。ぜひこの機会にお申込みください。

ホームページ作成サービスBiNDupのテンプレートをみるBiNDの制作事例を見る

BiNDup GuideBook

Web作成サービス「BiNDup」の最新ガイドブック。サイトを外注せず自作する方のために制作から集客までできることをまとめました。

今すぐ資料をダウンロード
  • POINT

  • 2つのテーマに、3つずつの業種とカラーバリエーションで合計60種のテンプレートが追加される
  • 「BLANK」「URBAN」ともにトレンド感を取り入れた旬のデザインに仕上がっている
  • 新作テンプレートがセットになったお得なキャンペーンが10月16日まで開催

あわせて読みたい