![](https://framerusercontent.com/images/g8XmlfGFLt9zuxPujlVxQhUnteA.png?scale-down-to=2048)
![](https://framerusercontent.com/images/g8XmlfGFLt9zuxPujlVxQhUnteA.png)
![](https://framerusercontent.com/images/HZAKksvmdfkDww61gcBohRstn8.jpg?scale-down-to=1024)
![](https://framerusercontent.com/images/jXCt9lPMK2mojJ0W6BMfzL6exqQ.jpg?scale-down-to=1024)
![](https://framerusercontent.com/images/HZAKksvmdfkDww61gcBohRstn8.jpg)
![](https://framerusercontent.com/images/HZAKksvmdfkDww61gcBohRstn8.jpg)
![](https://framerusercontent.com/images/KBLQPZL4qoYk1uXG5ADbNnRL4.jpg)
![](https://framerusercontent.com/images/KBLQPZL4qoYk1uXG5ADbNnRL4.jpg)
![](https://framerusercontent.com/images/jXCt9lPMK2mojJ0W6BMfzL6exqQ.jpg)
![](https://framerusercontent.com/images/jXCt9lPMK2mojJ0W6BMfzL6exqQ.jpg)
Schricko©
My portfolio
This portfolio
Branding
Web & Mobile
![](https://framerusercontent.com/images/H2zyNoH0XHTS0gdsUdYq6HXC7g.png)
Product pitch
Schricko© is an iterative Framer design portfolio by me - Max Schricker :). This personal portfolio website was build in an iterative process shown in the following case study - user centric and transparent.
![](https://framerusercontent.com/images/H2zyNoH0XHTS0gdsUdYq6HXC7g.png)
Product pitch
Schricko© is an iterative Framer design portfolio by me - Max Schricker :). This personal portfolio website was build in an iterative process shown in the following case study - user centric and transparent.
![](https://framerusercontent.com/images/H2zyNoH0XHTS0gdsUdYq6HXC7g.png)
Product pitch
Schricko© is an iterative Framer design portfolio by me - Max Schricker :). This personal portfolio website was build in an iterative process shown in the following case study - user centric and transparent.
Overview
![](https://framerusercontent.com/images/vNY64VzqONz3ESxdTlbr8Kh50s.jpeg)
![](https://framerusercontent.com/images/YszdYHlzrOtL8lQurraIYI8yg1U.jpeg?scale-down-to=512)
![](https://framerusercontent.com/images/dam4h9XTqzLe9KKXQOBt5bdM.webp?scale-down-to=512)
![](https://framerusercontent.com/images/cd1nN96iqcGVLWywf8mvtHaFE.jpeg)
![](https://framerusercontent.com/images/xh4S8A2UBiRodUbcGMgKkLnU59Q.jpeg)
![](https://framerusercontent.com/images/xXQCEFf9ydxtBu2kS61mF1YsxU.jpeg)
Schricko© is only as good as the constructive and objective feedback it receives. Therefore the team consists of all the user personas, mentors and experts giving feedback within the process.
Project start
Sep 2023
Hours invested
107h
Industry
Design
Overview
![](https://framerusercontent.com/images/vNY64VzqONz3ESxdTlbr8Kh50s.jpeg)
![](https://framerusercontent.com/images/YszdYHlzrOtL8lQurraIYI8yg1U.jpeg?scale-down-to=512)
![](https://framerusercontent.com/images/dam4h9XTqzLe9KKXQOBt5bdM.webp?scale-down-to=512)
![](https://framerusercontent.com/images/cd1nN96iqcGVLWywf8mvtHaFE.jpeg)
![](https://framerusercontent.com/images/xh4S8A2UBiRodUbcGMgKkLnU59Q.jpeg)
![](https://framerusercontent.com/images/xXQCEFf9ydxtBu2kS61mF1YsxU.jpeg)
Schricko© is only as good as the constructive and objective feedback it receives. Therefore the team consists of all the user personas, mentors and experts giving feedback within the process.
Project start
Sep 2023
Hours invested
107h
Industry
Design
Overview
![](https://framerusercontent.com/images/vNY64VzqONz3ESxdTlbr8Kh50s.jpeg)
![](https://framerusercontent.com/images/YszdYHlzrOtL8lQurraIYI8yg1U.jpeg?scale-down-to=512)
![](https://framerusercontent.com/images/dam4h9XTqzLe9KKXQOBt5bdM.webp?scale-down-to=512)
![](https://framerusercontent.com/images/cd1nN96iqcGVLWywf8mvtHaFE.jpeg)
![](https://framerusercontent.com/images/xh4S8A2UBiRodUbcGMgKkLnU59Q.jpeg)
![](https://framerusercontent.com/images/xXQCEFf9ydxtBu2kS61mF1YsxU.jpeg)
Schricko© is only as good as the constructive and objective feedback it receives. Therefore the team consists of all the user personas, mentors and experts giving feedback within the process.
Project start
Sep 2023
Hours invested
107h
Industry
Design
Current KPIs
2.6k
Overall users
4.2%
Conversion-Rate*
CR*
1m 01s
Time on site
*These KPIs are counted as conversion: Submitted feedback, mentorships or job / freelance contracts.
Current KPIs
2.6k
Overall users
4.2%
Conversion-Rate*
1m 01s
Time on site
*These KPIs are counted as conversion: Submitted feedback, mentorships or job / freelance contracts.
These were the…
Portfolio milestones
Problem & idea
Research
Design & development
Testing
Iteration & next steps
These were the…
Portfolio milestones
Problem & idea
Research
Design & development
Testing
Iteration & next steps
These were the…
Portfolio milestones
Problem & idea
Research
Design & development
Testing
Iteration & next steps
Chapter 1
Problem & Idea
![](https://framerusercontent.com/images/5Z8v52qhYA5LMbPVOFdRY7GSe9I.png?scale-down-to=2048)
After after investigating 50 design portfolios, I realised that not even one designer chose to publish a portfolio case study. In a design world with a lot of good templates and AI support I saw a gap for my portfolio idea: An iterative and agile portfolio à la Design Thinking.
Chapter 1
Problem & Idea
![](https://framerusercontent.com/images/5Z8v52qhYA5LMbPVOFdRY7GSe9I.png?scale-down-to=2048)
After after investigating 50 design portfolios, I realised that not even one designer chose to publish a portfolio case study. In a design world with a lot of good templates and AI support I saw a gap for my portfolio idea: An iterative and agile portfolio à la Design Thinking.
Chapter 1
Problem & Idea
![](https://framerusercontent.com/images/5Z8v52qhYA5LMbPVOFdRY7GSe9I.png?scale-down-to=2048)
After after investigating 50 design portfolios, I realised that not even one designer chose to publish a portfolio case study. In a design world with a lot of good templates and AI support I saw a gap for my portfolio idea: An iterative and agile portfolio à la Design Thinking.
The concept
Build, test, iterate & improve this portfolio Schricko©. The result and most important milestones are documented in this case study and on social media.
![](https://framerusercontent.com/images/NUR90NFKw0PNhohwt0MhTQOl9g.png)
![](https://framerusercontent.com/images/NUR90NFKw0PNhohwt0MhTQOl9g.png)
The concept
Build, test, iterate & improve this portfolio Schricko©. The result and most important milestones are documented in this case study and on social media.
![](https://framerusercontent.com/images/NUR90NFKw0PNhohwt0MhTQOl9g.png)
Chapter 2
Research
![](https://framerusercontent.com/images/5Z8v52qhYA5LMbPVOFdRY7GSe9I.png?scale-down-to=2048)
Regarding design portfolios I haven't been able to find some scientific sources. In order to fill this gap and define the user personas for design portfolios, I organised interviews, user test and feedback sessions as part of the first Schricko© BETA and then defined the following user personas.
Chapter 2
Research
![](https://framerusercontent.com/images/5Z8v52qhYA5LMbPVOFdRY7GSe9I.png?scale-down-to=2048)
Regarding design portfolios I haven't been able to find some scientific sources. In order to fill this gap and define the user personas for design portfolios, I organised interviews, user test and feedback sessions as part of the first Schricko© BETA and then defined the following user personas.
Chapter 2
Research
![](https://framerusercontent.com/images/5Z8v52qhYA5LMbPVOFdRY7GSe9I.png?scale-down-to=2048)
Regarding design portfolios I haven't been able to find some scientific sources. In order to fill this gap and define the user personas for design portfolios, I organised interviews, user test and feedback sessions as part of the first Schricko© BETA and then defined the following user personas.
Personas
A total of 3 different user personas were defined based on this research:
Personas
A total of 3 different user personas were defined based on this research:
Recruiter
![](https://framerusercontent.com/images/RIgEI9S4O2apnNjSETvWDFuCgds.png)
![](https://framerusercontent.com/images/RIgEI9S4O2apnNjSETvWDFuCgds.png)
Recruiter
![](https://framerusercontent.com/images/RIgEI9S4O2apnNjSETvWDFuCgds.png)
Lead / Senior Product Designer
![](https://framerusercontent.com/images/9Dord8dpUOYxeQy4qWB11Xc2M.png)
![](https://framerusercontent.com/images/9Dord8dpUOYxeQy4qWB11Xc2M.png)
Lead / Senior Product Designer
![](https://framerusercontent.com/images/9Dord8dpUOYxeQy4qWB11Xc2M.png)
Junior Product Designer
![](https://framerusercontent.com/images/miF1Set0Wwvrvkx5upA4ulfr7nY.png)
![](https://framerusercontent.com/images/miF1Set0Wwvrvkx5upA4ulfr7nY.png)
Junior Product Designer
![](https://framerusercontent.com/images/miF1Set0Wwvrvkx5upA4ulfr7nY.png)
Chapter 3
Design & Development
![](https://framerusercontent.com/images/5Z8v52qhYA5LMbPVOFdRY7GSe9I.png?scale-down-to=2048)
Keep it simple with a v0.1 Beta MVP and make it special over the time in an iterative process with user feedback and different v1.0, v2.0, v3.0…live versions!
Chapter 3
Design & Development
![](https://framerusercontent.com/images/5Z8v52qhYA5LMbPVOFdRY7GSe9I.png?scale-down-to=2048)
Keep it simple with a v0.1 Beta MVP and make it special over the time in an iterative process with user feedback and different v1.0, v2.0, v3.0…live versions!
Chapter 3
Design & Development
![](https://framerusercontent.com/images/5Z8v52qhYA5LMbPVOFdRY7GSe9I.png?scale-down-to=2048)
Keep it simple with a v0.1 Beta MVP and make it special over the time in an iterative process with user feedback and different v1.0, v2.0, v3.0…live versions!
v0.1
For the MVP and to set the foundation for the first applications, I started with the framer template Athos and implemented my content of the previous projects.
v0.1
For the MVP and to set the foundation for the first applications, I started with the framer template Athos and implemented my content of the previous projects.
![](https://framerusercontent.com/images/e7poWOoCLhNGmDzTXHc1uT0HYZg.png)
![](https://framerusercontent.com/images/e7poWOoCLhNGmDzTXHc1uT0HYZg.png)
![](https://framerusercontent.com/images/e7poWOoCLhNGmDzTXHc1uT0HYZg.png)
v1.0 - Current version
Several ADPList session, user-tests and expert interviews with the target audience and the user personas later, I was able to publish the first official live version - v1.0! Design changes were made based on the research, Nielsen heuristics and UX laws.
v1.0 - Current version
Several ADPList session, user-tests and expert interviews with the target audience and the user personas later, I was able to publish the first official live version - v1.0! Design changes were made based on the research, Nielsen heuristics and UX laws.
![](https://framerusercontent.com/images/AhY7jXLhMlpeL78VNMCgnMAy6wU.png)
![](https://framerusercontent.com/images/AhY7jXLhMlpeL78VNMCgnMAy6wU.png)
![](https://framerusercontent.com/images/AhY7jXLhMlpeL78VNMCgnMAy6wU.png)
Chapter 4
Testing
![](https://framerusercontent.com/images/5Z8v52qhYA5LMbPVOFdRY7GSe9I.png?scale-down-to=2048)
For the testing and I decided to choose a mix-method approach, starting with a qualitative testing in the BETA followed by KPI-based data analysis and a survey with the LIVE Version.
Chapter 4
Testing
![](https://framerusercontent.com/images/5Z8v52qhYA5LMbPVOFdRY7GSe9I.png?scale-down-to=2048)
For the testing and I decided to choose a mix-method approach, starting with a qualitative testing in the BETA followed by KPI-based data analysis and a survey with the LIVE Version.
Chapter 4
Testing
![](https://framerusercontent.com/images/5Z8v52qhYA5LMbPVOFdRY7GSe9I.png?scale-down-to=2048)
For the testing and I decided to choose a mix-method approach, starting with a qualitative testing in the BETA followed by KPI-based data analysis and a survey with the LIVE Version.
Qualitative testing
![](https://framerusercontent.com/images/5Z8v52qhYA5LMbPVOFdRY7GSe9I.png?scale-down-to=2048)
I chose a 3-step user testing with a pre-session, the tasks and the post-session stage to get divers information from the traget audience.
Qualitative testing
![](https://framerusercontent.com/images/5Z8v52qhYA5LMbPVOFdRY7GSe9I.png?scale-down-to=2048)
I chose a 3-step user testing with a pre-session, the tasks and the post-session stage to get divers information from the traget audience.
Takeaways
![](https://framerusercontent.com/images/cd1nN96iqcGVLWywf8mvtHaFE.jpeg)
"I saw the case studies and the designs when I opened the portfolio. I think this is a really good portfolio."
![](https://framerusercontent.com/images/YszdYHlzrOtL8lQurraIYI8yg1U.jpeg?scale-down-to=1024)
"There are some elements I have never seen. Please, add more pictures and relevant content to the case studies."
![](https://framerusercontent.com/images/dam4h9XTqzLe9KKXQOBt5bdM.webp)
"Interesting idea on another meta level. But, build an own case study on the website about the project.""
![](https://framerusercontent.com/images/YszdYHlzrOtL8lQurraIYI8yg1U.jpeg?scale-down-to=1024)
"There are some elements I have never seen. Please, add more pictures and relevant content to the case studies."
![](https://framerusercontent.com/images/dam4h9XTqzLe9KKXQOBt5bdM.webp)
"Interesting idea on another meta level. But, build an own case study on the website about the project.""
8.5 / 10
Score
100%
Task completion
33%*
Concept-Understanding
Concept?
*currently improving
*improved
Takeaways
![](https://framerusercontent.com/images/cd1nN96iqcGVLWywf8mvtHaFE.jpeg)
"I saw the case studies and the designs when I opened the portfolio. I think this is a really good portfolio."
![](https://framerusercontent.com/images/YszdYHlzrOtL8lQurraIYI8yg1U.jpeg?scale-down-to=1024)
"There are some elements I have never seen. Please, add more pictures and relevant content to the case studies."
![](https://framerusercontent.com/images/dam4h9XTqzLe9KKXQOBt5bdM.webp)
"Interesting idea on another meta level. But, build an own case study on the website about the project.""
![](https://framerusercontent.com/images/YszdYHlzrOtL8lQurraIYI8yg1U.jpeg?scale-down-to=1024)
"There are some elements I have never seen. Please, add more pictures and relevant content to the case studies."
![](https://framerusercontent.com/images/dam4h9XTqzLe9KKXQOBt5bdM.webp)
"Interesting idea on another meta level. But, build an own case study on the website about the project.""
8.5 / 10
Score
100%
Task completion
33%*
Concept-Understanding
*currently improving
Data analysis
![](https://framerusercontent.com/images/5Z8v52qhYA5LMbPVOFdRY7GSe9I.png?scale-down-to=2048)
The first quantitative data is available in the framer backend, through their in-house tracking and analysis system. Also Google analytics was implemented in the website to track the usage and make further design decisions.
Data analysis
![](https://framerusercontent.com/images/5Z8v52qhYA5LMbPVOFdRY7GSe9I.png?scale-down-to=2048)
The first quantitative data is available in the framer backend, through their in-house tracking and analysis system. Also Google analytics was implemented in the website to track the usage and make further design decisions.
Since release - Nov 23
![](https://framerusercontent.com/images/LoF1lgA9UxWqAP99DdS1z4GsXHI.png?scale-down-to=1024)
![](https://framerusercontent.com/images/LoF1lgA9UxWqAP99DdS1z4GsXHI.png?scale-down-to=1024)
2.6k
Users
25
Leads
11
Conversion
*These KPIs are counted as conversion: Submitted feedback, mentorships or job / freelance contracts.
Since release - Nov 23
![](https://framerusercontent.com/images/LoF1lgA9UxWqAP99DdS1z4GsXHI.png?scale-down-to=1024)
2.6k
Users
25
Leads
11
Conversion
*These KPIs are counted as conversion: Submitted feedback, mentorships or job / freelance contracts.
Chapter 5
Iteration & next steps
![](https://framerusercontent.com/images/5Z8v52qhYA5LMbPVOFdRY7GSe9I.png?scale-down-to=2048)
A designer's biggest problem is maintaining their own portfolio. My goal is to continue working on it regularly, maintaining it and improving it based on feedback.
Chapter 5
Iteration & next steps
![](https://framerusercontent.com/images/5Z8v52qhYA5LMbPVOFdRY7GSe9I.png?scale-down-to=2048)
A designer's biggest problem is maintaining their own portfolio. My goal is to continue working on it regularly, maintaining it and improving it based on feedback.
Chapter 5
Iteration & next steps
![](https://framerusercontent.com/images/5Z8v52qhYA5LMbPVOFdRY7GSe9I.png?scale-down-to=2048)
A designer's biggest problem is maintaining their own portfolio. My goal is to continue working on it regularly, maintaining it and improving it based on feedback.
This will happen next!
Roadmap
Quantitative Research: Survey
Tracking & Analytics
Quantitative Research: Focus group
This will happen next!
Roadmap
Quantitative Research: Survey
Tracking & Analytics
Quantitative Research: Focus group
This will happen next!
Roadmap
Quantitative Research: Survey
Tracking & Analytics
Quantitative Research: Focus group
Other live projects
Other live projects
Conia©
B2B
SaaS
Product
The Conia app is an internal SaaS product for employees of medium sized-companies.
Conia® case study
![](https://framerusercontent.com/images/3WXCJnUiHVUuMrJcWtKVthemKw.png)
![](https://framerusercontent.com/images/69S257xwhtOBkzSEPgucP1jhfg.png)
![](https://framerusercontent.com/images/wusMgg7RH5aXkS8U8VLzw66tpmQ.png)
Conia©
B2B
SaaS
Product
The Conia app is an internal SaaS product for employees of medium sized-companies.
Conia® case study
![](https://framerusercontent.com/images/3WXCJnUiHVUuMrJcWtKVthemKw.png)
![](https://framerusercontent.com/images/69S257xwhtOBkzSEPgucP1jhfg.png)
![](https://framerusercontent.com/images/wusMgg7RH5aXkS8U8VLzw66tpmQ.png)
Conia©
B2B
SaaS
Product
The Conia app is an internal SaaS product for employees of medium sized-companies.
Conia® case study
![](https://framerusercontent.com/images/3WXCJnUiHVUuMrJcWtKVthemKw.png)
![](https://framerusercontent.com/images/69S257xwhtOBkzSEPgucP1jhfg.png)
![](https://framerusercontent.com/images/wusMgg7RH5aXkS8U8VLzw66tpmQ.png)
Smalr®️
B2C
Product
App
Smalr®️ is an AI-based app that personalises nutrition planning.
Smalr®️case study
![](https://framerusercontent.com/images/If8sPd4Z0i3fk6yvOw8lR1i748.png)
![](https://framerusercontent.com/images/A9kUQvGHeXmI10DU0RFU8hf4Pzs.png)
![](https://framerusercontent.com/images/gOdEPf1KlC2w4J6VGM9iE2N2o.png)
Smalr®️
B2C
Product
App
Smalr®️ is an AI-based app that personalises nutrition planning.
Smalr®️case study
![](https://framerusercontent.com/images/If8sPd4Z0i3fk6yvOw8lR1i748.png)
![](https://framerusercontent.com/images/A9kUQvGHeXmI10DU0RFU8hf4Pzs.png)
![](https://framerusercontent.com/images/gOdEPf1KlC2w4J6VGM9iE2N2o.png)
Smalr®️
B2C
Product
App
Smalr®️ is an AI-based app that personalises nutrition planning.
Smalr®️case study
![](https://framerusercontent.com/images/If8sPd4Z0i3fk6yvOw8lR1i748.png)
![](https://framerusercontent.com/images/A9kUQvGHeXmI10DU0RFU8hf4Pzs.png)
![](https://framerusercontent.com/images/gOdEPf1KlC2w4J6VGM9iE2N2o.png)
CheckYourDate©
B2C
App
Product
This game helps couples, friends or dates to better get to know each other in a 1 to 1 setting.
![](https://framerusercontent.com/images/OsbKyHmBWbPRg0JP3vEIg1Yh2S0.png)
![](https://framerusercontent.com/images/IdAqGP7eXDg5IrIhS4LuQiFg.png)
![](https://framerusercontent.com/images/XLD1JJeE4seX95GTJLmi4OTy34.png)
![](https://framerusercontent.com/images/2GlnBLIdNJLZ3BkiV68UuRTHeQ.png)
CheckYourDate©
B2C
App
Product
This game helps couples, friends or dates to better get to know each other in a 1 to 1 setting.
![](https://framerusercontent.com/images/OsbKyHmBWbPRg0JP3vEIg1Yh2S0.png)
![](https://framerusercontent.com/images/IdAqGP7eXDg5IrIhS4LuQiFg.png)
![](https://framerusercontent.com/images/XLD1JJeE4seX95GTJLmi4OTy34.png)
![](https://framerusercontent.com/images/2GlnBLIdNJLZ3BkiV68UuRTHeQ.png)
CheckYourDate©
B2C
App
Product
This game helps couples, friends or dates to better get to know each other in a 1 to 1 setting.
![](https://framerusercontent.com/images/OsbKyHmBWbPRg0JP3vEIg1Yh2S0.png)
![](https://framerusercontent.com/images/IdAqGP7eXDg5IrIhS4LuQiFg.png)
![](https://framerusercontent.com/images/XLD1JJeE4seX95GTJLmi4OTy34.png)
![](https://framerusercontent.com/images/2GlnBLIdNJLZ3BkiV68UuRTHeQ.png)
Bytabo®️ Design System
Design System
Figma
Setting up an agencies design system with Figma (Design) and Storybook (Dev).
Company website
![](https://framerusercontent.com/images/rrHLtarGulSptxecKS8UmrocsU.webp)
Bytabo®️ Design System
Design System
Figma
Setting up an agencies design system with Figma (Design) and Storybook (Dev).
Company website
![](https://framerusercontent.com/images/rrHLtarGulSptxecKS8UmrocsU.webp)
Bytabo®️ Design System
Design System
Figma
Setting up an agencies design system with Figma (Design) and Storybook (Dev).
Company website
![](https://framerusercontent.com/images/rrHLtarGulSptxecKS8UmrocsU.webp)
![Goran Babarogic Product UX Designer](https://framerusercontent.com/images/iojVdc3SJrDpqSmc4ibje7KAtE.jpg)
Interested in working together?
Let's have a call…but don't forget the coffee!
![Goran Babarogic Product UX Designer](https://framerusercontent.com/images/iojVdc3SJrDpqSmc4ibje7KAtE.jpg)
Interested in working together?
Let's have a call…but don't forget the coffee!
Legal
Imprint
Data privacy