Web制作の業務委託（外部パートナー）について

制作会社様・事業会社様・Webディレクター様に向けて、Webサイト制作におけるデザイン・コーディング業務を中心に、企画意図を理解したうえでの設計・制作サポートをおこないます。

「なぜこの構成なのか」「どんな成果を目指すのか」といった背景を踏まえて、指示内容にとどまらず、プロジェクトの一員として伴走します。

お請けできるお仕事

Webデザインを中心に幅広く対応します。
フリーランスならではの柔軟性を活かし、貴社のWeb制作をていねいにサポートします。

対応可能な業務範囲

Webデザイン

要件・目的を踏まえた情報設計や、ワイヤーフレームの制作から対応可能です。業態にあわせたトンマナを遵守しつつ、アクセシビリティに配慮した配色・装飾を意識してデザインします。

新規作成・リニューアルするWebサイトの情報設計・デザイン
既存のWebサイトの新規ページをデザイン
ブログなどのサムネイルや、SNS投稿画像など細かなパーツのデザイン　など

コーディング

セマンティックな構造で、運用しやすく、わかりやすい設計のコーディングを心がけます。
レスポンシブ対応が基本です。PCのデザインをもとに、スマホ用のコーディングもおこないます。

CMS構築（WordPress等）

更新頻度や運用体制を踏まえて、誰が・どのように更新するか意識した設計をおこないます。
将来的なページ追加・改修も見据え、公開後の運用のしやすさを第一に考えて構築します。

オンラインショップの構築はご相談ください。

既存サイトの改修・改善提案

指示された修正作業はもちろん、構成や導線、情報の整理状況を確認しながら対応します。
「なぜこの修正が必要なのか」「他に改善できる点はないか」といった視点で考え、より良い形があれば提案することも可能です。
軽微な調整から部分的な設計見直しまで、状況に応じて柔軟に関わります。

ライティング

「テキスト素材を元に、デザインにあわせて原稿にしてほしい」「原稿をWeb上で読みやすく編集してほしい」といったこともお任せください。
端的にリライトしたり、Webでの読みやすさに配慮した文章にまとめます。

※元となるテキスト素材のご提供をお願いします。

ロゴデザイン等
各種デザイン

ロゴマークから、チラシや名刺といった販促ツールなどの紙媒体のデザインもおこないます。

イラスト作成

オリジナルのイラストやアイコンを作成します。
イラストのタッチは各種ストックイラストサイトでご確認ください。
PIXTA | AdobeStock

過去の制作実績

外部パートナーとしてお受けした仕事の一部をご紹介します。

リクルーティングサイト制作

制作会社が作成したデザインを元にコーディングし、CMSに実装。
公開後は運用に携わり、長期間にわたって改修や新規ページのデザイン・コーディングを担当しました。

コーディング
デザイン
MovableType

コーポレートサイト制作

コーポレートサイトのリニューアルにおいて、ディレクター様やデザイナー様のディレクションのもとにデザイン制作・コーディング・CMS実装をおこないました。

コーディング
デザイン
MovableType

飲食店ほか多業種のコーポレートサイト制作

デザイナー様が作成したデザインを元にコーディングし、WordPressに実装。
既存テーマをベースに作成し、クライアントの担当者様がHTMLの専門的な知識なしに更新できるよう、ブロックエディターを使用しました。

コーディング
WordPress

リクルーティングイベントの広報用ツール作成

採用向けイベントで配布するチラシ、アンケートボード等作成。要件や支給されたテキストをもとにデザインを設計し、納品しました。

デザイン

ブログ・セミナーのアイキャッチ画像作成

クライアント企業の担当者様が更新するブログ記事の内容や、セミナーの趣旨にあわせたアイキャッチ画像を多数作成しました。
アイキャッチのベースとなるテンプレートのデザインも作成し、ご利用いただいています。

デザイン
イラスト

セミナー用スライド資料のブラッシュアップ

リクルーティングイベント等で使用するスライドを、ページ毎に情報がより伝わりやすいよう、デザインをブラッシュアップしました。
レイアウトから作図、イラスト制作、グラフの調整、配色の再検討に至るまで、見やすくわかりやすいスライドを制作します。

デザイン
イラスト

使用する言語・ツール等

デザイン

シンプルで明快なデザインが得意です。見やすさに配慮した色彩設計や、読みやすいレイアウトをおこないます。

使用するツール: Adobe XD / Adobe Photoshop / Adobe Illustrator / Figma
デザイン関係の保有資格: カラーコーディネーター2級

コーディング

最新のHTML/CSSの情報をキャッチしつつ、BEMベースで設計します。jsは得意ではありませんが、リファレンスを参照する・ライブラリを使用する・AIの助力を得ながら対応します。

使用する言語: HTML / CSS / Sass / js(Vanilla JS), jQuery
使用するツール: VSCode / Fork / GitHub

CMS

WordPressは既存テーマのカスタマイズが中心、Movable Typeはオリジナルテーマの作成が可能です。リストにないCMSも対応できる場合がありますので、お問い合わせください。

使用するCMS: Movable Type / WordPress

イラスト

Webサイトの挿絵など、コンテンツにあわせたイラストを制作します。

使用するツール: procreate / Adobe Illustrator / Adobe Photoshop / iPad Pro

ライティング

既存の原稿をWebに適した構成に編集し直す、テーマを元に文章を書くといった簡単なライティング作業も対応します。

使用するツール: Google Document

作業環境

主にMacで作業します（Windows PCも保有）。コミュニケーションツールについては柔軟に対応いたします。

MacBook Pro / Visual Studio Code / MAMP / iTerm / Android

コミュニケーションツール: Gmail / Google meet / Chatwork / Slack