Emi
Iwami

HTML / CSS / JavaScript で
ユーザーに届くWebサイトを作ります。
デザインからコーディングまで、
丁寧に向き合うことを大切にしています。

View Works →
美人林
自身の写真

About Me

自己紹介

はじめまして、石見絵美いわみえみです。
前職では製造業に従事し、ものづくりの楽しさを知りました。
その経験から“自分で何かを作る仕事”に興味を持つようになり、
夫が学生時代にプログラミングをしていたことをきっかけに、
Web制作の分野に関心を持つようになりました。

現在はスクールにてデザインとコーディングを学びながら、
ユーザー視点を意識したデザインと丁寧なコーディングを心がけています。

Skills

使用できる技術

コーディング

HTML

HTML

★★★

セマンティックなマークアップを意識したコーディングが可能

CSS

CSS

★★★

レスポンシブ対応・レイアウト構築が可能

JavaScript

JavaScript

★★

ハンバーガーメニューなど基本的な動きの実装が可能

jQuery

jQuery

★★

bxsliderやslick等プラグインを活用したスライドショーの実装が可能

デザイン

Figma

Figma

★★★

・ワイヤーフレームからデザインカンプまで作成可能
・ユーザー目線を意識した見やすい構成を設計できます

Photoshop

Photoshop

★★★

画像加工・バナー制作が可能

Works

制作作品

  • CONCEPT

    冬旅の魅力を伝え、旅行プランへの誘導を目的としたLPサイトです。
    ターゲットは冬の旅行先を探している20〜40代の方を想定し、
    問題提起→魅力紹介→モデルコース→特典という流れで構成しました。

  • USED SKILLS

    HTML5 / CSS3 / JavaScript / jQuery / slick carousel
    PC・SP完全分離CSSによるレスポンシブ対応。
    slickスライダー・アコーディオン・タブ切り替えを実装しました。

  • POINT

    冬旅行に興味を持つユーザーが予約までスムーズに進めるよう、情報の優先順位を意識して設計しました。 ファーストビューでは雪景色や温泉の写真を大きく配置し、冬ならではの魅力を直感的に伝えています。
    また、「絶景」「温泉」「グルメ」といった旅行者の関心が高い情報をセクションごとに整理し、 口コミやFAQを掲載することで予約前の不安軽減を図りました。 さらに、各セクションにCTAボタンを配置し、ユーザーが迷わず予約行動へ移れる導線を意識しています。

  • Duration

    1カ月半程度

  • CONCEPT

    ターゲットは忙しい毎日を送っているため、ほっと一息つけるような時間や
    癒しが欲しいと思っている30代~50代の女性です。頑張って働いている
    自分へのご褒美の時間として紅茶とスコーンを提供するお店をコンセプト
    として意識しました。目的・ゴールはお店の知名度と売り上げの向上です。

  • USED SKILLS

    HTML / CSS / JavaScript / jQuery を使用し、レスポンシブ対応で制作
    しました。スライダーやホバーアニメーションを取り入れ、柔らかい
    雰囲気を演出しています。

  • POINT

    初めてサイトを訪れたユーザーが店舗の雰囲気をイメージできるよう、 写真を活用して世界観が伝わるデザインを意識しました。来店を検討する際に必要となる コンセプト、メニュー、アクセス情報を整理して配置し、知りたい情報へスムーズにたどり着ける 構成としています。また、柔らかな配色や余白を活かし、紅茶を楽しむ落ち着いた時間を表現することで、 店舗のブランドイメージが伝わるUIを目指しました。

  • Duration

    1カ月半程度

  • CONCEPT

    ターゲットは海外や外国語について興味があり、一度留学してみたいと考えて
    いる高校2~3年生+社会人です。目的・ゴールは学校の知名度向上と資料請求の増加です。

  • USED SKILLS

    HTML5 / CSS3 / レスポンシブ対応
    セマンティックタグ(header・main・section・footer)を意識した構造設計。

  • POINT

    受験生や保護者が大学選びに必要な情報を効率的に収集できるよう、 情報設計を意識して制作しました。特に大学の特色である留学制度や就職実績、 学部情報をトップページ内で分かりやすく整理し、大学生活を具体的にイメージできる構成としています。 また、カード型レイアウトやイラストを活用することで情報の視認性を高め、ユーザーが必要な情報へ 迷わずアクセスできる導線設計を意識しました。

  • Duration

    2カ月半程度

Contact

お問い合わせ

お仕事のご依頼・ご相談はメールにてお気軽にご連絡ください。

お問い合わせはこちら →