WORKS / WEB DESIGN

制作実績

実案件と自主制作のデモサイトを、実際の画面とともにご紹介します。

SELECTED WORKS

一つひとつ、目的に合わせて。

会社やサービスの魅力が伝わり、公開後も使い続けやすいホームページを制作しています。自主制作は、実在案件と区別して表示しています。

Nurse Crew様のPC表示イメージ
Nurse Crew様のスマートフォン表示イメージ

WORK 01

Nurse Crew様

医療・臨床試験支援/治験看護師コミュニティ

実案件

医療 / コミュニティ / ホームページ制作

DESIGN CONCEPT

医療の専門性と、人の温かさを両立したデザインに。

治験という専門性の高いサービスだからこそ、「難しそう」「自分には関係なさそう」と感じさせないことを大切にしました。

医療サービスとしての信頼感を保ちながら、看護師同士がつながるコミュニティの温かさや、相談しやすさが伝わるデザインを目指しました。

DESIGN STORY

Nurse Crew様は、治験に関わる看護師のネットワークを活かし、さまざまな場所で治験を支援するサービスです。専門性の高い分野を扱うからこそ、情報を正しく伝えるだけでなく、初めてサイトを見る方にも内容を理解しやすく、身近に感じてもらうことが必要だと考えました。

医療系サイトに求められる清潔感や信頼感をベースにしながら、堅くなりすぎないデザインを意識。淡いブルーやグレーにグリーンや人物写真を取り入れ、人の温度を感じられる印象に整えました。

円形の写真やビジュアルを繰り返し使うことで、柔らかな印象と看護師同士のつながりを表現。余白をしっかり取り、専門的な情報も一つずつ順番に読み進められる構成にしています。

医療分野としての信頼感と、人が支えるサービスだからこその温かさ。その両方を感じてもらえるサイトを目指しました。
Nurse Crew様のホームページ上半分
PAGE 01
Nurse Crew様のホームページ下半分
PAGE 02
高増運送有限会社様のPC表示イメージ
高増運送有限会社様のスマートフォン表示イメージ

WORK 02

高増運送有限会社様

運送・物流

実案件

運送・物流 / コーポレートサイト / ホームページ制作

公開サイトを見る

DESIGN CONCEPT

物流を「荷物を運ぶ仕事」ではなく、「人や地域をつなぐ仕事」として伝える。

長年地域を支えてきた企業としての信頼感を大切にしながら、これから会社を知る若い世代にも親しみを感じてもらえるサイトを目指しました。

運送会社らしい力強さだけに寄せず、地域とのつながりや働く人の温かさまで、デザインと動きの両方で表現しています。

DESIGN STORY

リニューアルでは、企業としての信頼感だけでなく、若い世代にも興味を持ってもらえること、他社との差別化につながること、そして会社の温かい雰囲気を伝えることを大切にしました。

ファーストビューには、会社を中心に街や道路、人々がつながっていくイラストを採用。「つながる道の、その先へ。」というコピーと連動させ、荷物の先にいる人・企業・暮らしへとつながる仕事であることを表現しています。

社屋・スタッフ・トラックは、マウスを合わせることで関連ページへ進める設計です。イラストから実際のトラックが走る実写映像へ自然につなぎ、親しみやすい世界観から現実の仕事へと視線を導いています。

企業イメージを活かしたブルーをベースに、オレンジなどの明るい色をアクセントとして使用。安心感を残しながら、若い世代にも堅苦しく感じさせない印象に整えました。

物流を通して、人・企業・地域をつないでいる会社であること。そこで働く人や実際の仕事の姿まで感じてもらえるデザインを目指しました。
高増運送有限会社様のホームページ上半分
PAGE 01
高増運送有限会社様のホームページ下半分
PAGE 02
富士メカティクス株式会社様のPC表示イメージ
富士メカティクス株式会社様のスマートフォン表示イメージ

WORK 03

富士メカティクス株式会社様

