あえて崩すレイアウト(Webデザイン)

PORTFOLIO 20

Webデザインポートフォリオ

あえて崩すレイアウト

業種
建築事務所
形式
  • オーソドックス
デザイン
  • ブロークングリッドレイアウト
  • フラットデザイン
  • 巨大なタイポグラフィ
  • 手書き風フォント

デザインコンペで作成したデザインを手直ししたものです。

Web制作のポイント!

色数は多く使わずオレンジ系の色を使用しシンプルにまとめています。
全体のレイアウトはブロークングリッドレイアウト(一部をあえてずらす手法)をとることで部分的に目立たせたい箇所を目立つようにすることや、レイアウトの退屈感を取り除いています。

また、一部のフォントは丸文字の手書き風とすることで硬さが取れ、優しく柔らかさが強調されるとともに目線の誘導をとれるようデザインしております。

●右サイド
「資料請求ボタン」「Facebook・Instagramボタン」「サイト名」「ページトップボタン」はスクロールしても追従(固定表示)するのを想定しています。
特に右上の「資料請求ボタン」が多くクリックしてもらえるようレイアウトいたしました。

●メインエリア(ファーストビュー)
サイトの温かみがある雰囲気を盛り上げるため家の模型を手にとった笑顔の女性の写真を使用いたしました。
また、ニュース欄をメイン右下に配置し新着情報がより伝わりやすくなるとともに、ファーストビュー下のWORKSへスクロールですぐ到達できる利便性を向上させております。

↓

ウェブケイ
屋号
ウェブケイ
事業形態
個人事業・フリーランス
開業日
2013年6月
所在地
岐阜県恵那市内
業務時間
平日11時~20時
業務内容
Webサイト(ホームページ)制作に関わる業務全般(デザイン・コーディング・CMS導入等)

ウェブケイ(webK)は岐阜県恵那市で活動するフリーランス(個人/SOHO)Webデザイナーで、Web制作業務にて活動しております。
前職ではWeb制作会社でホームページデザイン・コーディング・FLASH・プログラムなどの幅広いWeb制作業務に8年間ほど携わり、2013年6月にフリーランスとして独立しました。