NSNam Sena / Web Engineer

01 / NAM SENA — PORTFOLIO

SEOUL / 2026

フルスタックWebエンジニア

Reactを中心に、実サービスを設計・開発・運用。

UI/UXの実務経験を活かし、ユーザー向けWebと管理者システムを開発。データ・APIからデプロイ後の運用まで、一貫して担当しています。

プロジェクトを見る
Nam Sena / 남세나

React · Meteor · MongoDB

Scroll to explore ↓

Perspective

使いやすさを、 動くサービスへ。

WebデザインとUI/UXの実務を基盤に、実際のサービスを設計・実装し、運用の中で改善する領域へとキャリアを広げてきました。

DEVELOPMENT

React / Full-Stack

React・Meteor・MongoDBを用いたユーザー向けサービスと管理者システム。

SERVICE

Build / Operate

認証・権限管理、API連携、ストレージ、デプロイ、運用時の課題改善。

BACKGROUND

UI/UXの実務経験

情報設計・デザインシステムの経験を、実装と運用を考えた画面設計に活かします。

日本語での実務

JLPT N1。日本向けECコンテンツの翻訳・校正・ローカライズを経験しています。

Approach

画面の先にある、 サービス全体を考える。

  1. 理解し、設計する

    • UI/UX
    • ユーザーフロー
    • データ構造

    ユーザーの目的と管理者の運用を整理し、画面・データ構造・実装のつながりを考えます。

  2. 実装し、つなげる

    • React
    • API
    • データベース
    • 外部サービス連携

    再利用できるUIと明確なデータの流れを組み立て、APIや外部サービスと連携します。

  3. 運用し、改善する

    • デプロイ
    • SEO
    • パフォーマンス
    • 保守

    公開して終わりにせず、実際の運用で見つかった不具合や読み込みの課題を検証し、改善します。

Tech Stack

実際のプロジェクトで培った技術と経験。

主力の開発技術と、デザイン・運用の経験を使用場面とともに紹介します。

CORE

  • React
  • JavaScript
  • Meteor 3
  • MongoDB
  • Figma
  • REST API

01Web Development

ReactによるユーザーWeb・管理画面 / REST API連携

  • React
  • JavaScript
  • HTML
  • CSS
  • Tailwind CSS
  • React Router v6
  • REST API
  • Axios

02Full-Stack / Data

Meteorによるサーバーロジック・データ・認証・権限

  • Meteor 3
  • MongoDB
  • REST API

03UI / UX

UI/UX・デザインシステム・レスポンシブなWeb実装

  • Figma
  • HTML
  • CSS
  • UI/UX Design
  • Design System
  • Responsive Design

04Service / Operation

Webサービスのデプロイ・ストレージ・運用・性能調査

  • Cloudflare
  • Cloudflare R2
  • Cloudtype
  • Git
  • SEO
  • Web Service Operation
  • Performance Investigation

日本語 / ローカライズ

JLPT N1

日本向けEC運用・翻訳・校正・ローカライズ

Career

経験を、開発と運用へ広げる。

Webデザイン・EC運用から、UI/UX・デザインシステム、フロントエンド、フルスタック開発、デプロイ・保守へ。ユーザーに見える画面から、実際に動くサービス全体へと担当領域を広げてきました。

  1. 2026.01 — 現在

    フリーランス

    Full-Stack Development / UI/UX / Web Service Operation

    多言語旅行プラットフォームや協会Webサービスの設計・開発・運用を担当しています。

    • ユーザーWebと管理者システムを、UI/UX・データ・外部連携を含めて設計・実装。
    • 公開後の保守、検索対応、運用上の課題改善まで継続して担当。
  2. 2025.06 — 2026.01

    한국디지털수출나라

    Frontend Developer

    IBK企業銀行Paygosで、ReactによるUser / Adminフロントエンドを開発しました。

    • REST API連携、認証・オンボーディング、外部OAuth接続UI。
    • Pagination・Modal・DatePickerなど再利用できる共通UIを実装。
  3. 2023.12 — 2024.08

    쎈정보통신

    UI/UX / Digital Content Operation

    Banana System 3.0の顧客・相談管理SaaSで、データを扱うBack OfficeのUI/UXとコンテンツ運用を担当しました。

    • Figmaのデザインシステム、共通コンポーネント、実装を考慮したUIガイドを設計。
    • ランディングページのデザイン・HTML/CSS実装・運用、レスポンシブ対応、トラッキングスクリプト対応。
    • 社内Figma教育を担当。UI/UXと実装をつなぐ経験を積みました。

