Sony

Challenge

Build the hero parallax on the home view of the Sony PlayStation Now store without any animation specs.

Approach

Carefully studied the hero parallax on the PS4 Sony PlayStation store and observed how elements moved in response to user interaction.

Solution

• Used CSS animations with carefully tuned Bézier curves to create a smooth parallax effect.
• Wrote JavaScript to coordinate the timing of interdependent animations.
• Implemented a lightweight Pub/Sub system to keep the parallax and side-menu animations in sync.

Outcome

Delivered a slick, performant hero parallax that met the design team's standards.

Challenge

Ensure the UX was solid across the product.

Approach

Collaborated with other engineers on the store navigation, game listings, and game detail UI.

Solution

• Implemented CSS and animations for these areas.
• Worked with team members to identify and fix UX issues during implementation.

Outcome

Delivered a solid UX experience across the product.

Challenge

Ensure that styling, animations and UX matched the design team's expectations.

Approach

Spearheaded CSS and animation implementation, collaborating with design teams in San Francisco and Tokyo.

Solution

• Analyzed design specifications in detail to capture even the smallest nuances.
• Wrote the majority of the store's CSS and tested the UI thoroughly with an eye for detail.
• Proactively addressed implementation issues and consulted with design teams for feedback.
• Coordinated with designers across offices to ensure alignment with specifications.

Outcome

Shipped a polished product that met the design team's expectations and standards.