2022 - Website

SportsMortem

SportsMortem is a premier sports analytics platform offering comprehensive insights into T20 cricket leagues worldwide. Through meticulous analysis and detailed statistics, it unravels the hidden game, providing fans and professionals alike with invaluable insights into their favourite teams and players.

Problem

- Website Experience's overall experience
- cohesive Branding
- Accessibility
- Responsiveness
- Cohesive Vision with a Futuristic Expansion Plan

The solution

- Simple navigation
- Improve layout and design
- Develop cohesive brand identity               
- Consistent visual elements
- Creative brand integration
- Accessibility in texts
- Responsive web design

01. Research
Competitive analysis

FiveThirtyEight

- Provides statistical analysis and predictions for games.
- Features statistical analysis, predictions, and data visualization.
- Clean design with interactive charts and tables.
- Offers filters and customization tools for exploring data.
- Targets sports fans and data enthusiasts interested in statistical analysis.

The Hundred 

- Offers information about a specific cricket team participating in The Hundred tournament.
- Focuses on team details, player profiles, and tournament updates.
- Modern layout with match highlights and player interviews.
- Includes match highlights, social media integration, and fan engagement features.
- Caters to cricket fans, families, and younger audiences following The Hundred tournament.

Existing old website
user feedback

- 🏏Team data are not grouped together
- 🔁 Data repetition
- ❗Font confusion between 8 and 0
- 😵 Button mot clear in its function
-📊 Data representations are not clear in in formation
- ℹ️ Too much info in one page

02. Explore and Iterate
Information architecture

- The old information architecture lacked divisions, causing search difficulties and data redundancy.

- The new Information Architecture is structured into smaller sections, improving navigation and reducing redundancy.

- Sections like team data, player data, Overview and comparisons are now more accessible and manageable.

Existing Information Architecture
New Information Architecture
Sketches

Created rough sketches to visualize the new screens.

components and icons

Designed components for easy implementation, including:

- Simple tables for structured data display
- UI cards for better visual hierarchy
- Indicator bars for progress tracking
- Tabs for seamless navigation
- Custom icons for intuitive interaction

Low-Fi screens

Developed simple wireframes to ensure:

- Clear communication between developers during meetings.
- Easy understanding of layout and functionality.
- A base for developing Hi-Fi designs later.

03. Branding
Colour system

The Material design theme and its tokens are primarily adjusted to fit the website's concept.

Tone

Tone: Formal

Utilize precise terminology, maintain neutrality, present data with clarity.

Style: Modern and minimal

To ensure effective communication, it is important to maintain focus, prioritize simplicity, emphasize clarity, and highlight key points.

04. Solution - Screens
Coming soon

landing page before the launch of the website.

Landing page

The landing page holds all leagues and latest news for navigation.

The burger menu leads to individual leagues, making it easy to access them from anywhere.

UI cards

For match predictions and fixtures providing quick glimpse about the match win probability.

Responsive design

One design to fit all the devices so that the data could be accessed on any device.

Table design

The table design presents information in a minimal and clear format, helping users easily understand:
- Win projects and progress tracking
- Table standings for quick comparisons
- Player stats with key insights

infographics design

To condense complex information into visually engaging formats, easier understanding for users, making data-driven insights more accessible and memorable.

Light mode design

Using light mode in design to enhance accessibility and readability for users, especially in well-lit environments or for individuals with visual impairments.