これまでのWeb / EC経験

  1. 2022.04 — 2022.09라큐로스Web Design / Japanese EC Operation

    Rakutenを中心とする日本向けECのデザイン・運用。

    • 商品詳細・バナー・HTMLメールマガジンを制作し、商品登録と保守に対応。
    • HTML/CSSと日本語の翻訳・校正・ローカライズを実務で使用。
  2. 2019.07 — 2022.01유비템즈Web Design / Web Service Operation

    複数の企業クライアント向けWeb・プロモーションデザインとサービス運用。

    • クライアント担当者・社内関係者と要件、スケジュール、デザイン方針を調整。複数案件を並行して担当。
    • ブランドガイドに沿ったメイン・カテゴリバナー、キャンペーン、商品詳細、ECコンテンツ、ニュースレターを制作。
    • 実サービスへのコンテンツ反映、HTML/CSS・レイアウト/UI修正、キャンペーン日程更新、運用依頼と保守に対応。
  3. 2019.04 — 2019.06APMS&SWeb Design / Japanese EC Operation

    日本向けECデザインと商品データ管理。

    • Rakuten向け商品コンテンツの制作とローカライズ。
    • JLPT N1を活かし、日本語コンテンツと商品データを扱う業務を担当。
  4. 2012.12 — 2018.09리퍼스Web Design / E-Commerce Operation

    初期メンバーとして、ブランドからWeb・商品・多チャネルEC運用まで担当。

    • Cafe24自社EC、商品ページ、バナー、ロゴ・ブランド、プロモーション、オフライン制作。
    • 複数のマーケットプレイス・販売チャネルで商品登録、注文、発注、商品管理を経験。

Foundation

開発の基礎と、日本語での実務。

2025.03 — 現在

한국방송통신대학교

コンピュータ科学を学習中

OS・データベース・Web・ネットワーク・ソフトウェア工学・プログラミングを学んでいます。

2005.03 — 2010.02

성신여자대학교

日本語・日本文学 / Bachelor

日本語・日本文学を専攻し、学士課程を修了。翻訳・会話などの学習は、日本向けECの実務にもつながっています。

Recognition

学びを、実践につなげる。

受賞プロジェクト
QRポイント・クーポンサービス

Baro Stamping

QRベースのポイント・クーポンサービス。2024年Web開発部門最優秀賞。

期間
2024.12
受賞
Seoul Woman Up Demo Day / 최우수상
担当範囲
QRベースのポイント・クーポンサービス
詳しく見る

Web開発部門で受賞。Baro StampingはQRベースのポイント・クーポンサービスです。

教育・学習

