PORTFOLIO

Keiko Koyanagi の制作実績です。こちらは主にWEBサイト制作について掲載しております。ロゴや画像、紙媒体のデザイン全ての制作実績をご希望の場合には、Instagram プロフィールより#keikototsukuru制作実績をご覧ください。

WEBサイト制作

塾からうまれた学童保育|秀優キッズ・ゼミ様(2020.11)

制作ポイント

秀優様のWEBサイトは、マーケティングからお任せ頂き、制作に入りました。
ロゴも同時にご依頼いただいたため、WEBサイトのデザインの方向性、伝えたい事のすり合わせを重視し、構成案に入る前に行いました。

その段階でイメージの共有をさせて頂けた事から、デザインのアイディアを出す際も、イメージと伝えたい事から逸れる提案が避けられました。

私はシンプルなデザインが得意ではありますが、そのためデザインに強弱が生まれない事があります。しかし、秀優様のお戻し時の一言で、メリハリが付けれ、ザッピングをしただけで、伝えたい事が伝わるWEBサイトにする事ができました。

また、元々のWEBサイトをお持ちで、かつURLの変更がないため、SEOの専門家に相談の上、URL毎のページ設定を慎重に決めていきました。

制作工程

STEP
ヒアリング

ヒアリングシートにご記入いただき、それを元にオンラインにてヒアリングを行いました。お見積もりの説明やご予算のすり合わせを行いました。

STEP
マーケティング・結果共有・方向性決定

マーケティング結果から、方向性を決めます。マーケティング資料を元に、伝えたい事の整理を行いました。ここで制作のゴールを決めます。

STEP
構成案の制作・決定

ここで全体の内容・ページ数・ページ遷移先・ページの導線を決めました。ページ数の変更があれば再見積もりとなります。

STEP
デザイン案制作・決定

WordPressでの制作をご希望だったため、当方テストサイトに制作していきました。ここでの1回目のお戻しで、イメージの共有がマッチしました。その後は微調整となりました。

STEP
納品&レクチャー

サーバー側のPHPアップデートをし、納品。テーマにマッチしたプラグインへ移行しました。今後、ご自身での更新ができるよう、マニュアルをお渡しすると共に、レクチャーを行いました。

パーソナルトレーニングスタジオ Remix様(2020.10)

制作ポイント

Remix様の制作は、元々、同じ場所でジムをご経営なさっていた時に、あるフォームの制作をしたご縁で、店舗名・ロゴ・マーケティングからご相談いただき、リピートでのご依頼となりました。

その中で、店舗名についても、信頼しているサービスをご提案させて頂きました。その後、サーバー・ロゴ・WEBサイト制作についてご相談⇨制作となりました。

一から関わらせて頂いた事で、よりイメージの共有ができ、制作をスムーズに行う事ができました。
Remix様は清潔な店内からも伝わるように、プロ意識が高く、そのご意思に添えるよう、マーケティングから納品まで、ロジカルに設計し、進めて行く事ができました。

制作工程

STEP
ヒアリング

ヒアリングシートにご記入いただき、それを元に更にヒアリングを行いました。ここで制作のゴールを決めます。
今回はここで、店舗名・ロゴに関しても状況共有いただき、進めていきました。

STEP
マーケティング・結果共有・方向性決定

マーケティング結果から、方向性を決めます。

STEP
構成案の制作・決定

ここで全体の内容・ページ数・ページ遷移先・ページの導線を決めました。

STEP
デザイン案制作・決定

WordPressでの制作をご希望だったのですが、新しいURLを取得なさったので、そのURLをテスト環境にし、構築させて頂きました。ここでは微調整となりました。

STEP
納品&レクチャー

すでに構築されているので、公開して納品。テーマにマッチしたプラグインを導入いたしました。今後、ご自身での更新ができるよう、マニュアルをお渡しすると共に、レクチャーを行いました。

STEP
SEO

SEOについてもご契約頂いているので、今後も制作及び専門家による分析を継続していきます。

YT architects様(2020.04)

制作ポイント

既存住宅状況調査/住宅設計に関するコンサルタント業務/都市計画・まちづくりに関するコンサルタント業務/DIYコンサルタント業務/図面作成業務 を行っているYT architects様は、業種が違うとしてもデザインという大きなカテゴリの中では近いので、そのご希望に応えられるように気を配りました。

名刺がわりになるようなWEBサイトをご希望で、内容はもう決まっていたため、構成案から制作しました。
デザインも4パターンだし、その中で決定となりました。

こちらはWordPressはご希望ではなかったので、コーディング(HTMLとCSSというコードを打ち込み、デザイン案がWEB上でも表示されるよう、データ化する)をし、構築しました。

制作工程

STEP
ヒアリング

まずは直接お会いし、フランクに内容を伺いました。今回は名刺がわりで、ダイレクトサーチ(お名前とサイト名などを検索してヒットするのみ)で良いとの事で、内容も決まっていたので、すぐ構成案に入りました。

STEP
構成案制作・決定

内容が決まっていたので、フレームで場所だけ制作し、すぐに決定しました。

STEP
デザイン案の制作・決定

4案提出しました。その中から選んで頂き決定しました。

STEP
コーディング

ここで私がビューポイント(パソコン・タブレット・スマホ等でデザインを若干変えて見やすく表示される、レスポンシブデザインを行うにあたり、画面幅などの設定)についてかなり苦戦してしまいましたが、デザイン案をしっかり再現する事こそが、コーディングの大切な部分なので、YTarchitects様にもご一緒にチェック頂きつつ、設定完了。

STEP
納品

昨今の新型コロナウィルス感染症対策の観点から(外出自粛が特に厳しい時期だったため)サーバーへのアップロードのマニュアルと納品ファイルを送付し完了。その後表示についても微調整しました。

and more…