外国車両の輸入サポートサービスのWebサイトです。

車に関する情報が豊富で、見やすく整理されたデザインが特徴です。

トップページでは新車・中古車のラインナップが写真とともに紹介されており、車選びがとても楽しくなります。

スマートフォンやタブレットでも快適に見られるように作られているので、どのデバイスからでもスムーズにアクセスできます。

また、検索エンジンに優しい構造を取り入れているので、検索結果に表示されやすくなっています。サイト全体の読み込みも早く、ストレスなく利用できるのが魅力です。

ビジネス向けの洗練されたデザインが特徴です。
サービス内容等の必要な情報が見やすく整理されており、訪問者が素早く目的の内容にたどり着けます。

ページはスマートフォンやタブレットでも問題なく表示されるよう調整されており、様々なデバイスでの利用が快適です。

サイト全体のパフォーマンスも最適化されており、ストレスフリーで快適なブラウジングが可能です。

視覚的に魅力的で、使いやすさを重視したデザインが特徴です。

キャンペーンの詳細がわかりやすく表示されており、ユーザーの関心を引きます。

スマートフォンやタブレットからも快適に閲覧できるように作られているので、どのデバイスでもスムーズにアクセスできます。

サイト全体のコードは、検索エンジンに優しい構造で記述しております。また、ページの読み込みが速いため、快適に利用できます。

プロフェッショナルな印象を与えるデザインと機能性が特徴です。

シンプルでわかりやすいレイアウトにより、ユーザーが必要な情報に迅速にアクセスできます。

どのデバイスからでも快適に閲覧できるように調整されており、スマートフォンやタブレットでも問題ありません。

ページ内のアニメーションや動作も滑らかで、ユーザーの操作感を高めています。

また、読み込み速度が速く、検索エンジンにも最適化されているため、ユーザーストレスを最小限に抑えた設計をしています。

求職者に必要な情報がわかりやすく整理されています。

企業理念や募集要項が明確に記載されており、求職者が必要な情報にすぐアクセスできます。

スマートフォンやタブレットでも快適に閲覧できるので、どのデバイスからでもスムーズに利用できます。

入力フォームやローディングアニメーションなどのコンテンツが充実しており、ユーザーの関心を引く工夫が施されています。

また、ページの読み込みが速いため、快適に利用できます。

使いやすさを重視したシンプルなデザインが特徴です。

サービスの概要や利用方法がわかりやすく表示されており、必要な情報にすぐアクセスできます。

スマートフォンやタブレットでも快適に閲覧できるので、どのデバイスからでもスムーズに利用できます。

フォームの入力支援機能やインタラクティブなコンテンツが豊富で、ユーザー体験を向上させる工夫がされています。また、ページの読み込みが速いため、快適に利用できます。

クリエイティブで洗練されたデザインが特徴です。

企業の特徴やサービス内容がわかりやすく表示されており、必要な情報にすぐアクセスできます。

スマートフォンやタブレットでも快適に閲覧できるので、どのデバイスからでもスムーズに利用できます。

アニメーションやトランジションが滑らかに動作し、ユーザー体験を向上させる工夫がされています。また、ページの読み込みが速いため、快適に利用できます。

モダンでシンプルなデザインが印象的です。

トップページには製品やサービスの情報がわかりやすく整理されており、訪問者が必要な情報に迅速にアクセスできます。

サイト全体がレスポンシブ対応しており、スマートフォンやタブレットからも快適に閲覧可能です。

ユーザーインターフェースは直感的で使いやすく、アニメーションやトランジションが滑らかに動作します。

また、ページの読み込み速度が速く、検索エンジンにも優しい設計となっているため、訪問者にストレスのないブラウジング体験を提供します。

新サービスのランディングページの制作。

メインサイトの雰囲気を踏襲したデザインとなっています。

また、流入元となるメインサイトについても、ポップアップを出すなどサービスへの効果が得られるような対策を施しております。

シンプルで分かりやすいUI/UXデザインで、ターゲットである学生に向けに必要な情報のみをクリアに示しているデザインを、忠実にコーディングしました。

シンプルな中に、適度な動きのあるコンテンツ（動画やスライドショー）で商品訴求にメリハリをつけています。

