Works制作事例

フリーランスエンジニアとして活動している、鶴浜 弘嗣さんの事業サイトのデザインを担当しました。制作のご要望として、『アイソメトリックイラストとGSAPアニメーションを使用したい』、という前提条件がありました。
アニメーションが得意なエンジニアである、という『高いスキルをアピールする狙い』と、Code Craneの理念である『“困りごとを汲み取りたい、解決したい”という思想を表現する』ため、想いやニーズを汲み取るという行為を『クレーンゲーム』に見立て、人々が抱える“悩み”や“疑問”、“課題”や“期待”といった『様々な想いをすくい上げるデザイン』としました。
依頼主の持つ、穏やかでおおらかな雰囲気を『緑×ベージュ』で表し、人の温もりや、手触りを感じられるように、ノイズテクスチャをプラスしました。

制作会社、「株式会社シャルマ様」が提供している、MEOサービスのLPを制作しました。
ファーストビューは、Google map 検索での順位を上げること、口コミ対策で集客アップすることを目的としたサービスであることを第一に知って頂くために、「地図」、「ピン」、「スマホ」、「街」、「口コミ」、「お店」それぞれのイラストで表現しました。
ロゴにも使用している、Googleカラーの４色を基本カラーとして、テキストの視認性を保つために、コントラストを考慮して配色しました。
全体に角丸を使用、イラストを背景に配置し、柔らかい印象にすることでサービスの導入の簡単さや手軽さを感じてもらえるよう考慮しました。

美容クリニック、「ドクタースパ・クリニック様」が提供している、医師監修オリジナルサプリメントのLPを制作しました。
清潔感、医療をイメージさせる明るい青と、商品の主成分であるメロングリソディンからイメージした緑のグラデーションをメインカラーとし、強調したい箇所に暖色のピンクを使用し、視線を誘導しています。
科学的根拠からくる確かな品質をアピールするため、真面目で長文でも読みやすい明朝フォントを使用しました。 商品のキャッチコピーが、「抗酸化」と「美白」ということで、ターゲット層である女性が光を浴びているイメージを作成し、5つの効果を収めた6角形は、分子構造とメロンの網目のダブルミーニングを持たせています。
広告審査に引っかかった時の、メンテナンス性を考慮し、テキストコーディングとしています。

LINEを使用した、医療機関特化のオンラインショップ提供サービス「Dr2C」のLPを制作いたしました。配色は、LINEカラーのグリーンから派生させた緑系の近似色×オレンジのアクセントカラー、ロゴに使用されている丸のオブジェクトからデザインを展開させ、全体にドットと曲線で統一し、カジュアルに仕上げることで、申し込み～ショップ開設までの手軽さを表現しました。また、リズム感のあるアニメーションを付与し、更にスピード感を強調しています。

SEO対策、コンサルティング、マーケティングなどを提供されている「株式会社コンテンシャル」様のSEOプランニングランディングページを制作しました。 「よくあるSEO対策のページとは差別化したデザイン」とのご要望を受け、色数を絞り、コーポレートカラーのオレンジをポイントとして、重要箇所に自然に目線が行くよう考慮しています。コンテンツごとのデザインをリピートすることで、負荷無く読み進めらるよう配慮しています。

※架空のLPです。
エイジングケアシャンプーの通販LPを作成しました。
ターゲットは、30代～加齢とともに髪質が気に始めた女性、成分にこだわる感度の高い人向け。ページ全体をナチュラルな雰囲気に統一し、グリーンとブラウンをメインカラーとし、購入へのアクションを促すようアニメーションを付与して、実装しました。

バスケタリーやかぎ針編み技法を用いて「身に付けるアートとしてのジュエリー」を制作している、菅原晴子様のポートフォリオサイトをリニューアルいたしました。 この度新たにモバイル対応（レスポンシブデザイン）を行い、ご自身で作品の追加、コメントの編集、更新が出来るようにWordpress化しています。

デイサービス、緊急時宿泊サービスを提供されている介護施設、「クローバー介護サービス淵野辺店」様のオフィシャルサイトを制作いたしました。既存のチラシに掲載されている情報を頂き、サイトの構成から担当しました。「予算が少ないため極力シンプルな内容で」、とのご要望を受け、ページ数は必要最低限に留め、お問い合わせは電話のみの設計です。家庭的な雰囲気を表現するため、丸文字フォントを使用し、操作性を考慮し、ボタンを大きめに作成しています。