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が得意でない私でも取り組みやすいと感じたからです。
基本的な仕組みは理解できたので、今後はクライアントワークにも活用できるよう、さらに習熟していきたいと思います。