Home

About

Contact

Let's Talk !

👋 It's Faris, Your product design partner!

Transforming Ideas into Stunning Digital Experiences

Transforming Ideas into Stunning Digital Experiences

Welcome to my portfolio, where creativity intersects with functionality. Building a product can be challenging, requiring a deep understanding of user needs and market demands. Here, you'll find my work that showcases intuitive interaction design strategies, demonstrating how I transform ideas into effective solutions that enhance your brand.

  • RESTOCK BAY 2

    Reese’s Puffs

    1849717920309

    Bay 2 shelf (2:1)

    Planogram

    Realogram

    Wrong item

    Mark Done

    95%

    Post-compliance

  • RESTOCK BAY 2

    Reese’s Puffs

    1849717920309

    Bay 2 shelf (2:1)

    Planogram

    Realogram

    Wrong item

    Mark Done

    95%

    Post-compliance

Valuable partner means a lot

Store Intelligence (Ai powered)

Helping Store Intelligence replace paper planograms, with goal of making new industry standards togather.

Helping Store Intelligence replace paper planograms, with goal of making new industry standards togather.

CodeScene wanted to improve the look and feel of their product, reduce the time it takes users to complete tasks, reduce UI complexity and provide an intuitive experience for the user. This project called for a deeply collaborative process based on a highly embedded agency-client partnership extending beyond the traditional boundaries of service delivery. This type of engagement set the stage for success as it enabled Motiff to gain deep knowledge about the product and gave a sense of ownership over delivering great user experiences.

Planogram

BAY 1

Realogram

BAY 1

Restock at

Bay 1 shelf (5:1)

9:41

Mon Jun 6

100%

Back

Out of stock

Wheaties

1893717610309

Bay 1 shelf (5:1)

I didn’t stock this

I stocked this

Swipe to switch Item

Planogram

Planogram

BAY 1

BAY 1

Realogram

Realogram

BAY 1

BAY 1

Restock at

Restock at

Bay 1 shelf (5:1)

Bay 1 shelf (5:1)

9:41

9:41

Mon Jun 6

Mon Jun 6

100%

100%

Back

Back

Out of stock

Out of stock

Wheaties

Wheaties

1893717610309

1893717610309

Bay 1 shelf (5:1)

Bay 1 shelf (5:1)

I didn’t stock this

I didn’t stock this

I stocked this

I stocked this

Swipe to switch Item

Swipe to switch Item

Planogram

Planogram

BAY 1

BAY 1

Realogram

Realogram

BAY 1

BAY 1

Restock at

Restock at

Bay 1 shelf (5:1)

Bay 1 shelf (5:1)

Item List

Item List

145 Items

145 Items

Filter by: Out of stock

Filter by: Out of stock

Wheaties

Wheaties

1893717610309

1893717610309

Bay 1 shelf (5:1)

Bay 1 shelf (5:1)

I didn’t stock this

I didn’t stock this

I stocked this

I stocked this

Lucky Charms

Lucky Charms

1893717610309

1893717610309

Bay 1 shelf (5:1)

Bay 1 shelf (5:1)

I didn’t stock this

I didn’t stock this

I stocked this

I stocked this

KiX Family size

KiX Family size

1893717610309

1893717610309

Bay 1 shelf (5:1)

Bay 1 shelf (5:1)

I didn’t stock this

I didn’t stock this

I stocked this

I stocked this

KiX Family size

KiX Family size

1893717610309

1893717610309

Bay 1 shelf (5:1)

Bay 1 shelf (5:1)

Item List

Item List

I didn’t stock this

I didn’t stock this

I stocked this

I stocked this

9:41

9:41

Mon Jun 6

Mon Jun 6

100%

100%

Back

Back

Out of stock

Out of stock

CodeScene (Code Analysis tool)

Helped CodeScene to enhance the experience for its users while also driving progress toward business goals and KPIs.

Helped CodeScene to enhance the experience for its users while also driving progress toward business goals and KPIs.

CodeScene wanted to improve the look and feel of their product, reduce the time it takes users to complete tasks, reduce UI complexity and provide an intuitive experience for the user. This project called for a deeply collaborative process based on a highly embedded agency-client partnership extending beyond the traditional boundaries of service delivery. This type of engagement set the stage for success as it enabled Motiff to gain deep knowledge about the product and gave a sense of ownership over delivering great user experiences.

Code Health

Code Health

Programming Language

Programming Language

Defects

Defects

Costs

Costs

Refactoring Targets

Refactoring Targets

Hotspots

Hotspots

File-level Hotspots

File-level Hotspots

Dashboard

Dashboard

File-Level Hotspots

File-Level Hotspots

Code Health

Code Health

Back to Projects

Back to Projects

Dashboard

Dashboard

CodeHealth

CodeHealth

Knowledge Distribution

Knowledge Distribution

Team-Code Alignment

Team-Code Alignment

