cocoakico - WEBデザイナーのポートフォリオ

Portfolio

2002年頃、独学でグラフィックソフトの操作を覚えた頃、友人のイベントでの集客のためHTML、CSSを学びハンドコーディングでWeb制作、運用開始。コンテンツを追加したりメンテナンスしながら6年ほど運用しました。

その後、実践でセマンティックなコードを書くことやライブラリを使用して動きのあるページを開発することを学びました。

制作会社 / IT関連会社/ 広告代理店などで、デザイン/ コーディング/ ライティングなどの経験を積み、企業コーポレートサイト、ポータルサイト、ECサイト、ゲームアプリなど 幅広いWEBサービスの制作に関わってきました。

WEBデザイン、コーディング、グラフィックデザイン、ライティング、メールマガジンの配信などに対応できます。

Skill & Tools

使用言語
HTML, CSS, Javascript, php
使用ツール
Photoshop, Illustrator, Figma, VScode, Chrome Developer Tools

Works

2024~2025年の実績をご覧いただけます。

株式会社ファイン様へ業務委託契約として参画。基本的にデザインを担当

制作する画像の意図をヒアリングしながら、提案、素材手配、制作、薬事についてチェックと修正し、納品をした。商品パッケージの撮影が間に合わない場合、レタッチで商品パッケージの版下から商品画像のベースになる素材を作成した。

苦労した点は、薬事に関してNGワードを避ける技術が必要だったこと。また画像の命名規則がないこと、データに半角カタカナが混じること、デザインデータの作り方にルールがないことで元データを探すのに時間がかかった。そのため、命名規則を整えるためにリネームツール(Flexible Renamer)の使用を提案し活用した。

また自社サイト、Amazon、楽天等各モールの商品画像のテンプレートをPhotoshopで作成し、まとめて画像を作り一気に書き出す方法を提案し制作時間が大幅に短縮された。さらにバージョン管理のためにGitやSVN等を利用することを提案したが、理解を得られずに採用されなかった。

担当が画像制作が中心であったため、UIデザインやコーディングは行っておらずECサイトのリニューアルに貢献できなかったことが悔やまれる。

2022~2024年の実績をご覧いただけます。

株式会社キムラタン様へWebデザイナーとして参画。制作のリーダーとして制作物の意図をヒアリングしCVを意識しながら提案、修正、チェック、制作(デザイン・コーディング)、メルマガ配信などを担当した。

自社、PayPayモール(ヤフーショッピング)、楽天等各モールのイベント(タイムセール・クーポンキャンペーン等)や新作発売に合わせたケジューリングをし、メルマガやSNSでお知らせをすると同時にUIの対応やLPを作成した。

メルマガに関する分析と配信スケジューリング決定の為にメルマガ配信サービスを変更し、CVから配信時刻やメルマガの件名を調整、イベント企画に活用した。

企画会議やECショップリニューアルに立会い要件定義と素材の提供、制作物のチェック、足りないページやコンテンツの追加などUI対応を行った。

自社サイト、各モールの商品画像をPhotoshopでテンプレートを作り、まとめて作り一気に書き出す方法を提案し制作時間が大幅に短縮された。

エンジニアがおらず技術については勉強しながら臨機応変に対応した。インフラの知識が乏しいためにファイルを一括置換ができず、修正に時間がかかった。そのためバージョン管理をすることを提案したが理解を得られなかった。

苦労した点は、LP制作に関わる画像(写真家が撮影したての生データ)のピックアップの際にデータが重いため探すのに時間がかかった。リニューアルの際にレスポンシブ化と横幅の拡張、タイムセール実施が実現したがサイト自体が重くなってしまったことについては反省点である。

2021~2022年の実績をご覧いただけます。

オンライン販売のみの観葉植物ショップ「デルタプランツ」の立ち上げに参画。商品撮影・登録業務を担当しながら、SNSマーケティングとしてInstagramフォローキャンペーンを企画・実施しました。

この施策によりショップの認知度が大幅に向上し、売り上げ増加に貢献しました。

企画、ロゴ、SNS投稿用画像、ノベルティ、パッケージ制作、商品追加、撮影、在庫管理、発送、カスタマー対応等ECショップ運営に必要な作業をひと通り経験した。