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
2.1 — UI Component Design System

Scaling Restaurant UI Libraries

One of the most time-intensive parts of my role was building and maintaining localized UI screen libraries for marketing — across multiple devices, languages, and product updates.

For the Restaurant POS product, I built a Figma-based component system designed to solve two problems: the initial build took too long, and as the product evolved, keeping every screen library updated was nearly impossible to do manually.

The system is built on main components. Enter content once per locale, and it flows through to every screen that inherits from that component — across all devices and screen types. When the product UI changes or a new feature launches, updates propagate automatically rather than requiring a manual rebuild of every screen.

Walkthrough — Restaurant POS UI Component Design System in Figma

Figma Component systems Localization Design at scale
2.2 — CMS Design System

Public Web Template and Module Library

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 is part of my daily workflow — improving speed, consistency, and output quality across production. I stay current with what's developing in this space, and yes, this portfolio was vibe-coded. I'm actively experimenting with Claude, Figma Make, and Sites. These tools are genuinely exciting, but working with them has only made it clearer: AI needs a talented designer's eye to do anything worth looking at.

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 Digital Designer based in Oakland, CA, with 7+ 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.

Outside of work, I'm usually hiking somewhere in California with my dog, cooking, trying the cool new restaurant, 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.