Spotx Studio

 Let's Chat
Creative Guy
Photograher
Family

I travel along SME partners to create our special design journey.

This is Gabriel, a fun, energetic UIUX designer and front-end developer based in Taipei.
Email Me Download CV

Skillset

What kind of things I can do
UX
Visuals
Dev.
Intermediate

Figma

  • Creates responsive, interactive designs with scalable systems and real-time collaboration.
  • Build scalable UI systems with components, variables, and auto-layout.
  • Prototype user flows with conditional logic and interactive components.
  • Run collaborative design reviews in real time.
Intermediate

Photoshop

  • Produces polished, optimized imagery and marketing visuals for any platform.
  • Retouch, composite, and color-correct images for web and print.
  • Prepare optimized assets with export presets and compression.
  • Design marketing graphics using non-destructive workflows.
Beginner

Lottie

  • Builds scalable, interactive animations that stay fast and lightweight.
  • Create lightweight, scalable animations for web and mobile.
  • Integrate animations into websites without performance loss.
  • Customize JSON files for interactive playback.
Familiar

Illustrator

  • Crafts crisp, scalable vector graphics and brand systems ready for any medium.
  • Design vector graphics, icons, and brand assets that scale without loss.
  • Build brand kits with reusable swatches, symbols, and type styles.
  • Export clean, optimized SVGs for web and UI.
Familiar

Premiere Pro

  • Delivers clean, engaging video edits with polished sound, color, and motion.
  • Edit multi-track videos with smooth transitions and color grading.
  • Sync audio, add motion graphics, and fine-tune pacing.
  • Export optimized videos for web, social, or broadcast.
Beginner

Rive

  • Designs interactive animations with state-based motion for web and apps.
  • Design interactive vector animations with state machines.
  • Export for web or app use with minimal file size.
  • Experiment with triggers and logic for real-time motion.
Intermediate

Wordpress

  • Customizes themes and structures for personality, performance, and effortless content updates.
  • Set up a lightweight theme (Block/Classic), fields (ACF), and custom post types.
  • Harden & speed up: caching, image CDN, security, and scheduled backups.
  • Build editor‑friendly blocks so non‑devs can update pages safely.
Intermediate

Elementor

  • Builds responsive, interactive websites without the coding headache. Turns design concepts into smooth, on-brand experiences.
  • Build landing pages fast with global styles, responsive controls, and reusable templates.
  • Wire forms to Mailchimp / Make / Zapier; set up thank‑you states and conversion tracking.
  • Optimize page weight (lazy‑load, image compression, no bloat add‑ons).
Intermediate

Webflow

  • Creates flexible, responsive layouts with Sass customization and just the right touch of hand-coded finesse.
  • Build CMS collections and hook them to dynamic templates.
  • Create scroll/hover interactions that passes Lighthouse/CLS checks.
  • Publish webhooks to Make → send leads to Sheets/CRM and formatted email receipts.
Familiar

Bootstrap

  • Creates flexible, responsive layouts with Sass customization and just the right touch of hand-coded finesse.
  • Customize grid (breakpoints, gutters, container widths) to match Figma exactly.
  • Tree‑shake components/utilities so CSS stays lean.
  • Create a token file (colors, spacing, radius) so new pages inherit the same system.
Beginner

Shopify

  • Tailors shop themes, adds essential apps, and refines product browsing for better flow.
  • Build landing pages fast with global styles, responsive controls, and reusable templates.
  • Wire forms to Mailchimp / Make / Zapier; set up thank‑you states and conversion tracking.
  • Optimize page weight (lazy‑load, image compression, no bloat add‑ons).
Beginner

Cyberbiz

  • Sets up streamlined online stores, aligning visuals with brand and simplifying management.
  • Build landing pages fast with global styles, responsive controls, and reusable templates.
  • Wire forms to Mailchimp / Make / Zapier; set up thank‑you states and conversion tracking.
  • Optimize page weight (lazy‑load, image compression, no bloat add‑ons).
Beginner

Shopline

  • Designs and manages storefronts for smooth shopping and fast-loading visuals.
  • Build landing pages fast with global styles, responsive controls, and reusable templates.
  • Wire forms to Mailchimp / Make / Zapier; set up thank‑you states and conversion tracking.
  • Optimize page weight (lazy‑load, image compression, no bloat add‑ons).