Delivery

Delivery

Scope

Scope

Goals

Goals

Architecture

Architecture

System

System

Global pages

Global pages

Plans

Plans

Configuration

Configuration

Documentation

Documentation

Teams

Teams

Tutorials

Tutorials

AdoHodzic

AdoHodzic

MOTIFF

MOTIFF

Aggregated Metrics

Aggregated Metrics

2,023

2,023

Number of files

Number of files

160,920 Lines of Code

160,920 Lines of Code

Total Size

Total Size

7.54

7.54

Code Health, Average

Code Health, Average

1.20

1.20

Code Health, Worst Performer

Code Health, Worst Performer

23 (154) Commits

23 (154) Commits

Change Frequency, Avg. (Max)

Change Frequency, Avg. (Max)

1 (88) % Abandoned Code

1 (88) % Abandoned Code

Knowledge Loss, Avg. (Max)

Knowledge Loss, Avg. (Max)

CS-Main

CS-Main

Packages

Packages

Components

Components

Commit frequency filter: 0 commits

Commit frequency filter: 0 commits

Code Health Range

Code Health Range

9.9

9.9

Search by filename

Search by filename

Filter

Filter

Packages

Packages

Healthy

Healthy

Attention

Attention

Alert

Alert

No score

No score

Team:

Team:

Growth Team

Growth Team

8.8

8.8

Hotspot code health

Hotspot code health

Healthy

Healthy

Hotspots are the files with most development activity. Even a minor amount of technical debt in a hotspot will become expensive due to the high development activity. Aim for green code: hotspots are generally the most important parts of the codebase.

Hotspots are the files with most development activity. Even a minor amount of technical debt in a hotspot will become expensive due to the high development activity. Aim for green code: hotspots are generally the most important parts of the codebase.

View Hotspots

View Hotspots

Team:

Team:

Growth Team

Growth Team

6.7

6.7

Average code health

Average code health

Problematic

Problematic

The weighted average health of all the files in the codebase. This metric indicates how deep any potential code health issues go.

The weighted average health of all the files in the codebase. This metric indicates how deep any potential code health issues go.

Explore Codebase

Explore Codebase

Team:

Team:

Growth Team

Growth Team

2.4

2.4

Worst performer

Worst performer

Unhealthy

Unhealthy

The lowest code health score measured in the codebase. Points out long-term risks that you need to be aware of if the low performer is worked on.

The lowest code health score measured in the codebase. Points out long-term risks that you need to be aware of if the low performer is worked on.

View Worst Files

View Worst Files

Average Code Health

Average Code Health

6.5

6.5

3.5%

3.5%

Hotspot Code Health

Hotspot Code Health

5.6

5.6

2.2%

2.2%

Worst Performer

Worst Performer

2.2

2.2

2.2%

2.2%

13 Jan, 2021 - 13 Dec 2022

13 Jan, 2021 - 13 Dec 2022

Team:

Team:

Growth Team

Growth Team

CodeHealth Score Evolution

CodeHealth Score Evolution

Find Truck Service

Connect your site to the most popular apps out there.

Telemeet

Connect your site to the most popular apps out there.

Millions

Connect your site to the most popular apps out there.

iMajstor

Connect your site to the most popular apps out there.

Service

Designing tools

with a long shelf life

Designing tools

with a long shelf life

For 10 years I've helped companies explore the next best big idea or reconsider where value lies today. I use research and prototyping to break tunnel vision thinking, steer future focus or design impactful things within current systems.

Discovery

Informed decisions build the best products. I help you be informed about what customers want to see, what's a baseline (minimum lovable product) that makes them want to use it and think of future scenarios you might not have considered.

Value reimagining

Sometimes new value is in dots not yet connected. A new way you talk about a feature customers use differently than imagined, refining a sentence to address previously unknown needs, changing the presented story. I help you sweat the details.

Fast-Track Delivery

From concept to Figma design, and on to Webflow or Framer projects, I deliver results. I'll keep you updated every 48 hours to ensure your project stays on track. I help evaluate and pivot a feature into a v2 while keeping the day to day delivery going.

Delivering experience

Web apps

Designing interfaces for SaaS, dashboards, and products.

Mobile Apps

Creating enjoyable mobile experiences for iOS, Android, and hybrid apps.

Mobile Apps

Creating enjoyable mobile experiences for iOS, Android, and hybrid apps.

Design System

Delivered scalable design systems for 20+ products across SaaS, mobile, and complex platforms.

Get in touch

Get in touch

Talking is the best way

Talking is the best way

Talking is the best way to explore how I can help you with your ideas. I'm open to any new email or an informal coffee meet in 2025. As long we find something interesting for us to explore and build — Let's talk.

Book a 20min call

Mesanovic.faris@outlook.com

© 2025 Faris Mešanović

Sarajevo: Moderate rain 09:44 AM

Let's Talk!