プロジェクトを紹介するウェブサイトのデザイン・開発

Ramiro Garcia です。ウェブサイトの構想を定めるところから公開まで、一緒に取り組みます。

サービス

新しくウェブサイトを作る場合も、既存サイトを変える場合も。まず必要なことを理解し、対応範囲を決めます。

企業・団体サイト

活動やサービスを紹介し、連絡先を分かりやすくまとめるウェブサイトを制作します。パソコンでもスマートフォンでも使いやすくします。

ランディングページ

サービス、キャンペーン、新しい取り組みについて、内容を明確に伝え、訪問者を一つの主な行動へ導くページです。

リニューアル

構成、デザイン、スマートフォンでの表示を改善したいサイト向けです。既存の基盤を生かすか、作り直すかを最初に検討します。

スマートフォン対応、フォームやその他のツール、技術的な SEO、読み込み速度への配慮、公開作業を、合意した範囲に応じて組み込めます。

地域の事業者向けには Google ビジネス プロフィールにも対応できます。また、検索エンジンや AI アシスタントが扱いやすいよう、構造とコンテンツを整えることもできます。表示や露出の成果は保証しません。

すでにデザインがありますか。画面、素材、必要な動作を先に確認したうえで、その実装にも対応できます。

制作実績

Residencias Grupo Casa

施設紹介サイト · 開発中 サイトを見る

グループと二つの施設、Casa San Juan と Casa Boedo を一つのサイトにまとめることが、当初の依頼でした。Casa San Juan は運営中で、Casa Boedo は開設予定として紹介されています。

企画、ビジュアルデザイン、情報設計、開発を担当しました。既存の各施設のアイデンティティを踏まえ、グループ全体の入口と施設ごとに分かれた領域を組み合わせました。

Residencias Grupo Casa のホームページをモバイルで撮影した画面。「Nuestras residencias」セクション、Casa San Juan の外観写真、コンパクトなメニューが見えます。
ホームページのモバイル表示。「Nuestras residencias」セクションに Casa San Juan とコンパクトなメニューが見えます。
Residencias Grupo Casa の Casa San Juan ページのスクリーンショット。見出し、紹介文、屋外スペースの写真が写っています。
Casa San Juan のページのデスクトップ表示。施設の紹介と屋外スペースの写真。

デザイン、レスポンシブ開発、フォーム、技術的な SEO、公開準備に取り組んだプロジェクトです。スクリーンショットは画面を示すもので、成果指標ではありません。

LingoHive

過去のフリーランス案件のデモ デモを見る

LingoHive は英語学習事業のために制作した実際のフリーランスのウェブ開発案件です。元のウェブサイトは公開され、実際に利用されていました。

このデモには、元のサイトを代表するデザインとコンテンツを残しています。事業は現在活動しておらず、料金と利用者の声は当時のものです。

LingoHive のホームページをモバイルで撮影した画面。コンパクトなナビゲーション、メインの紹介、事業が現在活動していないことを示す案内が見えます。
LingoHive のホームページのモバイル表示。メインの紹介、状態の案内、コンパクトなナビゲーションが見えます。
LingoHive のホームページのスクリーンショット。ナビゲーション、メイン見出し、紹介文、事業が現在活動していないことを示す案内が見えます。
LingoHive のホームページのデスクトップ表示。ナビゲーション、メインの紹介、事業が現在活動していないことを示す案内が見えます。

使用技術: Astro 5 · Tailwind CSS 4

デザイン・ビジュアルアイデンティティ
Juan Galache de Toro
ウェブサイト開発
Ramiro Garcia

Ramiro Garcia

Full Stack Developer

個人で仕事を受け、各クライアントと直接やり取りします。専門はフロントエンドです。UX/UI やプロダクトに関する判断にも関わり、必要に応じてフルスタックの開発も行います。

会話はスペイン語を基本としています。他の言語のプロジェクトでは、AI や翻訳ツールを使い、各プロジェクトの背景も踏まえながら、正確なコミュニケーションと作業を心がけています。

仕事の進め方

必要なことと、その背景を理解します。構成と対応範囲を一緒に定めます。

画面をデザインし、それをもとにウェブサイトを開発します。

画面サイズへの対応、アクセシビリティ、パフォーマンスを確認します。合意した成果物を公開し、本番環境で動作を確認します。

デザインが外部で作られた場合は、提供された素材と、合意した不足点を確認します。

必要なウェブサイトについて教えてください。

何が必要か、何のために使うか、現在サイトがあるかを教えてください。参考資料や希望時期があれば共有できます。すべてが決まっていなくても、気軽にご連絡ください。