5
  • 2025.04

    Code in Place / Stanford University

    詳しく見る

    Pythonによるプログラミング入門課程(Stanford CS106A相当)を修了。オンライン。

    • 制御フロー、条件分岐と繰り返し、コンソールプログラミング、グラフィックス、リストと辞書
  • 2025.02

    Webアプリケーション開発プロジェクトに基づくフルスタック開発者養成 / 한국소프트웨어기술진흥협회

    詳しく見る
    • Javaプログラミング基礎およびオブジェクト指向プログラミング
    • データベース(Oracle)
    • HTML、CSS、JavaScriptなどのWebプログラミング
    • JSP、Servlet、Ajax、jQueryなどのWebプログラミング
    • Spring、MyBatis、JPA、REST API
    • React
    • Spring Security、MSA、Spring Cloud
  • 2025.02

    職種別学習ネットワークプログラム3期 / 서울우먼잇츠(IT's)

    詳しく見る

    영한로마 スタディクルー活動

  • 2024.12

    生成AI活用クラウドベースのフルスタックWeb開発 / 동부여성발전센터

    詳しく見る
    • Web開発の理解
    • フロントエンド開発実務
    • バックエンド開発実務
    • クラウド活用実務 / AIサービス活用実務
    • データベースプログラミング
    • クラウドおよび人工知能技術の理解
    • チームプロジェクト
  • 2023.05

    Figmaを活用したUI/UXデザイン実務過程 / 강동여성새로일하기센터

    詳しく見る
    • UIデザイン理論およびデザインシステムの実装学習
    • ローファイからハイファイプロトタイプまでの全工程デザインフロー学習
    • ユーザーテストとコミュニケーションのためのFigmaプロトタイピング機能

関連資格

6
  • 2012.10

    GTQ フォトショップ1級 / 韓国生産性本部(KPC)

  • 2012.10

    ウェブデザイン技能士 / 韓国産業人力公団

  • 2012.07

    MOS Master / Microsoft

  • 2011.08

    ワープロ実務士1級 / 商工会議所

  • 2005.10

    コンピュータグラフィックス運用技能士 / 韓国産業人力公団

  • 2012.03

    バリスタ2級 / 韓国コーヒー教育協議会

Archive

これまでのWeb / ECデザイン。

Web・EC、ブランド・プロモーション、日本向けEC、UI/UXへと広がった制作経験をまとめました。画像は検証用QAグラフィックで、実際の制作画像に後日差し替えます。

  • レイアウト検証用QAグラフィック・実際の制作画像ではありません — 천천락 中国現地プロモーション / 01

    천천락 中国現地プロモーション

    QA 01・実際の制作画像ではありません

    01 / 02

    천천락 中国現地プロモーション

    中国現地のプロモーションに向けた旅行商品のリーフレット・会場バナーと多言語コンテンツの制作。

    • Promotion
    • Print
    • Multilingual Content
  • レイアウト検証用QAグラフィック・実際の制作画像ではありません — 국민카드 라이프샵 プロモーション / 01

    국민카드 라이프샵 プロモーション

    QA 01・実際の制作画像ではありません

    01 / 01

    국민카드 라이프샵 プロモーション

    プロモーションページのデザインとコンテンツ企画。

    • UI Design
    • Content Planning
  • レイアウト検証用QAグラフィック・実際の制作画像ではありません — 아이파크몰 バナーシステム / 01

    아이파크몰 バナーシステム

    QA 01・実際の制作画像ではありません

    01 / 03

    아이파크몰 バナーシステム

    メイン・カテゴリ・商品詳細のバナーデザインと運用。

    • Main / Category / Product Banner
    • Web Operation
  • レイアウト検証用QAグラフィック・実際の制作画像ではありません — 하나카드 メールニュースレター / 01

    하나카드 メールニュースレター

    QA 01・実際の制作画像ではありません

    01 / 01

    하나카드 メールニュースレター

    プロモーション情報を伝えるメールニュースレターのデザイン。

    • Email Design
    • Visual Design
  • レイアウト検証用QAグラフィック・実際の制作画像ではありません — HDC 오일뱅크 인벤토리 / 01

    HDC 오일뱅크 인벤토리

    QA 01・実際の制作画像ではありません

    01 / 01

    HDC 오일뱅크 인벤토리

    メインビジュアルとバナーのデザイン。

    • Main Visual
    • Banner Design
  • レイアウト検証用QAグラフィック・実際の制作画像ではありません — Rakuten インショップ・ミニショップ / 01

    Rakuten インショップ・ミニショップ

    QA 01・実際の制作画像ではありません

    01 / 01

    Rakuten インショップ・ミニショップ

    日本のRakuten向けインショップ・ミニショップのページ制作と日本語ローカライズ。

    • Web Design
    • HTML / CSS
    • Japanese EC
    • Localization
  • レイアウト検証用QAグラフィック・実際の制作画像ではありません — 自社ECのブランドアイデンティティ / 01

    自社ECのブランドアイデンティティ

    QA 01・実際の制作画像ではありません

    01 / 01

    自社ECのブランドアイデンティティ

    シンボル・ロゴのリニューアルと名刺・看板・バナーなどのブランド制作物。

    • Brand Identity
    • Logo / Symbol
    • Offline Design
  • レイアウト検証用QAグラフィック・実際の制作画像ではありません — Cafe24 自社ECサイトデザイン / 01

    Cafe24 自社ECサイトデザイン

    QA 01・実際の制作画像ではありません

    01 / 01

    Cafe24 自社ECサイトデザイン

    Cafe24による自社ECのデザイン・運用、商品ページの制作・登録。

    • Web Design
    • Cafe24
    • EC Operation
  • レイアウト検証用QAグラフィック・実際の制作画像ではありません — GS홈쇼핑 カタログデザイン / 01

    GS홈쇼핑 カタログデザイン

    QA 01・実際の制作画像ではありません

    01 / 01

    GS홈쇼핑 カタログデザイン

    GS홈쇼핑・홈앤쇼핑のカタログ誌面と、ECモール向け商品ページの制作。

    • Print Design
    • Product Page
    • E-Commerce
View More

Contact

新たな機会について、お話しできれば幸いです。

採用・業務に関するご連絡は、メールでお願いいたします。

PROFILES

DOCUMENTS