My UI/UX Case Studies at Catena Media

👤 User Personas & Information Architecture

  • Their name, age, likes & hobbies
  • 1st person quote stating their Motivation
  • Needs & Wants
  • Values
  • Fears
The Information Architecture — most of this Figma file is cropped out in protection of NDAs

📊 Live Casino Statistics

The Task

As with all of my major design projects, I used the Design Thinking Process

The Competitor Analysis

The Solution

  • Accessible & Informational
  • Interactive
  • Assuring
  • Accessible & Informational — Larger and bolder font for relevant information
  • Interactive — Sort, filter and an innovative Pin feature
  • Assuring — Header that assures that the information is only minutes or seconds old. Animation to notify the user of the data that’s refreshed as they are veiwing the page.
The first high-fidelity prototype
Proposed sorting animation
  • Cards are tall and therefore require a long scroll on mobile before they get to other information on the page
  • Users can only convinienctly compare two cards at a time. Putting three in each row would only be a minor incremental change.
  • Difference between filter & sort features is not clear
Turns out adding two ideas into one sometimes creates a whole new effect

The End Result

  • integrate the designs to a desktop version;
  • look into hover states and interactions (such as buttons and dropdowns);
  • animate live updates;
  • document each and every functionality for the developers
Mobile version
Desktop version with sticky-on-scroll CTAs

🗓 Tournament Countdowns

I frequently use note-taking app Notion during work to organise my mindset and product-based goal
  • information such as platform and bonus
  • an updated email signup, focusing on alerting the user when the countdown is over rather than simply a newsletter
  • a sticky bar after scrolling past the countdown with a CTA
A Desktop version was developed once the mobile draft was approved

💫 An Out-Of-This-World 404 Page

  • A fun use of our brand mascot
  • Ideally, our mascot in a funny situation
  • Links to popular pages with icons
Desktop and Mobile version of our 404 Page Not Found

Unlisted

--

--

An experienced developer with an eye for design, looking for a chance in a career that marries his technological and artistic sides.

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Samuel Borg

Samuel Borg

An experienced developer with an eye for design, looking for a chance in a career that marries his technological and artistic sides.