consultingWisteria ArcWeb DesignCoding consultingWisteria ArcWeb DesignCoding consultingWisteria ArcWeb DesignCoding consultingWisteria ArcWeb DesignCoding
Wisteria Arc モックアップ

Web Design

Wisteria Arc(架空企業)

アオゾラ塗装ホームページモックアップ

制作期間

約1週間

使用ツール

Figma
HTML / CSS / JavaScript

種類

コーポレートサイト(起業支援コンサルティング)

ターゲット

起業・独立を志している個人・小規模事業主
補助金申請や資金調達に不安を感じている方

制作範囲

デザイン/コーディング/レスポンシブ対応

目的

問い合わせ・相談獲得
実績と信頼性を伝え、初回相談へつなげる

コンセプト

藤(ウィステリア)が絡まりながら美しく咲く姿になぞらえ、複雑に絡まりがちな起業の課題を丁寧に解きほぐし、確かな一歩へ導く伴走型支援の世界観を表現。
ベースカラーのネイビーで誠実さと知性を、アクセントのオレンジで明るさと親しみやすさを加え、信頼感と温かみを両立した企業像を演出。

設計意図

ファーストビューで専門性と実績を印象づける構成とし、3つのサービスをわかりやすく整理。
補色関係にあるネイビーとオレンジのコントラストを活かし、CTAボタンにオレンジを採用することでユーザーの視線を自然に集め、問い合わせへのアクションを促しやすい設計としています
相談へのハードルを下げるシンプルな導線で、不安を抱えた起業志望者が安心して一歩を踏み出せるサイトを目指しました。

Color Palette

#193a6a
#ff5a1e
#00c3b7
#d0eefb
#eff2fa