製造業/電子制御・組込システム・省力化設備

実案件

製造業 / コーポレートサイト / ホームページ制作

公開サイトを見る

DESIGN CONCEPT

技術力の高さだけでなく、「相談すれば形にしてくれる会社」であることを伝える。

製造業としての信頼感や精密さをベースにしながら、お客様の要望に柔軟に応え、新しいものを生み出していく企業としての先進性を表現しました。

静止したデザインだけでなく、スクロールや操作に合わせた動きも取り入れ、技術系企業らしい印象を高めています。

DESIGN STORY

富士メカティクス株式会社様は、電子制御・組込システムや省力化設備など、専門性の高い技術を扱う企業です。製品を並べることだけを優先せず、どんな強みを持ち、どのようにお客様の要望に応えている会社なのかを理解してもらうことを重視しました。

ファーストビューには、実際に技術者が作業している様子を大きく配置。機械や設備だけでなく、そこに携わる人を見せることで、高い技術が知識や経験によって生み出されていることを表現しています。

ブルーを基調とした信頼感のあるデザインに、斜めのラインやグラデーション、アニメーションを組み合わせました。動きは情報を読む流れを妨げず、次のコンテンツへ自然に視線を導くよう調整しています。

強みを「多様なニーズへの柔軟な対応」「設計から納入までのトータルサポート」「確かな実績と技術力」の3点に整理し、発注を検討する方にも相談するメリットが伝わる構成にしました。

お客様の要望を聞き、考え、それを技術によって形にしてくれる会社であること。精密さ・信頼感・先進性を、サイトを操作したときの動きまで含めて表現しました。
富士メカティクス株式会社様のホームページ上半分
PAGE 01
富士メカティクス株式会社様のホームページ下半分
PAGE 02
余白 YOHakuのPC表示イメージ
余白 YOHakuのスマートフォン表示イメージ

WORK 04

余白 YOHaku

宿泊施設/一日3組の小さな宿

自主制作・デモサイト

宿泊施設 / コンセプト設計 / Webデザイン / Astro実装

デモサイトを見る

DESIGN CONCEPT

「何がある宿か」ではなく、「どんな時間を過ごせる宿か」を伝える。

架空の宿泊施設を想定し、設備や料金だけで比較されるのではなく、「ここで過ごしたい」と感じてもらうことを目的にサイトを設計しました。

メインコピーの「予定を、ひとつ減らす旅。」を軸に、写真・文章・余白・アニメーションまで、サイト全体でゆっくりとした時間を感じられるようにしています。

DESIGN STORY

宿泊施設のWebサイトでは、客室・料理・設備などの魅力を分かりやすく伝えることが重要です。一方、それらを一つずつ紹介するだけでは、宿泊施設同士を「設備の違い」で比較するサイトになりやすいと考えました。

今回設定した「余白」の価値は、豪華な設備や豊富なサービスではなく、何もしなくても心地よく過ごせる時間です。TOPページでは客室紹介より先に宿の考え方を伝え、滞在中にありそうな小さな場面を積み重ねながら、宿で過ごす一日を想像できる構成にしました。

写真は、完成された客室や料理だけではなく、朝の光、湯気、濡れた石、古い柱など、人がその場所で感じる細かな景色を多く取り入れています。アニメーションも派手な装飾ではなく、朝から夜へ進む時間の流れや、建物が重ねてきた時間を表すために設計しました。

コピー、写真、レイアウト、動きのすべてを一つのコンセプトから組み立てた、全4ページの宿泊施設デモサイトです。

特別なことがたくさんできる宿ではなく、特別なことをしなくてもいい宿。そこで過ごす時間が伝わるサイトを目指しました。
余白 YOHakuのホームページ上半分
PAGE 01
余白 YOHakuのホームページ下半分
PAGE 02

まずは、今いちばん面倒な作業を
ひとつ教えてください。

それを早く・ラクにする方法を、わかりやすくご提案します。