ご提案②「グローバル感と先進性」を意識したモダンスタイル


コンセプト

世界とつながる、A-SATのネットワークと未来志向を表現。

特徴

– 全画面スライダーで企業メッセージと製品ビジュアルを交互表示
– 多言語切替はドロップダウンでスマートに
– プロダクトページはタブ形式+スペック表+写真ギャラリー
– 単色系+アクセントで洗練された印象

適しているケース

– 海外パートナーや新規顧客の信頼を得たい
– スタイリッシュで「新しい印象」を打ち出したい


デザインサンプル(HOME TOPのみ)

※サンプルデザイン内で使用しているテキスト、写真画像はすべて仮のものです。

  • メインビジュアルは横幅100%でインパクトを出す。テキストや写真画像などをスライドアニメーションで表示。
  • 言語切り替えはヘッダーのプルダウンメニューにて。
  • 大きめの写真画像と見出しを配置し、メインのサービスをコンセプトとして打ち出す。

ワイヤーフレーム

※ワイヤーフレーム内で使用しているテキスト、写真画像はすべて仮のものです。

  • HOME

    wireframe
    • メインビジュアルは横幅100%でインパクトを出す。テキストや写真画像などをスライドアニメーションで表示。
    • 大きめの写真画像と見出しを配置し、メインのサービスをコンセプトとして打ち出す。
    • 顧客への信頼度を向上させるため「なぜA-SATを選ぶのか」という項目を配置する。
    • ブログ記事で最新情報を随時更新。

  • 私たちについて(会社情報)

    wireframe
    • 洗練されたビジュアルで「MISSION」「VISION」など企業理念を打ち出す。
    • 事業内容をアニメーションなどを含めてクールに表示。
    • 本社、営業所、関連会社はフレームで区切って見やすい配置に。
    • ページ下部にCTA配置、問い合わせへの導線を容易にする。

  • 製品について

    • 左メニューで製品一覧、およびカテゴリーごとにタブ切り替え。下部製品リスト表示。
    • 製品リストは名称順、価格順、新着順などで並べ替え可能。
    • 製品リストの各項目には写真、製品名、概要、タグ、価格、詳細ページへのリンクボタン設置。
    • 製品リストをクリックするとポップアップで写真とタイトルが表示される仕組み。

  • サービス

    • サービスの概要を項目ごとに分けて紹介。必要に応じて製品情報ページへのアクセスボタンを設置。
    • 中古製品に関しても同様に項目ごとに分け、製品情報ページへの導線を確保。
    • ページ下部にCTA配置、問い合わせへの導線を容易にする。

  • お問い合わせ

    • ミニマルなお問い合わせフォームと本社連絡先情報。