Web Social

Creating a Unified Social Experience Across Platforms

While working on the PlayStation App redesign, I simultaneously led the PlayStation Web Social project to ensure a cohesive social experience across mobile and web. The challenge was to unify the fragmented messaging and social interactions on PlayStation Network (PSN) while maintaining consistency across different platforms.

Key Goals

  • Establish a shared visual ecosystem across PlayStation’s mobile and web experiences.

  • Streamline social interactions, including messaging, group chats, and media sharing.

  • Improve the usability and discoverability of social features to increase engagement.

Research

  • Audited existing PSN social features on web and mobile, identifying inconsistencies and usability pain points.

  • Mapped out the most common user flows, such as starting a conversation, sharing media, and managing groups.

  • Conducted stakeholder workshops to align on a cross-platform vision for PlayStation Social.

Ideation

  • Created wireframes and interaction models that supported a seamless experience between web and mobile.

  • Designed a modular message system, allowing users to send text, voice recordings, images, and links.

  • Implemented cross-platform group chat features, ensuring consistent experiences regardless of device.

  • Developed responsive layouts to support various screen sizes while maintaining usability.

Integration with PS App

  • Collaborated closely with the PlayStation App team to establish shared components, such as avatars, chat bubbles, and UI patterns.

  • Standardized navigation structures and social feature placements across web and mobile to create a familiar experience for users.

  • Ensured real-time synchronization between the app and web versions, so users could switch seamlessly between platforms.

Key Learnings

  • A unified design system improved efficiency across teams and ensured consistency between web and mobile.

  • Users valued a frictionless cross-platform experience, making it easier to stay connected regardless of device.

  • Close collaboration between web and mobile teams allowed for more efficient resource sharing and faster iteration cycles.

 

related projects