本文へスキップ
HELLO!
HIGASHIYUKI®.COM
0   /   100
Creative Responsive Web

レスポンシブウェブサイト

コーポレートサイト、サービスサイト、特設サイトなど、目的や内容に応じたレスポンシブWebサイトを設計・制作しています。 写真・グラフィック・モーション演出やインタラクティブ表現まで含め、サイト全体の印象や空気感を丁寧に視覚化します。 HTML/CSS/JavaScriptを用いたフロントエンド実装から、WordPressなどのCMS構築、インタラクション設計まで一貫して対応し、快適な閲覧体験と運用性を両立したWebサイトを制作します。

JAGDA福岡ウェブサイトのトップページヴィジュアル
Design & Development

デザインからフロントエンド実装・CMS構築まで、分断のない一気通貫のサイト設計。

コーポレートサイトを新しく立ち上げたい。古くなったホームページをリニューアルしたい。サービスや商品の特設サイトが必要になった。ご相談の入口はさまざまですが、共通して起きやすいのが、デザインと実装の担当が分かれることによる劣化です。

画面の意図が実装で痩せる。動きが想定と違う。修正のたびに双方へ同じ説明が要る。私はデザインとフロントエンド実装の両方を一人で担当するため、この受け渡し自体が発生しません。

PC・タブレット・スマートフォンのどの画面幅でもブランドの世界観がぶれずに伝わること。運用する方が迷わず更新できること。この2つを両立させたレスポンシブウェブサイトを、福岡から全国のお客様へ制作しています。

Capabilities

対応範囲

福岡を拠点に、企画・設計から実装・運用設計までを通して担当します。要件が固まっていない段階からのご相談にも対応しています。

サイト種別
コーポレートサイト/サービスサイト/ブランド特設サイト/採用サイト/ランディングページ
デザイン
情報設計/ワイヤーフレーム/UIデザイン/レスポンシブウェブデザイン/インタラクション設計
フロントエンド実装
HTML/CSS/JavaScript/アニメーション実装/演出表現
CMS・運用
WordPress/テーマ開発/更新運用の設計
Seamless Integration

ウェブサイト、ネットショップ、ウェブアプリケーション。必要になる仕組みは違っても、設計から実装までを私が一貫して担当する進め方は変わりません。

JAGDA福岡ウェブサイトのトップページヴィジュアル
Creative Responsive Web

コーポレートサイト、サービスサイト、特設サイトなど、目的や内容に応じたレスポンシブWebサイトを設計・制作しています。 写真・グラフィック・モーション演出やインタラクティブ表現まで含め、サイト全体の印象や空気感を丁寧に視覚化します。 HTML/CSS/JavaScriptを用いたフロントエンド実装から、WordPressなどのCMS構築、インタラクション設計まで一貫して対応し、快適な閲覧体験と運用性を両立したWebサイトを制作します。

メンズコスメティックFABROUホームページの様々なページのウェブデザインがパネルにデザインされたイメージグラフィックス
E-Commerce

Shopify・EC-CUBE、WordPress+WooCommerceなどを用いた、ECサイト・オンラインショップ構築に対応しています。 商品の魅力や世界観が伝わるよう、ビジュアル設計から導線設計、UIデザインまで丁寧に構築。 更新性や商品管理のしやすさまで考慮しながら、デザイン性と運用性を両立したECサイトを制作します。 また、楽天市場やYahoo!ショッピングなど、モール型ECのストアページデザイン・フルカスタマイズにも対応しています。

植物を配したデスクのモニターに「+®IMG Spot Color Picker」の画面を表示
Web Application

業務支援ツール、予約システム、会員機能、インタラクティブコンテンツなど、用途に応じたWebアプリケーションの設計・開発に対応しています。 UIデザイン、フロントエンド実装だけでなく、バックエンド開発、データベース設計、サーバー構築・運用まで含めたフルスタックでの開発に対応しています。 操作性や視認性を重視しながら、機能性と快適なユーザー体験を両立したWebアプリケーションを制作します。

Process

