BÁRBARASMOK.COM  /  PORTFOLIO

Combining design and code to shape digital experiences with intention.

I'm Bárbara Smok — UI/UX & front-end designer, and founder of Smok Studio. 10+ years designing in Figma and taking the design to production myself — fewer handoffs, fewer revision rounds, and a site that looks like the approved design.

  • Based in Viña del Mar, Chile
  • Remote & hybrid — on-site in Santiago up to 3 days/week
  • Open to relocation
  • English / Español
Web DesignUX/UIBrandingFramerWebflowWordPressHTML / CSS / JS

(selected work)

see all projects at smokstudio.com/work ↗

(ui/ux — from wireframe to interface)

Every project starts with structure. UI systems designed in Figma, mapped across breakpoints, then built for real.

cuecafilms.com
Cueca Films homepage — bold yellow and black UI with cinematic imagery
Cueca Films mobile UI
01

Cueca Films

UI Design & Development — Figma → Framer

A visual language built on contrast, bold typography and cinematic tension — designed as a CMS-driven system that scales with a growing director roster.

DesktopTabletMobileCMS
viobact.cl/viopro
VioPro product page — dark scientific hero with microscopic imagery
VioPro mobile UI
02

Viobact — VioPro

UI Design & Development — Figma → Webflow

Translating a scientific project into a clear, structured experience — typography, color and texture build a visual narrative without overloading the content. Mobile-first, CMS-managed.

DesktopMobileMobile-firstCMS
nosotrasaudiovisuales.cl
Nosotras Audiovisuales homepage — black and white photography with vivid color blocks
Nosotras Audiovisuales mobile UI
03

Nosotras Audiovisuales

UI Design & Development — Figma → WordPress

A flexible platform for a feminist audiovisual collective — vibrant content blocks over documentary photography, mapped across four breakpoints before a pixel was styled.

Desktop XLDesktopTabletMobile

(more ui systems)

Built in Figma — components, variants and auto-layout, ready for development.

Design Systems UI
Design SystemsGlobal styles & reusable components — Figma → Elementor
Wireframes & Prototyping UI, desktop and mobile
Wireframes & PrototypingLo-fi flows to hi-fi prototypes — with Breeze Digital
Component Libraries UI
Component LibrariesVariants & auto-layout components — with Breeze Digital
School district responsive wireframes across breakpoints
Responsive LayoutsBreakpoint mapping across 4 screen sizes — with Breeze Digital

BÁRBARASMOK.COM  /  RESUME

(about me)

UI/UX and front-end designer with 10+ years creating websites and digital products for creative, cultural and service-oriented companies in Chile, Canada and internationally. I work from research and user flows through to the design system and final interface in Figma, and take the design to production myself in Webflow, Framer or WordPress (Elementor Pro, JetEngine, ACF). That means fewer handoffs, fewer revision rounds, and a site that looks like the approved design. Much of my career has been remote and in English with North American agencies, coordinating with developers and project managers across distributed teams.

(experience)

  • 2025 — Present UI/UX & Web Designer — Independent Smok Studio — Viña del Mar, Chile Independent studio for web design, front-end development and branding. Custom sites in Framer, Webflow and WordPress for creative, cultural and service brands — end-to-end: discovery, UX/UI in Figma, front-end, CMS and deployment. Web DesignUX/UIFront-EndBranding
  • 2021 — 2026 UI & Front-End Designer — Contract Breeze Digital — Cranbrook, BC, Canada (Remote) Front-end design and development for agency clients in tourism, hospitality and outdoor lifestyle. UX wireframes, visual design systems and prototypes aligned with business goals. Projects: Woodlands at Wildstone (Webflow), Queen Charlotte Lodge (WordPress), Sea Kayak Baja (WordPress). UX/UIWebflowFront-End
  • 2019 — 2021 Graphic & Visual Designer — Contract GIZ — Deutsche Gesellschaft für Internationale Zusammenarbeit — Santiago, Chile Visual communication strategies for GIZ's Energy Promotion programme, in partnership with Chile's Ministry of Energy and Ministry of the Environment. Reports, infographics and editorial material under international brand guidelines, in a bilingual environment with German-standard review processes. Visual DesignEditorial
  • 2014 — Present Graphic & Editorial Designer — Independent Wild Horse Creek Press — Cranbrook, BC, Canada (Remote) Editorial layout and design for independent press titles by Keith G. Powell — Forgotten Cranbrook, Koocanusa Burning, Abandoned Kootenays, among others. EditorialPrint
  • 2013 — 2024 Graphic & Web Designer — Contract Koocanusa Publications Inc. — Cranbrook, BC, Canada (Remote) Websites for regional publications in WordPress — custom themes, templates and prototypes — plus advertising material for magazines, newspapers and marketing. WordPressGraphic DesignPrint

(skills & tools)

UI/UX Design
Wireframing, prototyping, user flows, design systems, component libraries, responsive design
Figma
Global styles, reusable components, variants, auto-layout, prototyping, plugins & integrations, Figma Slides
Front-End
Custom HTML / CSS / JavaScript, UI-focused development, web performance, Git workflows
CMS & Platforms
WordPress, Webflow, Framer — CMS collections, reusable components, global styles, theme builder, page templates, eCommerce, plugins & integrations, custom code blocks. WordPress also includes Elementor Pro, JetEngine (CPT, relationships, query builder) & ACF
Accessibility
WCAG 2.1, WAVE, accessibility auditing
Adobe CC
Illustrator, Photoshop, Lightroom, InDesign, Express, Firefly
Editorial & Print
InDesign, QuarkXPress, Canva, Express
Dev Tools
VS Code, GitHub, Transmit, CyberDuck, Cloudflare, cPanel
AI in the workflow
Claude and ChatGPT for front-end logic and code debugging, prompt engineering for UX flows, Adobe Firefly and Figma AI for visual generation, and automation of repetitive design tasks
Analytics & SEO
Google Analytics, Google Tag Manager, technical SEO
Email & Embeds
MailerLite, Mailchimp, Elfsight, contact forms, third-party widget integration
Collaboration & PM
Asana, Notion, Slack, Microsoft Teams
Languages
Bilingual — English (advanced), Spanish (native)

(education)

  • 2023 — 2024Full Stack JavaScript Development — Desafío Latam
  • 2018 — 2020Front End Web Development Techdegree — Treehouse
  • 2017Illustration Diploma — University of Chile, Santiago
  • 2011 — 2013Digital Arts & New Media — Selkirk College, Nelson BC, Canada
Download CV — English Descargar CV — Español

(testimonials)

People I've worked with, on the record.

He trabajado con Bárbara en 2 proyectos web y la verdad es que es muy creativa en sus propuestas y muy responsable. Tiene mucha paciencia para explicar las posibilidades y buscar el camino para que la web pueda cumplir con las expectativas de cada proyecto. La recomiendo siempre porque no es fácil encontrar a alguien así para trabajar.

Daniela Prado — Nosotras Audiovisuales

Working with Barb at GIZ was a great experience. She consistently delivered high-quality designs for our renewable energy projects, showing creativity, responsibility, and clear communication. I fully recommend her work.

Ana Almonacid — GIZ

I've worked with Barb Smok for over 10 years. She's a creative, reliable designer who delivers high-quality work on time and responds thoughtfully to feedback. I highly recommend her.

Keith G. Powell — Wild Horse Creek Press

Barb is a delight to work with, and a talented designer with a great breadth of experience in branding, web and print. Highly recommended!

Nathan T. — Breeze Digital

(contact)

Let's design with intention.

barbsmok@gmail.com
© Bárbara Smok — Smok Studio Viña del Mar, Chile