ASAKURA KARIN

Web designer/Coder

パソコンの写真 パソコンの写真

想いをカタチに
デザインから
コーディングまで

ご要望・目的を丁寧に汲み取り、伝わるWebサイトを心を込めて制作いたします。

Worksを見る→

About

朝倉 果凜

Asakura Karin

フリーランスでWeb制作をしております。

「想いをカタチにする」を大切に、シンプルで伝わりやすいWebサイト制作を心掛けています。

前職では市役所職員として、多くの方と関わりながら丁寧で誠実な対応を培ってきました。その経験を活かし、ご要望をしっかりとお伺いし、一つひとつのご依頼に責任を持って対応いたします。

顔写真

Web designer/Coder

Works

自主制作

LIFE FITのイメージ写真

LIFE FIT
初心者専門パーソナルジム LP

概要

初心者専門のパーソナルジムを想定したオリジナルLPです。

目的

Instagramだけでは十分に伝えられていないジムの魅力やサービス内容をLPで分かりやすく伝え、初心者でも安心して無料体験へ申し込めるサイトを制作しました。

ターゲット

年齢:30〜50代
性別:男女
職業:社会人
特徴:「健康への自己投資を惜しまない方」運動初心者・健康維持・ダイエット目的
悩み:運動経験がない・安心して長く通いたい

担当範囲

企画/ワイヤーフレーム/文章構成/デザイン(Figma)/コーディング/レスポンシブ対応/JavaScript実装
企画からコーディングまで一貫して担当しました。

使用技術

HTML/CSS/JavaScript/Figma

制作のポイント

(デザイン)
・初心者に安心感を与えるため、ネイビーを基調としたデザインを採用。
・「Zen Old Mincho」とゴールドを使用し、30〜50代をターゲットに上質で落ち着いた印象を演出。
・余白を広く取り、視認性と読みやすさを重視したレイアウトを設計。

(UI・UX)
・スマートフォンでも快適に操作できるよう、ハンバーガーメニューを実装。
・情報量が多くても必要な情報を見つけやすいよう、FAQをアコーディオン化。
・PCとスマートフォンで電話ボタンの挙動を切り替え、デバイスごとの操作性を向上。

サイトURL

サイトを見る

制作期間

企画・ワイヤーフレーム:2日
デザイン・文章構成:3日
コーディング:3日

実際のサイト(デスクトップ版)
実際のサイト(モバイル版)

模写制作

模写サイトのイメージ画像

模写元

Codejump:TravelVlog

担当範囲

コーディング

使用技術

HTML/CSS

模写サイトのイメージ画像

模写元

Codejump:FurnitureDesign

担当範囲

コーディング

使用技術

HTML/CSS/JavaScript

模写サイトのイメージ画像

模写元

Codejump:My Work

担当範囲

コーディング

使用技術

HTML/CSS

模写サイトのイメージ画像

模写元

Codejump:Mag88

担当範囲

コーディング

使用技術

HTML/CSS

Skills

HTML

セマンティックなHTMLを意識し、保守性・可読性を考えたコーディングを行います。

CSS

FlexboxやGridを用いたレイアウト設計、レスポンシブ対応が可能です。

JavaScript

ハンバーガーメニューやFAQアコーディオンなど、ユーザーの使いやすさを意識した動きを実装できます。

Figma

ワイヤーフレームからデザインカンプまで制作し、目的やターゲットに合わせたデザインを設計します。

Service

イメージイラスト

Webサイト作成

LP制作を中心に、目的やターゲットに合わせたWebサイトを制作します。ワイヤーフレームからデザイン、コーディングまで一貫して対応いたします

企画/デザイン/コーディング

イメージイラスト

コーディング

デザインカンプを忠実に再現し、レスポンシブ対応を含めたコーディングを行います。JavaScriptを用いた基本的なUI実装にも対応いたします。

HTML/CSS/JavaScript