SONY playstation
TL;DR / Summary.
Domestic & General and Sony collaborated on Register My PS4, a subsidiary website promoting PS4 protection policies. I designed the UI to mirror PlayStation’s branding, studying the PS4 site closely and applying Sony’s assets, typography, colours, and signature design elements. The four-page site (Home, Protection Policy, Make a Claim, Contact Us) followed UX best practices despite limited wireframing.
After content refinement and internal reviews, Sony approved the designs. I prepared assets, guided developers on interactions, and completed front-end reviews during testing. The project launched successfully after Sony’s final approval.
The Brief.
Domestic & General partnered with Sony to offer a protection policy for PlayStation 4 owners. To promote the product, they launched the Register My PS4 project; a subsidiary website within the PlayStation domain where customers could learn about the policy, get a quote, purchase cover, and make claims. The site had to fully align with PlayStation’s branding to guarantee a seamless transition from the main PS4 site. Designed for desktop and mobile, the site would include four pages: Home, Protection Policy, Make a Claim, and Contact Us. Once requirements were validated, teams were assigned tasks through a project map.
UI Conceptualisation.
​
​​Although detailed wireframes were deprioritised, UX best practices and collaboration with UX designers still guided the UI. I studied the PS4 site in detail to understand its layout, typography, colour usage, imagery treatment, and signature design motifs. Sky's brand assets, along with their style guide, were to be understood and correctly applied to the site's design.
Current iteration of Playstation's UI
After collaborating with the Senior Content Writer, we refined and shaped the approved content so it matched PlayStation’s tone of voice and gaming themes. This allowed me to structure the UI around real content.
​
The home page mirrored PlayStation’s header styling, with the only addition being Domestic & General’s logo. The hero section incorporated Sony’s supplied imagery, placed within a step mask and paired with PlayStation-branded content containers, typography, gradients, and CTAs. The iconic â–³ O X â–¡ symbols separated page sections, intended to animate as they do on Sony’s site. Below this, a three-column layout highlighted the three main pages, using PS4 iconography and shadow effects. The footer featured Domestic & General’s legal requirements but maintained PlayStation’s aesthetic.
​
The remaining pages followed a similar structure: PlayStation-style heroes, relevant product imagery, clearly segmented content, and alternating layouts inspired by PS4’s grid system. The Protection Policy page showcased benefits using PS4-styled iconography; Contact Us used accordion interactions; Make a Claim featured a full-width banner to reinforce the product offering and included a dedicated claims-journey section.
​
Once the first UI round was complete, designs were reviewed with Content, Development, Legal, and UI teams. After revisions, all teams approved the work and Sony provided final sign-off to begin development.
Finalised designs of Register My PS4
Development.
UI designs were uploaded to InVision for developer inspection. I prepped high-resolution assets, SVG icons, and the required PlayStation typefaces. I also demonstrated expected behaviours—including the animated â–³ O X â–¡ symbols, accordions, hover states, and hero carousel.
​
During development, I acted as a UI consultant, answering questions and reviewing built components as they were completed. Once development wrapped, the Testing Team examined the site for functional, usability, and behavioural issues. I performed a front-end review to address discrepancies between the coded interface and the approved UI.
​
After final refinements, Sony approved the build, and the Register My PS4 site successfully launched.