HISANORI NIIDA

新居田久典 ポートフォリオ

EC領域を中心に、LP・商品ページ・バナー・サイト改修まで。
情報を整理し、買う理由が伝わる構成と実装まで見据えたデザインを行います。

  • Design
  • HTML / CSS / JS
  • Shopify
  • WordPress

About

制作対象と得意領域

EC・LP・商品画像・サイトTOPを、
情報整理から見た目の説得力までつなげて設計します。

支給素材や商品情報をそのまま並べるのではなく、購入前の不安、比較ポイント、使用シーン、ブランドらしさを整理してページ全体の流れに変換します。Figmaでの設計、Photoshopでのビジュアル制作、HTML / CSS / JavaScriptでの実装調整まで対応します。

Works

制作カテゴリ

LP / 商品ページ

サイトTOP / ECトップ

広告 / バナー

Strength

得意分野

01

EC領域の制作経験

楽天・Shopify・WordPressなど、ECや既存サイトの運用環境に合わせた制作・改修を経験してきました。機能説明だけでなく、その商品を買ったあとにどんな効果や変化を得られるか、ベネフィットが伝わる構成を重視して制作します。

02

デザインと実装の両面対応

PhotoshopやFigmaを使用したデザイン制作に加え、HTML / CSS / JavaScriptによる実装調整にも対応しています。既存サイトの表示崩れ修正や、細かなUI調整も行います。スマホでの見やすさや購入導線も意識しながら、商品情報を整理します。

03

クライアントとの対話を重視

支給素材や商品情報をそのまま並べるのではなく、クライアントとの対話を通じて大切にしたい強みや伝え方を確認します。商品の特徴、使用シーン、比較ポイントなどを整理し意図をすり合わせながらページ構成やデザインに反映します。

04

制作進行と品質管理

複数案件の並行進行、制作物のチェック、デザイナーへの依頼整理、修正内容の確認など、制作現場の進行管理も行います。

Workflow

制作の進め方

01

ヒアリング・情報整理

商品やサービスの特徴、ターゲット、掲載内容、既存ページの課題を確認し、制作に必要な情報を整理します。

02

訴求整理・構成設計

購入前の不安、比較ポイント、レビュー、CTAなどを整理し、ページ内で伝える順番を決めます。

03

ワイヤーフレーム作成

見出し、導線、セクションの役割をワイヤーで可視化し、クライアントと方向性をすり合わせます。

ワイヤー参照
04

デザイン制作

ワイヤーで確認した流れをもとに、スマホでの見やすさや訴求の伝わりやすさを意識して制作します。

05

実装・確認・修正

必要に応じてHTML / CSS / JavaScriptで実装調整を行い、表示確認と修正対応まで進めます。

CONTACT

お問い合わせ

制作のご相談、
お気軽にお声がけください。

LP、商品ページ、バナー、既存サイト改修など、目的と素材の状態に合わせて進め方から整理します。