Creative Portfolio

Julie Oseka

Production Design  ·  Motion  ·  Design Systems

View my work
Scroll
Project 01 — Squareup.com · Q4 2025

Square
Homepage

Square's homepage is the front door for millions of global sellers. I was the sole Production Designer on a full redesign focused on improving conversion across international markets.

I built and shipped the majority of the page in Contentful, owned all UI motion, and led localization.

My Role
Production Designer
Team
Visual Designer, Copywriter, Design Technologist
Tools
Figma · Contentful · Rive · PS
Stakeholders
So many.

I'll explore this project from three different angles

1.1 The Full Page: page assembly, asset production, and the overall responsive build across desktop, tablet, and mobile
1.2 UI Motion Design: I created 5 Rive localized animations in the page's Point of Sale section, showing Square's software in action
1.3 Localization at Scale: scaled a single experience across multiple markets and languages, adapting content and design for regional relevance.
1.1 — The Full Page

Page Assembly & Responsive Production

Once designs and copy were finalized, I led production across desktop, tablet, and mobile. I partnered with Design Technologists on complex interactions, and built the remaining site in CMS.

I handled all asset production — including localized imagery, video, and animation — and ensured everything was optimized, responsive, and performance-ready across breakpoints.

The page is still live. Visit Squareup.com if you'd like to see it in person. If you'd prefer to stay here, there's a full video walkthrough of the live site attached.

Full homepage walkthrough, screen recording of the live Squareup.com

Figma production file showing all page slices and assets

Figma PD working file, asset slices across breakpoints and locales

Production Figma File

A page is never just a page.

I built and maintained a highly structured production file to support asset generation at scale across breakpoints and locales.

Assets were modular, systematically named, and optimized for reuse across Contentful, Box, and Figma — making updates faster and enabling other teams to self-serve when needed.

Desktop 1440px
Desktop · 1440px
Tablet 768px
Tablet · 768px
Mobile 390px
Mobile · 390px

Outcome. The US page launched, was A/B tested, and the results were strong enough to drive expansion into international markets.

+20%
Get Started CTR
+11%
Signup Conversion
+5%
Top-of-Funnel Rate
4
Markets expanded to
Figma Contentful Photoshop Responsive production Asset slicing CMS page building
1.2 — Motion Design

Show, Don't Tell

I owned all homepage motion end-to-end, creating 5 UI animations in Rive to demonstrate key product workflows.

I worked directly with product teams across POS, Payroll, Marketing, Banking, and Integrations to source accurate UI, then simplified and adapted flows for clarity and speed.

Each animation was designed to make complex software feel intuitive, using subtle motion and interaction patterns that mirrored real user behavior.

Animation desktop
Desktop
Animation tablet
Tablet
Animation mobile
Mobile

Showing UI for 5 Product Verticals

1
Point of Sale: completing a café transaction
2
Payroll & Team: shift scheduling and payroll
3
Marketing & Loyalty: loyalty program setup
4
Banking: fund access, savings, loans
5
App Integrations: Square's partner ecosystem
Rive Figma UX/UI Motion design
1.3 — Localization at Scale

One Page. Eight Markets. Eleven Languages.

Localization was one of the most complex parts of working for a global company. I owned it end-to-end, from coordinating translations and adapting assets, to running QA with native speakers to make sure each experience felt right for that market, not just translated.

US English
US English squareup.com/us/en
US Spanish
US Spanish squareup.com/us/es
Canada French
Canada French squareup.com/ca/fr

More than translation

French and Spanish copy expands 20–30% compared to English, which means layouts have to flex without breaking — through manual line breaks, shortened headlines, and adapted component choices per locale.

US EN US ES CA EN CA FR
Copy Food + Beverage Alimentos + Bebidas Food + Beverage Aliments et Boissons
Tax Tax 9% Impuesto 9% HST 15% TPS/TVQ 15%
Currency $21.56 $21.56 $21.56 21,56 $
Date MM/DD/YYYY MM/DD/YYYY YYYY/MM/DD YYYY/MM/DD
Design systems Figma Localization workflow
Project 02 — Design Systems · 2025–2026