ご相談から公開までの進め方

はじめのご相談から公開まで、次の順で進めます。各工程にカーソルを合わせると、その工程で使う仕組みが開きます。

  1. ご相談

    目的・想定する読者・掲載したい内容・公開時期をうかがいます。要件が固まっていない段階でも構いません。整理から一緒に行います。

    打ち合わせは、保有する専用サーバー上のオンラインビデオ会議システムで行えます。ブラウザだけで参加でき、アプリのインストールは不要です。最大10名まで同時にご参加いただけます。

  2. 構成とお見積り

    サイトマップと各ページの構成をまとめ、制作範囲を確定します。あわせて、公開後にどのページを更新したいかをうかがい、CMSを入れるか・どこまでご自身で更新できるようにするかをここで決めます。構築の手間が変わるため、お見積りの前提になります。

    内容によって幅があるため、一律の料金表は設けていません。ご要望をうかがったうえで個別にお出しします。

  3. デザイン

    トップページから方向性を固め、下層へ展開します。PC・タブレット・スマートフォンのそれぞれで見え方を設計します。

    写真・原稿・ロゴデータのやり取りには、独自のオンラインファイル共有システムを使います。1回の送受信で最大5GB・1,000ファイルまで扱えるため、撮影データを分割せずに受け渡しできます。

  4. フロントエンド実装

    HTML・CSS・JavaScript を土台に、用途に応じて PHP や jQuery なども使い分けます。動きのある表現、フォームや検索のようにサーバー側で処理が要るもの、WordPress のテンプレート。それぞれに合う書き方を選んで実装します。

    デザインを描いた私がそのまま実装するため、受け渡しの段階で意図が抜け落ちません。確定後に「実装したら印象が変わった」が起きません。

    02で決めた更新範囲にあわせて WordPress を組み込み、更新される方が迷わない管理画面を設計します。どこを触れば何が変わるかが一目でわかる状態にしてお渡しします。

  5. テストと公開

    表示と動作を、主要なブラウザと画面幅のそれぞれで確認します。問題がないことを確かめたうえで公開します。

    公開後の更新作業自体をお任せいただくことも可能です。

Selected Works

制作実績

MITSUI CO.,LTDALUMIS CO.,LTD のコーポレートサイトでは、企業サイトの設計と実装を担当しました。所属協会のJAGDA福岡公式サイトAPA調査研究事業部公式サイトも制作しています。

Bicycle Revolution Rich では、販促PVの制作からブランドサイトまでを一貫して担当しました。映像とWebを同じ視点で設計した例です。

FAQ

よくあるご質問

ご相談の前によくいただく質問をまとめました。

ここに無いことも遠慮なくお尋ねください。

はい。目的とお困りごとだけ決まっていれば十分です。掲載内容の整理や構成の検討からご一緒します。サイトマップを引く前の「何を載せるべきか」の段階からお付き合いできます。

お持ちのものがあれば活用します。撮影が必要な場合は、同じ制作者が撮影まで担当できます。サイトのデザインを前提に構図と余白を決めて撮るため、あとから素材を当てはめる制作とは仕上がりの一体感が違います。

はい。WordPress で構築し、公開後のホームページをご自身で更新できるようにします。更新される方が迷わない管理画面を設計し、どこを触れば何が変わるかが一目でわかる状態にしてお渡しします。更新作業自体をお任せいただくことも可能です。

可能です。打ち合わせは保有する専用サーバー上のオンラインビデオ会議システムで行えます。ブラウザだけで参加でき、アプリのインストールは不要です。データのやり取りも独自のファイル共有システムで完結します。

内容によって幅があるため、一律の料金表は設けていません。ご要望をうかがったうえでお見積りをお出しします。お気軽にご相談ください。

ウェブサイトについて、お気軽にご相談ください。

新規サイト制作、リニューアル、WordPress・EC構築、インタラクティブ表現など、デザインから実装まで、一貫したWeb制作を行っています。また、写真・映像・モーションを含めた統合的なWeb制作についてもお気軽にご相談ください。