Web — LP
ドレスフェスタ
1日限定イベントの集客LP
- 支給された構成をもとに表示を実装
- 情報量の多い一覧をデバイスごとに最適化して実装
- 約1ヶ月で制作〜公開
1日限定ブライダルイベントの告知LP。デザイン・コーディングを担当。支給資料に沿って、デバイスごとに見え方が崩れないようコーディングを行いました。
サイトを見るWorks
Selected Works
Web — リニューアル
医療系団体サイト
コーポレートサイト リニューアル
- 「森の感じ」という抽象的な要望を具体的なビジュアルに落とし込み
- WordPress構築・ロゴデザインまで一括対応
- 歯科医師検索機能は専門コーダーと連携実装
福祉情報サイトのデザインおよびWordPress構築、ロゴ制作を担当。安心感と親しみやすさを伝えるトーンでデザインを構築。検索機能などの高度な実装は外部コーダーと分業し、品質を担保しました。
サイトを見る
Web — EC / トップページ
たたみのこうひん
ECサイト トップページ
- ブランドの安心感・品質感が伝わるトーンでデザイン
- フューチャーショップの仕様に合わせた運用前提のコーディング
- 運用担当者が更新しやすいモジュール構成
ECサイトリニューアルのPC版トップページを担当。フューチャーショップのテンプレート仕様を踏まえ、後の運用で破綻しにくいコーディングを行いました。情報量を整理しながらブランドトーンを表現。
サイトを見る
Web — EC / 診断コンテンツ
たたみのこうひん 診断ページ
楽天市場 コンテンツページ
- 商品データをJSで一括管理し、別ファイル更新で完結
- 診断・全商品・ランキングを一画面に集約する設計
- 担当者がコードを直接触らずに更新できる仕組み
診断フローをJavaScriptで実装。商品データを別ファイルに切り出し、運用担当者がコードを触らずに内容を更新できる仕組みを構築しました。一画面で複数の役割を兼ねるコンテンツ設計。
診断ページを見る
Web — LP / WordPress
エキキターレ
イベントスペースLP
- WordPressオリジナルテーマを一から制作
- 更新箇所を限定し、運用時の品質維持を担保
- トップビジュアル・会場写真・投稿のみ更新可能に制御
オリジナルテーマでWordPress構築。更新が必要な箇所のみを動的領域として開放し、それ以外は固定化することで、運用時のレイアウト崩れを防ぐ設計にしました。
サイトを見る
Web — コーポレート
建設会社サイト
コーポレートサイト リニューアル
- 素材にない会社オリジナルの機械をIllustratorで作画
- 企業サイトとしての見やすさを優先したレイアウト
- コーディングは別担当と分業で効率化
コーポレートサイトのリニューアルでデザインとイラスト制作を担当。素材集にない特殊機械はIllustratorで一から作画し、視覚的な補助として配置しました。
サイトを見る
Web — LP / WordPress
ブライダル施設キャンペーンLP
期間限定キャンペーンLP
- ファーストビューで訴求が伝わるビジュアル設計
- WordPress上で商品差し替え可能な運用前提コーディング
- キャンペーン更新に対応しやすいテンプレート構造
新生活応援キャンペーンの告知LP。デザインからコーディングまで担当。WordPress上で商品情報を差し替えられる構造にし、繰り返しのキャンペーン運用に耐える設計にしました。
サイトを見る
Print — リーフレット・ポスター
水族館
リーフレット・ポスター
- 魚を複数配置することで「種類の豊富さ」を視覚化
- 視線の流れを意識した直感的なレイアウト
- リーフレット・ポスターのトーンを統一しつつ役割で差別化
リーフレット・ポスターのデザインを担当。施設特性を写真の見せ方とレイアウトで補強し、媒体ごとに役割を分けつつトーンを統一しました。
Print — 住宅広告
住宅・不動産広告
間取り図・地図・販促物
- 設計図から間取り図・周辺地図を一から作成
- 視認性を重視した地図デザイン
- 物件の魅力を伝える説明文のライティングまで対応
新築戸建て広告制作を担当。設計図をもとに間取り図・地図を作画し、デザインからライティングまで一貫して対応しました。
Print — DM
社労士向けサービスDM
営業用ダイレクトメール
- プラン情報の視認性を強化した紙面構成
- 「悩み→解決」の流れで読み進められるレイアウト
- 意思決定に必要な要素のメリハリ設計
社労士事務所向けホームページサービスの営業DM。読み手が判断に必要な情報をスムーズに辿れるよう、要素の優先順位を視覚的に整理しました。
