Based in Viña del Mar
Combinamos diseño y código para dar forma a experiencias digitales con sentido.
(about us)
Smok Studio es un estudio de diseño digital liderado por Bárbara Smok — diseñadora y desarrolladora front-end. Creamos sitios web expresivos e intuitivos combinando diseño con intención, código limpio y narrativa. Con raíces en el relato visual y una afinidad por los detalles, convertimos ideas en experiencias interactivas que se sienten vivas.
Smok Studio es un estudio de diseño digital liderado por Bárbara Smok — diseñadora y desarrolladora front-end. Creamos sitios web expresivos e intuitivos combinando diseño con intención, código limpio y narrativa. Con raíces en el relato visual y una afinidad por los detalles, convertimos ideas en experiencias interactivas que se sienten vivas.
Services
Services
Services
Services
Services
Services
Services
Services
Services
Services
Services
Services
listen
Diseño
UI/UXshape
Diseñamos interfaces claras, intuitivas y pensadas para quienes las usan. Usando Figma, creamos experiencias que combinan estructura, fluidez y armonía visual, equilibrando siempre la usabilidad con el impacto visual.
architect
Desarrollo
Webbuild
Creamos sitios rápidos, accesibles y escalables usando las herramientas que mejor se adaptan a tu proyecto—ya sea Webflow para control visual, WordPress con Elementor y ACF para mayor flexibilidad, Framer para interacciones fluidas o desarrollo a medida con HTML, CSS y JavaScript. Cada sitio es responsivo, fácil de usar y pensado para crecer junto a tu proyecto.
sense
Identidad Visual &
Apoyo Creativoexpress
Desde el diseño de marca hasta gráficas para campañas, ayudamos a dar forma a cómo se ve y se siente tu proyecto. Ya sea un logo, microanimaciones o visuales para portafolios, editoriales o contenido digital, creamos sistemas coherentes que fortalecen tu presencia en distintas plataformas.
listen
Diseño
UI/UXshape
Diseñamos interfaces claras, intuitivas y pensadas para quienes las usan. Usando Figma, creamos experiencias que combinan estructura, fluidez y armonía visual, equilibrando siempre la usabilidad con el impacto visual.
architect
Desarrollo
Webbuild
Creamos sitios rápidos, accesibles y escalables usando las herramientas que mejor se adaptan a tu proyecto—ya sea Webflow para control visual, WordPress con Elementor y ACF para mayor flexibilidad, Framer para interacciones fluidas o desarrollo a medida con HTML, CSS y JavaScript. Cada sitio es responsivo, fácil de usar y pensado para crecer junto a tu proyecto.
sense
Visual Identity &
Creative Supportexpress
Desde el diseño de marca hasta gráficas para campañas, ayudamos a dar forma a cómo se ve y se siente tu proyecto. Ya sea un logo, microanimaciones o visuales para portafolios, editoriales o contenido digital, creamos sistemas coherentes que fortalecen tu presencia en distintas plataformas.
listen
Diseño UI/UX
shape
Diseñamos interfaces claras, intuitivas y pensadas para quienes las usan. Usando Figma, creamos experiencias que combinan estructura, fluidez y armonía visual, equilibrando siempre la usabilidad con el impacto visual.
architect
Desarrollo Web
build
Creamos sitios rápidos, accesibles y escalables usando las herramientas que mejor se adaptan a tu proyecto—ya sea Webflow para control visual, WordPress con Elementor y ACF para mayor flexibilidad, Framer para interacciones fluidas o desarrollo a medida con HTML, CSS y JavaScript. Cada sitio es responsivo, fácil de usar y pensado para crecer junto a tu proyecto.
sense
Identidad Visual &
Apoyo Creativoexpress
Desde el diseño de marca hasta gráficas para campañas, ayudamos a dar forma a cómo se ve y se siente tu proyecto. Ya sea un logo, microanimaciones o visuales para portafolios, editoriales o contenido digital, creamos sistemas coherentes que fortalecen tu presencia en distintas plataformas.
Process
Process
Process
Process
Process
Process
Process
Process
Process
Process
Process
Process
Escuchar y Descubrir
Comenzamos entendiendo tu marca, objetivos y audiencia. Esto incluye investigación, preguntas y conversaciones para descubrir lo que realmente importa.
1
Escuchar y Descubrir
Comenzamos entendiendo tu marca, objetivos y audiencia. Esto incluye investigación, preguntas y conversaciones para descubrir lo que realmente importa.
1
Escuchar y Descubrir
Comenzamos entendiendo tu marca, objetivos y audiencia. Esto incluye investigación, preguntas y conversaciones para descubrir lo que realmente importa.
1
Definir y Explorar
Traducimos los hallazgos en una dirección visual—definiendo estructura, atmósfera y posibilidades creativas a través de moodboards, wireframes o bocetos.
2
Definir y Explorar
Traducimos los hallazgos en una dirección visual—definiendo estructura, atmósfera y posibilidades creativas a través de moodboards, wireframes o bocetos.
2
Definir y Explorar
Traducimos los hallazgos en una dirección visual—definiendo estructura, atmósfera y posibilidades creativas a través de moodboards, wireframes o bocetos.
2
Diseñar y Construir
Con claridad en el enfoque, pasamos al diseño y desarrollo en detalle. Nos enfocamos en usabilidad, consistencia visual y una ejecución cuidada en todos los puntos de contacto.
3
Diseñar y Construir
Con claridad en el enfoque, pasamos al diseño y desarrollo en detalle. Nos enfocamos en usabilidad, consistencia visual y una ejecución cuidada en todos los puntos de contacto.
3
Diseñar y Construir
Con claridad en el enfoque, pasamos al diseño y desarrollo en detalle. Nos enfocamos en usabilidad, consistencia visual y una ejecución cuidada en todos los puntos de contacto.
3
Refinar y Lanzar
Tras probar y ajustar, entregamos todo listo para salir al aire—asegurando buen rendimiento, accesibilidad y una entrega fluida o soporte post-lanzamiento.
4
Refinar y Lanzar
Tras probar y ajustar, entregamos todo listo para salir al aire—asegurando buen rendimiento, accesibilidad y una entrega fluida o soporte post-lanzamiento.
4
Refinar y Lanzar
Tras probar y ajustar, entregamos todo listo para salir al aire—asegurando buen rendimiento, accesibilidad y una entrega fluida o soporte post-lanzamiento.
4
Featured Projects
Featured Projects
Featured Projects
Featured Projects
Featured Projects
Featured Projects
Featured Projects
Featured Projects
Featured Projects
Featured Projects
Featured Projects
Featured Projects
Planes
Planes
Planes
Planes
Planes
Planes
Planes
Planes
Planes
Planes
Planes
Planes
Basic
Ideal para emprendedores y profesionales que necesitan una presencia sólida y funcional.
desde
$350.000 CLP
Diseño personalizado (no plantilla)
Hasta 4 secciones/páginas (inicio, sobre mí, servicios, contacto)
Formulario de contacto funcional
Responsive (adaptado a dispositivos móviles)
Optimización básica de carga y velocidad
Hosting profesional incluido (1 año – Hostinger plan Business)
Dominio .com incluido (1 año)
Elementor Pro incluido ( 1 año)
Correo corporativo profesional (hasta 2 cuentas incluidas por 1 año)
Certificado SSL
Capacitación básica para autogestión del contenido
*No incluye: tienda virtual ni agendamiento.
Pro
Pensado para marcas que buscan mayor interacción y funcionalidades personalizadas.
desde
$650.000 CLP
Incluye todo lo del Plan Básico, más:
Hasta 7 secciones/páginas
Interacciones y animaciones personalizadas
Código personalizado (JS/CSS) para secciones especiales
Tienda virtual simple (hasta 20 productos)
Integración con medios de pago (WebPay, Flow, Mercado Pago, etc.)
Diseño mobile-first con enfoque UX/UI
Hosting profesional incluido (1 año – Hostinger plan Business)
Dominio .com incluido (1 año)
Elementor Pro incluido ( 1 año)
Correo corporativo profesional (hasta 2 cuentas incluidas por 1 año)
Capacitación personalizada post-entrega
Advanced
Para proyectos que necesitan una experiencia completa, automatización y escalabilidad.
desde
$850.000 CLP
Incluye todo lo del Plan Pro, más:
Hasta 12 secciones/páginas
Tienda virtual avanzada (más de 20 productos, filtros, variantes, cupones, etc.)
Sistema de agendamiento online
Integraciones externas: calendario, WhatsApp, email marketing, etc.
Formularios dinámicos y automatizados
Diseño mobile-first con enfoque UX/UI
Custom code y optimización SEO básica
Hosting profesional incluido (1 año – Hostinger plan Business)
Dominio .com incluido (1 año)
Elementor Pro incluido ( 1 año)
Correo corporativo profesional (hasta 2 cuentas incluidas por 1 año)
Capacitación extendida + soporte durante el primer mes
Custom Code
Para marcas que requieren total flexibilidad y rendimiento con desarrollo a medida.
desde
$850.000 CLP
Diseño UX/UI completamente personalizado (mobile-first)
Desarrollo con HTML, CSS, JavaScript (sin constructor visual)
Páginas y secciones ilimitadas (según contenido entregado)
Integraciones avanzadas (agendamiento, newsletter, WhatsApp, etc.)
Interacciones y animaciones a medida
Optimización de carga, SEO básico y accesibilidad
Hosting profesional incluido (1 año – Hostinger plan Business)
Dominio .com incluido (1 año)
Correo corporativo profesional (hasta 2 cuentas incluidas por 1 año)
Certificado SSL
Capacitación personalizada post-entrega
Studio
Diseño y desarrollo visual fluido, moderno y editable desde plataformas sin código.
desde
$550.000 CLP
Diseño UX/UI completamente personalizado (mobile-first)
Desarrollo completo en Framer o Webflow
Animaciones y microinteracciones
Hasta 6 secciones/páginas
Responsive (mobile-first)
Capacitación para editar tu sitio sin necesidad de código
Asesoría para compra de dominio y conexión
Integración con formularios, redes y tracking básico
Correo corporativo profesional (hasta 2 cuentas incluidas por 1 año)
Certificado SSL
Capacitación personalizada post-entrega
*No incluye: tienda virtual ni funcionalidades avanzadas. No incluye el valor de templates premium de Framer o Webflow. Si se usa uno, se cobrará según el valor del autor o plataforma.
Correo corporativo: Todos los planes incluyen hasta 2 cuentas de correo corporativo gratuitas durante el primer año, según la política actual de Hostinger. Si necesitas más cuentas o funcionalidades avanzadas, podemos asesorarte para contratar un plan de email premium.
Renovaciones: Los costos de hosting, dominio y licencia de Elementor Pro están cubiertos durante el primer año. A partir del segundo año, estos servicios se cobran por separado según sus tarifas vigentes. Si lo prefieres, podemos ayudarte a gestionarlos junto con la renovación anual de tu sitio.
Mantención: Ofrecemos planes de mantención opcionales que se adaptan a tus necesidades. Incluyen respaldo del sitio, actualizaciones técnicas, soporte básico y monitoreo de seguridad. Puedes contratarlos de forma mensual, trimestral, semestral o anual. Esto te permite mantener tu sitio siempre actualizado y funcionando correctamente, sin preocuparte por los aspectos técnicos.