Building the
Infrastructure

A big part of my work at Square wasn't just building pages — it was building the systems that made page building faster and more consistent for everyone.

That meant maintaining a company-wide UI component library in Figma, and owning a reusable template and module library in Contentful that any team could pick up and use without starting from scratch.

My Role
Foundational Production Design DRI
Scope
Company-wide
Tools
Figma · Contentful · Notion

I maintained a reusable template and module library in Contentful to support scalable web production. The system provided pre-built, on-brand components that allowed teams to create pages quickly and consistently, without starting from scratch.

I worked closely with the Design Systems team to test components and ensure alignment with the Figma library, then owned the library in Contentful — keeping it up to date, production-ready, and easy to use.

This reduced build times by 50% and lowered the barrier to entry for teams working in a complex CMS, enabling faster and more consistent output across the company.

Public Web Template and Module Library

Public Web Template & Module Library, an internal tool for all builders at Square

Impact

50%
Faster builds
Reduced
Duplicate work
Lowered
Barrier to entry
Automate
Structured, AI-ready systems
Figma Component library Testing & QA
Project 03 — AI Tooling · 2025–2026

Scaling Production
with AI-Assisted Workflows

I explored how AI could scale web production, partnering closely with engineers to shape and refine an internal page-building tool.

This work started with testing AI, and quickly shifted toward making it reliable, repeatable, and usable in real production workflows.

My Role
AI Product Contributor; created onboarding documentation and trained team members.
Tools
Contentful · Slack · Internal AI tool
What AI unlocked for production

AI enabled us to automate the creation of 100 SEO programmatic landing pages, dramatically reducing production time and manual effort.

This freed up time for higher-impact work: handling ad hoc tickets, exploring new AI workflows, and spending more time on creative problem-solving.

I tested real scenarios, resolving edge cases, and helping define workflows the broader team could adopt.

Once it was in a stable place, I created onboarding documentation and trained other Production Designers so the team could effectively use the tool and scale its impact.

Bakery and coffee shop prices Salon and barber shop prices Automotive service prices

3 of 100 programmatic landing pages. Click to visit the live pages

Since we're on the topic...

AI was part of my daily workflow, used to improve speed, consistency, and output quality across production. And yes, I vibe-coded this portfolio. So many learnings.

AI in my day-to-day

01 AI-assisted asset generation and editing (Figma, Photoshop)
02 Automated page building workflows (Contentful + internal tools)
03 Scripted UI compositing to reduce manual production work
04 Batch image compression and optimization
05 AI-assisted documentation and cross-team communication
06 Automated Slack summaries to track fast-moving projects
AI tooling Contentful Documentation
Capabilities

Design & Motion

  • Figma
  • Rive
  • Adobe Illustrator
  • Adobe Photoshop
  • Adobe InDesign

Systems & Production

  • Design systems
  • Component libraries
  • Responsive asset production
  • Localization at scale
  • CMS page building

Platforms

  • Contentful
  • Jira / Asana
  • Notion / Coda
  • G Suite / Slack / Box

Other

  • Documentation
  • Recruiting, interviewing, and team training
  • AI-assisted workflows
  • Organizing and hosting company get-togethers and events
About
Julie Oseka

Julie Oseka

I'm a Production Designer based in Oakland, CA, with 6+ years of experience working on high-traffic web and marketing experiences.

I've spent most of that time at Square, where I worked on everything from global homepage redesigns to building systems that help teams move faster — template libraries, localization workflows, and AI-assisted production tools.

My path into this work wasn't linear. Before design, I spent much of my adult life working in the food and beverage industry. That experience shaped how I think about design in a big way. I understand how much small details matter, how fast things move, and how much small businesses rely on tools that just work.

I tend to do my best work on fast-moving, collaborative teams, especially when I'm learning something new or helping bring structure to something messy.

Outside of work, I'm usually hiking somewhere in California with my dog, cooking, practicing Spanish, or finding live music.

Status
Open to new opportunities · Oakland, CA
Last role
Production Designer, Block (formerly Square) · 2020–2026
Education
BA Advertising, UNL · Graphic Design Certificate, CCSF

Let's chat.