ポートフォリオ
ウェーブデザイナー・フロントエンドエンジニア
こんにちは、ハンナです。
PC・モバイルに対応したレスポンシブサイトを制作する、ウェブデザイナー兼フロントエンドデベロッパーです。
ビジュアルデザインからHTML/CSSでの実装、WordPressへの組み込みまで一貫して対応し、サイトの管理や更新がしやすいウェブサイトを
制作しています。
学歴
ベラルーシ公立大学
専攻：「ウェブプログラミングとコンピューターのデザインの専門」
職歴
会社名：CJSC Invacont (2020-2026).
スキール
HTML、CSS、SCSS、JavaScript、jQuery、Bootstrap、PHP、MySQL、WordPress、Shopifyを使って、
ウェブサイトを制作しました。
- Figma と Photoshopを使って、ランディングページ、ポートフォリオサイト、企業サイト、ECサイト、ブログ、教育サイトなど、さまざまなプロジェクトのウェブサイトをデザインしました。
- Indesignを利用して、会社のサービスや価値観についての重要な情報を伝えるためのPDFやポスターをデザインしました。
- WordPressで多くのウェブサイトを制作し、Shopifyでもいくつかのプロジェクトを担当しました。テーマをカスタマイズし、管理しやすいようにコンテンツの構成を設定しました。
- オリジナルの機能を作るときは、データベースとPHPを使いました。
- さまざまなメールソフトやデバイスで正しく表示されるメールテンプレートを作成しました。
- ランディングページやバナーのために、CSSアニメーションも作成しました。
デザインプロジェクト
ウェブサイト（4プロジェクト）
プロジェクト01: Falken Tires
Falken Tires は、自動車、トラック、SUVなど、さまざまな車両向けの高性能タイヤを製造するメーカーのウェブサイトです。
ブランドや製品を紹介し、高性能タイヤの技術を伝えるホームページをデザインしました。
プロジェクト03：BondEnglish
BondEnglish は、英語講師のサービスや指導方法、レッスンプログラムを紹介するランディングページです。モダンで魅力的なデザインを通して、講師の特徴やレッスンの内容を分かりやすく伝えています。
ロンドンの居心地のよい雰囲気を表現するため、温かみのあるチョコレートカラーを採用しました。ビッグ・ベンのような定番の観光名所ではなく、ロンドンの橋や街の公園など、雰囲気のある写真を使用することで、より個性的なビジュアルに仕上げました。
PC版とスマートフォン版の両方を制作しました。
InDesignプロジェクト
プロジェクト: Texpress Lanes in North Texas
企業向けに、15ページのPDFプレゼンテーションをデザインしました。ダラス・フォートワース地域の有料道路システム「TEXpress」について、事例を分かりやすく整理し、紹介する資料です。
その他の作品
開発プロジェクト
Html ウェーブサイト
Wordpress (3 プロジェクト):
プロジェクト 02: Volunhere.org
VolunHere は、高校生が地域のボランティア活動や団体を探せるウェブサイトです。名前、カテゴリー、場所から、自分に合ったボランティア活動や団体を検索できます。
HTMLページのデザインとコーディングを行った後、WordPressに組み込み、動的にコンテンツを管理できるシステムを開発しました。
WordPressでは、団体、ボランティア募集、参加校の3種類のカスタム投稿タイプを作成しました。それぞれに検索フォームを設け、名前、カテゴリー・種類、場所で絞り込めるようにしました。
この仕組みにより、管理画面からコンテンツを簡単に管理できると同時に、ユーザーも目的に合ったボランティア活動を探しやすくなっています。
プロジェクト 03: AquaVita
Aquavita Hydration は、ビタミンなどを含む点滴サービスを提供するウェルネスブランドのウェブサイトです。脱水状態の改善や心身の健康維持を目的としたサービスを紹介しています。エネルギー補給、免疫サポート、疲労回復、美容など、目的に合わせた点滴メニューや追加できるビタミンを選ぶことができます。
HTMLページのデザインとコーディングを行った後、WordPressに組み込み、動的にコンテンツを管理できるシステムを開発しました。
WordPressでは、サービスと効果のカスタム投稿タイプを作成し、詳細情報を表示するモーダルウィンドウを実装しました。また、コードを変更せずにコンテンツを簡単に更新できるよう、管理画面を設定しました。
