KOTOMI
OKAMOTO
PORTFOLIO
ABOUT
岡本 ことみ
Kotomi Okamoto
神奈川県生まれ、関西育ち
京都芸術デザイン専門学校 ファッションデザインコース卒業
テキスタイルコンバーター・レディースバッグデザイナー等を経て、
SBキャリアカレッジにてWebデザインを学び、制作会社に入社
顧客サイトの運用を中心に、ディレクションおよびコーディングを担当
WORKS
Client Workクライアントワーク
CUTTING EDGE 様
コーポレートサイト
- web design
- coding
Personal Works自主制作
PORTFOLIO
ポートフォリオ
- web design
- coding
Work Experience実務経験
前職では運用グループでディレクション・コーディングをメインに行っておりました。
-
HP運用
22社のWebサイト運用を担当。
行政機関、病院、美術館、某空港のポイントサイトなど、幅広い業種・業態のWebサイトに携わりました。
定期更新や修正対応、新規ページ作成など、各サイトの特性やルールを理解したうえで、 正確性・スピード・安定運用を意識したWebサイト運用を心がけてきました。 -
ディレクション・進行管理
運用やサーバ移行等におけるディレクション業務を担当。
クライアントや社内メンバーとのやり取りを行い、要件整理やスケジュール管理を通して、 円滑に進むよう調整役として対応しました。
進捗管理や情報共有を徹底し、納期を意識した進行管理を行ってきました。 -
下層ページコーディング
既存サイトや新規サイトの下層ページコーディングを担当。
デザインデータをもとに、既存構造やルールに合わせた再現性の高いコーディングを意識して対応しました。
更新や保守にも配慮し、運用しやすいコードを心がけています。 -
WordPress保守・運用
WordPressを導入している顧客サイトに対し、保守対応を担当。
毎月、保守状況をまとめたレポートを作成・送付し、サイトの運用状況を共有していました。
バージョンアップ実施時には、影響範囲の確認やスケジュール調整を行い、 関係者との調整を含めたディレクション業務を担当しました。 -
CMS更新業務
WordpressやMovable Typeを利用したWebサイトの更新業務を担当。
管理画面を使用したコンテンツ更新や修正対応を行い、各サイトの運用ルールや更新フローに沿った対応を行ってきました。
HTML／CSSによる静的ページと併せた更新対応が多く、 ページ間の整合性を意識した更新作業を行っていました。 -
SSL証明書更新
SSL証明書の更新対応を担当。
更新申請やクーポン取得、メール認証・ファイル認証など、 顧客ごとに異なる認証方式に対応し、証明書取得までの一連の対応を行いました。
証明書のサーバー設置作業はエンジニアが担当し、 その前後の進行管理や関係者との調整を行っておりました。
Bannerバナー
-
猫カフェハロウィンイベント
-
自主制作
制作期間：１日
使用ツール：Photoshop -
概要
仮想カフェ「Mareha」によるハロウィンイベントの告知バナーです。「推しのにゃんこと一緒にイベントを楽しむ」をコンセプトに、猫好きのユーザーが思わず反応したくなる世界観を意識して制作しました。
-
デザイン説明
ターゲットは幅広い猫好き層を想定しています。ハロウィンらしい紫とオレンジの配色で季節感と楽しさを演出し、コスチュームを身につけた猫のビジュアルを主役に配置することで、視線を自然に誘導する構成にしています。
ポップでやわらかい書体を使用することで親しみやすさを強調し、「推しのにゃんこと楽しめる」という体験価値が直感的に伝わるデザインに仕上げました。全体として、クリックしたくなるワクワク感とイベント感を重視しています。
-
-
イタリア料理教室
-
職業訓練校の課題
制作期間：１日
使用ツール：Illustrator -
概要
20〜30代の男女をターゲットにした、料理教室の告知バナーです。「おうちで本格イタリアンを再現できる体験」をコンセプトに制作しました。課題テーマである“画像の使用”と“パターン制作”を取り入れたデザインです。
-
デザイン説明
メインビジュアルには料理写真を配置し、シズル感によって「作ってみたい」と感じてもらえるよう視線を引きつける構成にしています。背景にはイタリアン食材のイラストをパターン化して使用し、楽しさとテーマ性を視覚的に表現しました。
落ち着いたグリーンをベースカラーにすることで、料理の美味しさを引き立てつつ安心感のある印象にまとめています。イベント内容・日時・行動導線が直感的に伝わるレイアウトを目指しました。
-
-
バレンタインキャンペーン
-
職業訓練校の課題
制作期間：１日
使用ツール：Illustrator -
概要
架空店舗「SBカフェ」のバレンタインキャンペーン告知バナーです。課題テーマである“グラデーション”と“ペンツールによる曲線表現”を取り入れ、季節イベントの高揚感を視覚的に表現することを目的に制作しました。
-
デザイン説明
全体はラッピングされたチョコレートボックスをイメージした構成にし、中央にメイン情報をまとめることで視認性を高めています。背景のピンクのグラデーションは、バレンタインに向けて気持ちが高まる様子やときめきを表現しています。
装飾にはペンツールで作成したチョコレートモチーフを配置し、やわらかさと楽しさを演出しました。甘く華やかな色合いとリボンの演出により、キャンペーンらしい特別感が伝わるデザインを意識しています。
-