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

















