Emma design Webサイトイメージ画像

Emma design Webサイトデザイン

制作年 2024年
担当箇所

企画設計, ライティング, Webデザイン, イラスト作成, コーディング, 運用・管理

自身のWebデザイン個人事務所 「Emma design」のWebサイトをリニューアルしました。現在ご覧頂いているWebサイトです。

リニューアル前のWebサイトは7年前に制作したもので、文章などは更新していたものの、全体的に古さを感じていました。
また、WebサイトをWordPressで構築していましたが、ブログ(お知らせ)の更新頻度が少なくWordPressを使う必要性が薄れていました。

そこで構成や掲載コンテンツを一新し、静的HTMLでWebサイトをリニューアルしました。

ロゴの作成

今回のサイトリニューアルにあわせて、Emma designのロゴも作成しました。独立して9年、ロゴの作成が後回しになっていましたが、ついに完成しました(!)。

私が仕事をするうえで大切にしているのは、お客さまや一緒にお仕事をする方々とのコミュニケーションです。そのため、Emma designの頭文字である「E」と「D」を人の顔に見立て、対話を表現したロゴにしました。

ロゴ画像

テーマカラーを一新

Emma designのイメージカラーはです。今回のリニューアルでは引き続き緑を使用するとともに、Webやテクノロジーを連想させる青も加えました。明るい印象を与えるとともに、読みやすさを考慮した色合いを選んでいます。

シンプルでメリハリのあるデザイン

デザインにあたって、キーワードを決めました。

  • わかりやすさ、明快さ
  • 親しみやすさ
  • 自分(タダエミコ)らしさ

シンプルでわかりやすいWebデザインにしています。

また、サービスの説明ではどうしても文字数が多くなります。
サービス内容を文章で端的に伝えつつ、イラストやアイコンを適宜使用する・背景色で変化をつけるなどして、読みやすいよう工夫しました。

スクリーンショット画像

Astro(フレームワーク)を使ってコーディング

リニューアルにあわせて、Astroというフレームワークで静的サイトの作成に挑戦しました。
Astroを選んだ理由は、公式ドキュメントが充実していたこと。サイト制作のイメージが湧きやすく、JavaScriptが得意でない私でも取り組みやすいと感じたからです。

基本的な仕組みは理解できたので、今後はクライアントワークにも活用できるよう、さらに習熟していきたいと思います。

スクリーンショット画像