WORKS

完成したものより、
そこまでの考え方を見てください。

見た目だけでなく、どんな課題をどう整理して形にしたかをご紹介します。

企業での実務経験

勤務先で担当した業務であり、A@Web Worksとしての受託案件ではありません。

勤務先での実務経験

建設会社｜Web制作・SNS運用・採用広報

担当分野

  • ホームページのリニューアル・更新
  • Instagram・TikTok運用
  • 採用広報
  • 資料制作
勤務先での実務経験

地域パソコンショップ｜SNS運用・販促物制作

担当分野

  • Instagram運用
  • インサイト確認
  • 販促物制作
  • Web関連サポート

Webサイト制作実績

K.seq STRUCTURAL ESTIMATION 公開サイトのスクリーンショット
Webサイト制作実績

K.seq STRUCTURAL ESTIMATION

業種
建築積算事業
担当範囲
サイト構成・デザイン・実装・スマートフォン対応・公開
公開方法
GitHub Pages

※掲載許可を取得済みの制作案件です。

サイトを見る →

自主制作サンプル

※以下は、想定課題をもとに制作した自主制作サンプルです。

カフェ / ホームページ
自主制作サンプル

韓国スタイルカフェ 公式サイト（サンプル）

韓国スタイルカフェを想定して制作したサンプル。世界観を大切にしたビジュアルデザインで、メニュー・アクセス・SNS連携をわかりやすく構成しました。

設計で考えたこと
想定課題
SNSで存在は知られても、場所・営業時間・メニューが分からず来店の判断がしにくい状態を想定。
想定ユーザー
Instagramで見つけた20〜30代を中心に、スマホから情報を探す層。
情報設計
世界観が伝わる写真を主役にしつつ、メニュー・アクセス・営業時間をすぐ確認できる並びを意識。
導線設計
各ページからGoogleマップや公式SNSへ迷わず移動できる配置を設計。
スマホ配慮
縦スクロールだけで情報が完結し、地図・SNSボタンを親指の届く位置に配置。
サンプルを見る →
IT企業 / コーポレートサイト
自主制作サンプル

IT企業 コーポレートサイト（サンプル）

IT企業を想定して制作したサンプル。信頼感を訴求するデザインで、サービス・事業内容・採用情報を一体的に整理した構成です。

設計で考えたこと
想定課題
事業内容が伝わりにくく、「何をしている会社か」「信頼できるか」を判断しづらい状態を想定。
想定ユーザー
取引を検討する企業の担当者と、応募を検討する求職者。
情報設計
事業内容→実績・強み→採用の順で、信頼につながる情報の並びを意識。
導線設計
問い合わせと採用エントリーの2つの出口を分け、目的別にたどり着けるよう設計。
スマホ配慮
表や箇条書きを縦画面でも読みやすい形に整理。
サンプルを見る →
工務店 / ホームページ
自主制作サンプル

工務店 公式サイト（サンプル）

地域密着の工務店を想定して制作したサンプル。木の温もりを感じるデザインで、施工事例・会社紹介・お問い合わせを一体化した構成です。

設計で考えたこと
想定課題
実績はあっても写真が活かせず、技術力や雰囲気が伝わりにくい状態を想定。
想定ユーザー
地域で施工会社を探す施主層と、採用を探す求職者。
情報設計
施工写真を大きく見せ、会社紹介・お問い合わせを一つの流れにまとめる構成を意識。
導線設計
施工事例から見積もり・相談へ自然につながる配置を設計。
スマホ配慮
写真を大きく見せつつ、読み込みや表示の負荷に配慮したレイアウト。
サンプルを見る →
歯科クリニック / ホームページ
自主制作サンプル

歯科クリニック 公式サイト（サンプル）

歯科クリニックを想定して制作したサンプル。清潔感のある白×ブルーのデザインで、診療案内・WEB予約導線・スタッフ紹介を整理した構成です。

設計で考えたこと
想定課題
初めての患者が診療内容や予約方法で不安を感じ、離脱しやすい状態を想定。
想定ユーザー
近隣で歯科を探す患者や、急ぎで予約したい人。
情報設計
診療案内→WEB予約→スタッフ紹介の順で、安心して来院を判断できる並びを意識。
導線設計
どのページからもWEB予約へスムーズにたどり着ける配置を設計。
スマホ配慮
清潔感のある配色と、押しやすいサイズの予約ボタンで操作性を確保。
サンプルを見る →