不動産クラウドファンディングのランディングページ。

不動産投資経験者向けの、堅実なサイトを目指したデザインとの共有を受けたので、カッチリとしたコーディングを意識して作成しました。

また特に、レスポンシブでも綺麗に表示ができるよう、細部までこだわって実装しました。

ポーフォトリオサイトの第2弾。

今回は自身でデザインもしました。（まだまだスキル不足ですが楽しみました…！）

できる限りシンプルに、自身のことや想いが伝わるように考えて制作しました。

今後はさらにダイナミックなデザインやアニメーションにも挑戦していきたいと考えています。

歯科医院のインプラント治療に特化したLP。

サービスの魅力を伝えることが目的のため、洗練されたデザインの再現性に注力しました。

デザインへの忠実性とリキッドレスポンシブ対応の両立を実現させています。

不動産投資に関するサービス紹介ページ。

不動産投資は堅いイメージですが、それを払拭するような柔らかいデザインをいただいたので、しっかり尊重して忠実に実装しました。

※CSS工程のみの案件

バスケットボールのマガジンサイトのフロントエンド。

UI向上や各動線への誘導を重要視して実装しました。

ユーザーフレンドリーなデザインで、PC・スマートフォンどちらからも快適にアクセスが可能です。

歯科医院のインプラント治療に特化したLP。

問い合わせ・予約向上のためのLPのため、コンバージョンを意識し、常に問い合わせボタンが追従するスタイルに設計しました。

デザインへの忠実性とリキッドレスポンシブ対応の両立を実現させています。

ふわっと現れるアニメーションなど、訪問者が見たくなるサイト制作をしました。

建築・建設業界特化の営業代行をしている会社様のサービス紹介サイト。

各種サービス（セールス2ページ・ウェブ・マーケ・ネット・コール・顧問）の計7ページの制作をいたしました。

デザインに非常にこだわったお客様のご要望により、1px単位での調整や色合いの調整をし、デザインに忠実なコーディングを行いました。

スライダーや開くメニューなど、jsアニメーションも各所に多用しています。

シーズンイベントのプロモーションサイト。

こだわりを持っているデザインを、丁寧に忠実に再現することを重要視し、全ページピクセルパーフェクトを実施しながらの実装をしました。

再現性に加えて、テキストが多いページもあるため、可視性も意識しました。

コワーキングスペース等を運営している会社様のバーチャルオフィスに特化したLP。

問い合わせ向上を目指したLPのため、問い合わせフォームを追従形と固定型の2種類設置し、CTAも各所に設置しています。

画像分割でのコーディングですが、レスポンシブで表示崩れが起きないよう、慎重にブラウザデバッグを実施しました。

歯科医院のインプラント治療に特化したLP。

WordPressサイトにページを付加する形での制作。

問い合わせ・予約向上のためのLPのため、コンバージョンを意識し、常に問い合わせボタンが追従するスタイルに設計しました。

デザインへの忠実性とリキッドレスポンシブ対応の両立を実現させています。

初の自作ポートフォリオLPです。

自身が運用しやすいよう、WordPressの管理画面のカスタムをし、運用しやすさと可視性アップを目指して作成しました。

訪問者が見やすく、魅力的に思っていただけることを意識し、シンプルかつアニメーションを多用しています。

WordPressでの制作のため、運用者が使いやすいように構築しました。

内容毎に投稿できるカスタム投稿や、カスタムタクソノミーを使用して、より運用者が使いやすいカスタマイズをしています。

フロントエンドに関しては、デザインを大切に忠実に、ピクセルパーフェクトを実施しています。

トップページ＋下層2ページ。HTMLで静的に制作しました。

保守管理しやすいとされるBEM設計で実装しています。

デザインに忠実に実装することを最重要視し、ピクセルパーフェクトで1ピクセルレベルでチェックをしています。

トップページのみ、フロントエンドの制作。

ふわっと移り変わるメインビューや、タブ分けメニュ、アコーディオンメニューなどのアニメーションを多用して実装しています。

ピクセルパーフェクトを実施し、1px単位でのコーディングを行い、丁寧なレスポンシブ対応で、どのデバイスで見ても綺麗に表示されるように実装しています。