Works
- HP・LP
- バナー
- 印刷
福岡県:ネイルスクールLP
使用ツール:Photshop、HTML/CSS、JavaScript、PHP
制作期間:2週間
サイト改修、デザイン、コーディング、お問い合わせフォーム
ファーストビューのデザイン変更、iPhone、Macにおける画像のレイアウト崩れの修正、よくある質問、お客様の声のブロックを追加しました。
愛知県:リフォーム会社HP
使用ツール:HTML/CSS、JavaScript、WordPress(PHP)、Illustrator
制作期間:2ヶ月
新規作成、デザイン、コーディング
新しく法人設立したリフォーム会社の新規HP制作を担当。
地域密着が強みの会社様でしたので明るい暖色での配色、トップ直下に挨拶文を挿入することでお客様に安心感を与えられるように工夫。
大阪府:お茶小売店HP
使用ツール:HTML/CSS、JavaScript、WordPress(PHP)、Illustrator
制作期間:2ヶ月
商品ページの作成、googleカレンダー連携、ブログ機能追加、お知らせ機能追加
既存サイトのページ追加を担当。
WordPressのオリジナルテーマを編集しトップページにブログ記事の導線を設置、カスタム投稿によりお知らせ機能を追加、下層ページにお茶の商品紹介ページをカテゴリーごとに分けて追加した。
店舗でのお茶レッスンの予約をGoogleカレンダーにて受け付けており、HPにもカレンダーの設置をしたいと依頼を受けて、APIによりHPとGoogleカレンダーの連携を行なった。
大阪府:リフォームLP
使用ツール:Photshop、Illustrator、HTML/CSS、WordPress(PHP)
制作期間:1ヶ月
新規作成、デザイン、コーディング、お問い合わせフォーム
リフォームのサブスクサービスを展開するとのことで、新規作成したLP。
リフォームのサブスクで、ターゲットは一括でリフォームが難しい金銭面に不安のある層であったため、LP内では極力商売感は出さず、シンプルにすることで安心して契約をしてもらうようにデザイン。
商品の詳細や会員プランの詳細をLP1ページ内に収めるにはロングページになってしまい離脱率アップの恐れがあったため、WordPressの固定ページで1つずつ紹介してトップページに導線を設置している。
大阪府:水回りLP
使用ツール:Illustrator、HTML/CSS、JavaScript、PHP
制作期間:1ヶ月
新規作成、デザイン、コーディング、お問い合わせフォーム
水回り4点セットを販売するLPを作成。
デザインは水を連想させる水色のグラデーションを多用し世界観を作り上げた。
顧客の予算の都合上、商品単体で購入すると採算が合わない恐れがあったため、4点セットで購入してもらえるように導線を多数設置。
商品紹介後に自動見積りフォームをJavaScripフレームワークのvue.jsで実装し、商品の組み合わせで、金額が変動する。
愛知県:外壁塗装LP
使用ツール:Illustrator、HTML/CSS、JavaScript、PHP
制作期間:2ヶ月
新規作成、デザイン、コーディング、お問い合わせフォーム
法人設立直後のリフォーム会社のLPを作成。
施工事例などのアピール点はなく、地域に密着した訴求と、できるだけコンテンツを多くしてほしいとの依頼があった。
写真やテキスト情報などはお客様で持ち合わせていなかったため、全て自社で用意したものを提案しながら作成を行なった。
大阪府:お茶小売店広告画像
使用ツール:Photshop
お茶小売店のSNS広告画像を作成。
百貨店での出店であったため顧客層に合わせて重厚感のあるテイストの依頼があった。
写真素材に悩んでいるとのことで、実店舗で自ら撮影した画像を使用した。
大阪府:工務店広告画像
使用ツール:Photshop
催事開催に合わせて配信する広告用画像を作成。
屋台デーという名前での開催でしたので、屋台を連想できるデザインにした。
バルーンアートをお子さんにプレゼントする隠し企画もあったため、風船も小さく配置して伏線を張った。
愛知県:外壁塗装LPの広告画像
使用ツール:Photshop
地域密着のリフォーム会社の広告運用を依頼され、広告に使用するバナーを作成した。
地域密着感をアピールできる、明るい雰囲気でとの要望があったため、名古屋城のシンボルでもあるしゃちほこに会社の強みを会話風で表現した。
色合いは広告をクリックした後に遷移するLPの色と同じオレンジに合わせた。
滋賀県:焼肉店のメニュー
使用ツール:Illustrator、Photshop
琵琶湖がお店から見えることがコンセプトの焼肉店のメニューを作成。
デザインは完全におまかせでの依頼でしたので、店内内装や、お店から見える琵琶湖の風景などをグルメサイトで調査しながら。メニューに落としこむ世界観を考えた。
白を基調とした内装と琵琶湖を一望できる開放的な窓が特徴的だったので、色は白と青の2つの使用を決め、背景に琵琶湖を全面に配置することで、窓から一望できる琵琶湖とマッチするように表現した。
京都府:商品販促チラシ
使用ツール:Illustrator、Photshop
酒類専門商社にて卸先の飲食店に配布する商品販促チラシを作成。
作成した2020年は、飲食店の営業時間縮小でアルコール提供ができない状態だったので、シロップを用いたノンアルカクテルレシピの調査と、販促対象の商品の選定を行った。
デザインはバーの室内をイメージした黒とカクテル名はグラデーションを使用することで、カクテルを混ぜる際の色の移り変わりを表現した。
京都府:商品販促チラシ
使用ツール:Illustrator、Photshop
上記販促チラシの第2弾として作成。
同じ顧客に配布するものだったので、デザインは以前とは真逆で白を基調とした明るい雰囲気で作成。
ブロックの輪郭をぼかすことで、空に浮かぶ雲のような表現を行った。
大阪府:工務店催事用ポスター
使用ツール:Illustrator、Photshop
店舗での催事用ポスターをIllustratorで作成。この催事では店頭で焼きそばとたこ焼きを無料配布してアピールするとのことでしたので、メインビジュアルは焼きそばとたこ焼きを大きく配置し、写真は湯気を立たす加工を行うことで新鮮さをアピールようにした。
催事なので祭をイメージした背景と夜空に浮かぶ満月を表現した。
Skill
-
HTML/CSS
使用歴:4年
ユーザーの立場になって視覚性を意識したレイアウト設計、パーツ作成を行います。
CSSはBootstrapやSCSSの使用も可能です。
PC(Mac、Windows)、タブレット(iPad)、スマートフォン(iOS、Andoroid)、Safari、Chromeなど幅広い端末とブラウザでレイアウト崩れが起こらないようにレスポンシブ対応を行います。
サイトの見栄えを良くするアニメーションなどの実装も可能です。 -
JavaScript
使用歴:3年
JqueryとVue.jsを使用します。
スライドショーの実装、LP内での商品見積もりフォームの実装、アニメーションの実装が可能です。
APIの連携では、サイト内にGoogleカレンダーの導入、WordPressの新着記事を自動で外部サイトに出力する機能実装を行いました。 -
WordPress/PHP
使用歴:4年
既存テーマのカスタマイズ、新規テーマ開発が可能です。
お問い合わせフォームの設置、ブログ機能の追加、固定ページの追加、カスタム投稿の追加など。 -
Photshop
使用歴:3年
webサイトのデザイン、写真の合成、レタッチ、バナー作成で使用します。
レタッチは得意領域で、サイトに使用する写真のほとんどはレタッチを行います。 -
Illustrator
使用歴:3年
webサイトのワイヤーフレーム、デザイン、ロゴやバナー作成、印刷物の作成で使用します。
サイトに使用する簡易なイラストの作成も可能です。 -
Premire Pro
使用歴:1年
SNSに使用する縦動画、HPのヘッダーに使用するショートムービーの編集に使用します。
撮影のディレクション、撮影、テロップの挿入、効果音、音楽の選定など全ての工程が可能です。
about
Yudai.Akiyama
大学時代は生命化学を専攻し、2019年から新卒で医薬品メーカーで製品開発の研究を行う。
当時趣味のブログをWordPressで運営しており、HTML/CSSやデザインのことを学び始める。
2021年からwebデザイナーとして酒類商社に入社し自社HPのリニューアル、楽天市場への新規出店、顧客の飲食店に向けてドリンクメニューの作成を行う。
2022年~2024年までマーケティング会社とweb制作会社にて、広告やSNSを通じた集客業務の代行、HPの制作、更新を行う。
2024年からweb制作の個人事業主として独立。