山本 彩乃
Yamamoto Ayano
1997年生まれ、神奈川県横浜市出身。
2021年10月よりスターティア株式会社にて、Webデザイナー兼コーダーとして従事しております。
BtoBサイトを中心に、デザインからHTML/CSS/JSの実装、WordPressを用いたCMS構築まで一貫して担当。
自らデザイン工程の内製化を提案・構築し、制作コストの低減と品質向上に貢献しました。2023年下期にはその功績が認められ、部署MVPを受賞。2025年4月からはリーダーとして、メンバーのタスク管理、案件アサイン、外注管理などのマネジメント業務にも携わっております。
Skill
スキル
[使用可能ツール・スキル]
- check_circleデザイン：Photoshop, Illustrator, XD, Figma
- check_circle言語：HTML5, CSS3(Sass/Bootstrap), JavaScript(jQuery), PHP(WordPressテーマ開発)
- check_circleCMS：WordPress(オリジナルテーマ作成、TCDテーマでの構築), BlueMonkey
- check_circleその他：Visual Studio Code, 内部SEO対策, MS Office（Word、Excel、PowerPoint）
デザイン
お客様の要望、ターゲットユーザー、制作目的を深く理解し、最終的なゴール（成果）を見据えたデザインをご提案いたします。コーポレートサイト、ランディングページ（LP）、採用サイトを中心に、情報設計からビジュアル制作まで幅広く対応可能です。また、メインビジュアルの作成や、利便性を追求したメガメニューなど、細部のUIデザインにもこだわった制作を行います。
コーディング
HTML5/CSS3(Sass)およびjQueryを用い、SEO対策とレスポンシブデザインを最適化したウェブサイトを構築いたします。公開後の運用を見据え、他者がメンテナンスしやすい可読性の高いコードと、更新性の高い設計を常に心がけています。WordPressにおいては、既存テーマ（TCD等）を活用したスピーディーな構築から、独自のデザインを再現するオリジナルテーマ開発まで、ご要望に合わせて柔軟に対応いたします。
Carrer
経歴
-
2020年3月
桜美林大学リベラルアーツ学群コミュニケーション学専攻を卒業。
-
2020年4月
株式会社ニチイ学館に総合職として入社。
総合病院にて医療事務・受付業務に従事。
多忙な現場で優先順位を判断し、臨機応変に対応する力を養う。 -
2020年9月
専門スキルを身につけたいという想いから、独学でWeb制作の学習を開始。
時間を忘れて没頭できるWeb制作の奥深さに魅了され、この分野を一生の仕事にすることを決意。 -
2021年1月
デジタルハリウッドスタジオ横浜校（Webデザイナー専攻）受講。
デザインの基礎から、HTML5/CSS3、JavaScript、jQuery、レスポンシブデザインの実装までを網羅的に習得。 -
2021年3月
ウェブ業界への転職を目指し、退職。
-
2021年10月
スターティア株式会社に技術職として入社。
実務未経験からのスタートながら、BtoBサイトを中心にコーポレートサイト、LP、採用サイトなどの構築・運用を数多く担当。 -
2023年4月
社内初の「Webデザイナー」に就任。
コーディングだけでなく、デザイン工程の内製化を自ら提案。
デザインから実装まで一貫して手がけるフローを構築し、制作コスト削減と品質向上を実現。 -
2024年6月
2023年度下期 部署MVPを受賞。
徹底した工数管理により、制作担当者の中でトップの制作原価（稼働実績）を記録。
さらにデザイン業務の内製化率を50%まで引き上げた実績が認められ、MVPに選出されました。 -
2025年4月
制作チームのリーダーへ昇進。
案件の見積もり算出、メンバーのタスク管理、案件アサイン、外注管理などのマネジメント業務に従事。
プレイヤーとしても第一線で制作に携わりつつ、チーム全体の生産性向上を牽引している。 -
現在に至る
Design
デザイン制作において
大切にしていること
arrow_circle_right目的・ターゲットから逆算した情報設計
「誰に、何を伝え、どのようなアクションを促すか」という最終ゴールを常に念頭に置いています。ユーザー層に合わせた視線誘導やレイアウトを構築することで、単に綺麗なだけでなく、成果に繋がるデザインを追求しています。
arrow_circle_right徹底したヒアリングによる「認識のズレ」の防止
お客様の抽象的なイメージを具体化するため、カラーや雰囲気の好みだけでなく、避けるべきデザイン要素も事前に言語化します。必要に応じて複数パターンのデザイン案を提示し、早期に合意形成を図ることで、手戻りのないスムーズな進行を心がけています。
arrow_circle_right市場リサーチに基づいた最適解の提案
お客様の業界動向や競合サイトを自主的にリサーチし、トレンドと独自の強みを掛け合わせたデザインを提案します。客観的な根拠を持って制作に臨むことで、説得力のあるアウトプットを実現しています。
Coding
コーディングにおいて
大切にしていること
arrow_circle_right内部SEOを考慮した実装
適切なタグ選定（hタグの順序等）や、alt属性、OGP、構造化マークアップの設定を徹底しています。高評価SEOチェックツールやラッコツールなどのツールを用いたチェックをルーティン化し、検索エンジンとユーザーの両方にとって「正しく伝わる」サイト構築を行っています。
arrow_circle_right運用の効率を下げない「保守性」の高いコード
サイト公開後の更新や改修を見据え、自分以外の誰が見ても直感的に理解できる設計を意識しています。一貫性のあるクラス命名や適切なコメントアウトを行い、属人化させないコード記述を徹底しています。
arrow_circle_rightマルチデバイスにおける徹底した品質管理
検証ツールおよび実機（PC/iPad/スマホ）を用い、あらゆる画面幅で崩れのないレスポンシブ表示を確認します。デザインの意図を正確に再現するため、文字サイズや余白の数ピクセル単位までこだわり、精度の高い構築を実現しています。