カフェ「 Café Éclat 」のWebサイトを作成しました

都会的で洗練された雰囲気や、おしゃれなライフスタイルを感じられるように、写真の見せ方や色使いにこだわりました。

0

0

Maya | Web Design

自主制作:カフェのイメージサイト「 Cafe Éclat 」(TOP・問い合わせページ)

【 サイトについて 】

ニューヨークにある架空のカフェ「Café Éclat」をイメージして作った、デザイン重視のWebサイトです。
都会的で洗練された雰囲気や、おしゃれなライフスタイルを感じられるように、写真の見せ方や色使いにこだわりました。

【 制作の目的 】

カフェやレストランのような実店舗サイトを想定して、デザインからコーディングまで自分で行いました。
ポートフォリオとして見栄えのするものを目指し、UIの工夫やアニメーションにもチャレンジしています。

【 使用した技術 】

・ HTML / CSS
・jQuery(スライダー、ライトボックスの実装)
・Google Fontsで雰囲気のあるタイポグラフィを実現

【 工夫したポイント 】

・メインビジュアルにはスライドショーを取り入れ、印象に残るトップページに。
・フード&ドリンクの写真は拡大表示できるようにして、メニューの魅力をしっかり伝える。
・日本語と英語を組み合わせて、海外のカフェっぽさを演出しました。
・地図や予約ボタンもあり、実際の店舗サイトに近い構成にしています。

「 デザイン × 使いやすさ 」のバランスを意識して作った作品です。
ポートフォリオの中でも、“見て楽しんでもらえる”ページを目指しました!

カテゴリー
ホームページ制作・作成
業種
店舗(飲食店・居酒屋など)
制作期間

7日

参考価格

50,000 円

最終更新日

2025年6月26日

制作者

Maya | Web Design
Maya | Web Design (maya-studio)

駆け出しですが、20年のヘアメイク歴で培った美的センスを活かし、優しいサイトを心を込めて作ります。

  • 0 満足
    0 残念
  • レギュラー
  • 個人

はじめまして。プロフィールをご覧いただきありがとうございます。
Mayaと申します。

これまで約20年間、ヘアメイクアップアーティストとして活動してきました。ブライダルや撮影、イベントなどさまざまな現場で、「その人らしさ」や「魅力を引き出すこと」を大切にしてきました。

40歳を前に、「新しいことに挑戦したい」という気持ちが強くなり、Webデザインの世界に飛び込みました。まだ経験は浅いですが、HTML・CSS・JavaScriptの基礎を学びながら、ポートフォリオ制作や自主制作を通して少しずつスキルを磨いています。

使用ツールは主にAdobe XDとDreamweaverです。Canvaも日常的に使っており、バナーやSNS投稿画像などの制作も可能です。Photoshopは現在練習中で、Figmaも少しずつ扱えるようになってきました。

私生活では、5歳の子どもを育てるシングルマザーとして子育てと向き合いながら、毎日コツコツと学習と制作を続けています。限られた時間の中でも「丁寧に、誠実に取り組むこと」を大切にしています。

対応可能な作業時間は平日11:00〜17:00ごろです。
ご連絡はLancersのメッセージ機能を通じて対応しており、なるべく当日中の返信を心がけています。

 【 ✅ 対応可能な業務 】

・美容・ファッション系などの女性向けデザイン
・女性好みのカフェサイト
・シンプルで清潔感のあるWebページ制作
・Canvaによるバナー・SNS投稿画像の作成
・Adobe XDを使ったデザインカンプ作成
・HTML/CSSによる静的コーディング
・ハンバーガーメニューなど簡単なJavaScript実装

【 ⚠️ お受けできないこと(現在勉強中)】

・WordPressなどのCMS構築やサーバー設定
・複雑なJavaScript実装や動的Web開発
・高度なPhotoshop画像加工

ポートフォリオURLお送りいたします!

まだまだ勉強中の身ではありますが、真摯に、心を込めて取り組みます。
どうぞよろしくお願いいたします。

ポートフォリオ

このポートフォリオを通報する
Maya | Web Design

最終ログイン:28日前