Bienvenido, Welcome, Bienvenue, Willkommen, Benvenuto, Bem-vindo, 欢迎, ようこそ, 환영합니다, Добро пожаловать, مرحبا, स्वागत है, Hoş geldiniz, Welkom, Καλώς ήρθατε
Sergio Soler。UX/UI 设计、前端开发
与 AI Vibe coding,为你的项目服务。
关于我
拥有 9 年以上经验的 UX/UI 设计师与前端开发者,专注打造真正有效的数字产品。我不做看起来漂亮却无法转化的网站,也不做像 2015 年的老旧界面。我结合调研、设计、代码与数据,让你的数字项目不再头疼,而是真正带来成果。
信任过我的客户
我与大品牌和雄心勃勃的项目合作过。从电商到教育平台,从高转化率的落地页到拿得出手的企业官网。
我的一些技能
Figma
Diseño UX/UI, prototipado interactivo y design systems. Mi herramienta principal para crear interfaces centradas en el usuario.
Adobe Creative Suite
Photoshop, Illustrator y XD para diseño gráfico, recursos visuales y edición de assets para proyectos digitales.
React
Desarrollo de interfaces interactivas y componentes reutilizables. SPAs modernas con arquitectura basada en componentes.
HTML5 / CSS3 / JS
Maquetación responsive, animaciones CSS, JavaScript vanilla y SASS/Less. La base de todo proyecto front-end sólido.
WordPress
Desarrollo de temas, plugins y soluciones a medida. Webs corporativas, e-commerce con WooCommerce y landing pages.
Webflow
Diseño y desarrollo visual sin código. Prototipado de alta fidelidad y sitios web listos para producción.
Miro
Research UX, workshops colaborativos, mapas de empatía, customer journeys y facilitación de sesiones de Design Thinking.
Hotjar & Smartlook
Analítica UX, mapas de calor, grabaciones de sesión y test A/B. Decisiones de diseño basadas en datos reales de usuario.
IA Generativa
Claude Code, ChatGPT y Gemini integrados en flujos de diseño y desarrollo. Prototipado acelerado y generación de código.
Bootstrap & SASS
Frameworks CSS para desarrollo ágil. Sistemas de grid, componentes responsive y preprocesadores para CSS escalable.
来点 随性又甜蜜的小东西,让你的一天更美好
继续往下看
用脑子做出来的数字解决方案,不是套模板。
我的工作方式
先理解你的业务,再开始设计。绝不会在不了解需求的情况下动手。我采用敏捷方法(Scrum/Kanban)、生成式 AI 工具与真实数据,让每一个设计决策都言之有据。
我把 AI(Claude Code、ChatGPT、Gemini)整合进工作流,把原型制作提速高达 40%,并生成不牺牲质量的前端代码。可衡量的成果:落地页转化率 +22%,表单放弃率 -18%,结账率 +15%。
*结果通过不同的测量工具获得:Hotjar 和 SmartLook。
{UX/UI 设计}
让人心动又转化的界面
我用 Figma 设计以用户为中心的界面,结合原型和真实数据(Hotjar、Smartlook、A/B 测试)进行验证。我不猜什么有效——我测量它。响应式、加载快(不到 3 秒)且经过优化的网站,把访客变成客户。
每一个我设计和开发的界面都能适配任何屏幕。永远 Mobile-first。
以 Design Thinking、用户调研和真实数据验证为核心的以用户为中心的设计。不靠直觉。
干净、有吸引力且实用的界面。Figma、Adobe、InVision 和 Miro 是我的日常工具。
前端开发
把你的设计变成代码,一个像素都不差
我用 HTML5、CSS3、JavaScript、React 和 Bootstrap 进行布局和开发。如果你的设计在 Figma,我会把它完美还原成代码。如果你已经有 WordPress、Prestashop 或 Webflow 网站,我会优化让它飞起来。跨浏览器、响应式,上线没惊喜。
响应式布局,代码干净、语义化且经过优化。SASS、Less、Bootstrap 和 vanilla JS。
可复用组件的交互式界面。现代的 Web 应用架构。
加载时间不到 3 秒。通过压缩、懒加载和缓存让网站飞起来。
AI 应用
人工智能融入你的工作流
我用 Claude Code、ChatGPT 和 Gemini 加快原型、生成前端组件并优化设计流程。这不是魔法,而是知道该让 AI 做什么、什么时候自己动手。结果:更少的开发时间、更多的迭代、更好的最终产品。
通过智能 prompt 快速生成线框图、组件与布局。从想法到原型,仅需几分钟。
前端组件、自动化脚本与优化,由 AI 生成,由人工打磨。
AI 贯穿每个阶段:UX 调研、视觉设计、开发与测试。原型制作时间减少 40%。
CMS 与电商
一个你能自己管理的网站,不依赖任何人
WordPress、Prestashop、Webflow、Joomla……我精通市场上最常用的 CMS。我做在线商店、企业网站和内容平台,让你自己就能管理,而不用每次换张照片都打给我。
定制主题、专属插件和优化过的在线商店。世界上最常用的 CMS,用到极致。
用 Prestashop 构建强大的电商。用 Webflow 做视觉设计。每个项目都用对工具。
我交付一个你能自己管理的网站:内容、产品、图片与 SEO,全程无需碰代码。
本月精选图片
一起来做点什么
如果你们在找一个能从第一天起就贡献价值的人,我很乐意和你们聊聊。告诉我你们在做什么,我们看看我该如何融入团队