Familiar

User Journey Map

  • Visualizes the entire customer journey to identify needs, pain points, and product opportunities.
  • Map end-to-end customer experiences, identifying friction points and opportunities.
  • Visualize emotional highs and lows across each interaction stage.
  • Align product features with key moments in the journey.
Familiar

User Mission Analysis

  • Translates user goals into focused design actions and feature priorities.
  • Break down user goals into actionable design requirements.
  • Prioritize features based on mission-critical tasks.
  • Match design solutions to real user motivations.
Familiar

Userflow Map

  • Maps and optimizes user steps to create smooth, intuitive task flows.
  • Chart step-by-step paths users take to complete tasks.
  • Identify unnecessary steps and simplify navigation.
  • Validate flows with user testing for clarity and speed.
Familiar

Information Hierarchy

  • Structures content visually to make information easy to find and understand.
  • Organize content for maximum clarity and scannability.
  • Use visual weight, grouping, and spacing to guide focus.
  • Balance aesthetics with accessibility for all users.
Familiar

Sitemap

  • Creates clear site structures that support user goals and smooth navigation.
  • Outline site structure for easy navigation and logical grouping.
  • Plan content placement to align with user intent.
  • Provide a blueprint for designers, developers, and stakeholders.
Familiar

Personas

  • Profiles target users to keep designs aligned with real needs and behaviors.
  • Develop detailed user profiles from research data.
  • Capture demographics, motivations, and behavior patterns.
  • Use personas to guide product design decisions.

My Journey

Still ongoing, exploring and having fun

Hotel Front Desk Agent

@The Pier, Hong Kong
2021-2022

Overview

Job Description
  • Check-in, check-out daily operation
  • Reservation, enquiries
  • Fulfill in house guests inquiries
Skills & Achievements
  • Check-in, check-out daily operation
  • Reservation, enquiries
  • Fulfill in house guests inquiries
Show Details

Highs & Lows

I very soon found out that I’m not a big fan of being a hotel worker. It is way too stable and kind of boring for me. So I seek opportunity and finished my book writing and all the relevant design by using Photoshop and InDesign.

And luckily I got another opportunity to work as a graphic designer and copywriter in a local food retail company

Graphic Designer

@In-well Ltd., Hong Kong
2022-2023

Overview

Job Description
  • Check-in, check-out daily operation
  • Reservation, enquiries
  • Fulfill in house guests inquiries
Skills & Achievements
  • Check-in, check-out daily operation
  • Reservation, enquiries
  • Fulfill in house guests inquiries
Show Details

Highs & Lows

I very soon found out that I’m not a big fan of being a hotel worker. It is way too stable and kind of boring for me. So I seek opportunity and finished my book writing and all the relevant design by using Photoshop and InDesign.

And luckily I got another opportunity to work as a graphic designer and copywriter in a local food retail company

Graphic & UIUX Designer (Freelance)

@Spotx Studio, Taipei
since 2023

Overview

Job Description
  • Check-in, check-out daily operation
  • Reservation, enquiries
  • Fulfill in house guests inquiries
Skills & Achievements
  • Check-in, check-out daily operation
  • Reservation, enquiries
  • Fulfill in house guests inquiries
Show Details

Highs & Lows

I very soon found out that I’m not a big fan of being a hotel worker. It is way too stable and kind of boring for me. So I seek opportunity and finished my book writing and all the relevant design by using Photoshop and InDesign.

And luckily I got another opportunity to work as a graphic designer and copywriter in a local food retail company

Media Team Lead

@TCOC, Taipei
since 2023

Overview

Job Description
  • Check-in, check-out daily operation
  • Reservation, enquiries
  • Fulfill in house guests inquiries
Skills & Achievements
  • Check-in, check-out daily operation
  • Reservation, enquiries
  • Fulfill in house guests inquiries
Show Details

Highs & Lows

I very soon found out that I’m not a big fan of being a hotel worker. It is way too stable and kind of boring for me. So I seek opportunity and finished my book writing and all the relevant design by using Photoshop and InDesign.

And luckily I got another opportunity to work as a graphic designer and copywriter in a local food retail company

Contact & Social

Follow for more =)
2025 copyright icon copyright reserved by Spotx Studio

Home

About

Work

Contact