CASE STUDY: DESIGNING A MODEL PORTFOLIO
CASE STUDY: DESIGNING A MODEL PORTFOLIO
CASE STUDY: DESIGNING A MODEL PORTFOLIO
CASE STUDY: DESIGNING A MODEL PORTFOLIO
The goal of this project was to design a sleek and professional portfolio website for Marta, a model specializing in brand campaigns. The website needed to showcase her versatility, professionalism, and work in a way that captured the attention of potential clients. However, the journey was far from straightforward, presenting unique challenges that pushed me to adapt and refine the design process.
The goal of this project was to design a sleek and professional portfolio website for Marta, a model specializing in brand campaigns. The website needed to showcase her versatility, professionalism, and work in a way that captured the attention of potential clients. However, the journey was far from straightforward, presenting unique challenges that pushed me to adapt and refine the design process.
The goal of this project was to design a sleek and professional portfolio website for Marta, a model specializing in brand campaigns. The website needed to showcase her versatility, professionalism, and work in a way that captured the attention of potential clients. However, the journey was far from straightforward, presenting unique challenges that pushed me to adapt and refine the design process.
RESEARCH
RESEARCH
RESEARCH
To ensure the website met both client and audience expectations, I conducted extensive research into model portfolio trends and user behavior. I analyzed similar websites to identify effective design patterns and gathered insights on how potential clients browse and engage with model portfolios. This research informed decisions about layout, navigation, and visual hierarchy, ensuring the site was both visually appealing and functional.
To ensure the website met both client and audience expectations, I conducted extensive research into model portfolio trends and user behavior. I analyzed similar websites to identify effective design patterns and gathered insights on how potential clients browse and engage with model portfolios. This research informed decisions about layout, navigation, and visual hierarchy, ensuring the site was both visually appealing and functional.
To ensure the website met both client and audience expectations, I conducted extensive research into model portfolio trends and user behavior. I analyzed similar websites to identify effective design patterns and gathered insights on how potential clients browse and engage with model portfolios. This research informed decisions about layout, navigation, and visual hierarchy, ensuring the site was both visually appealing and functional.
DESIGN
DESIGN
DESIGN
The design of Marta's portfolio website focuses on a clean, modern aesthetic that highlights her work and versatility as a model. With bold visuals, minimal typography, and an intuitive layout, the site ensures a seamless user experience while showcasing her brand in a professional and captivating way.
The design of Marta's portfolio website focuses on a clean, modern aesthetic that highlights her work and versatility as a model. With bold visuals, minimal typography, and an intuitive layout, the site ensures a seamless user experience while showcasing her brand in a professional and captivating way.
The design of Marta's portfolio website focuses on a clean, modern aesthetic that highlights her work and versatility as a model. With bold visuals, minimal typography, and an intuitive layout, the site ensures a seamless user experience while showcasing her brand in a professional and captivating way.
Before
Before
Before
I used a component that was connect to mouse movement but realised that this will not work on mobile.
I used a component that was connect to mouse movement but realised that this will not work on mobile.
You get a glimps of the portfolio through the animation but you also have the option to view more and move to a page wheere you can scroll through the images
After
After
I changed the whole look but kept an element of animation and movement.
I changed the whole look but kept an element of animation and movement.
CHALLENGES
CHALLENGES
CHALLENGES
At the outset, the brief was to design a web-based portfolio that aligned with Marta’s personal brand and resonated with her target audience. However, during initial discussions and research, it became apparent that a mobile-friendly version of the website was also essential, as most of her potential clients were browsing on mobile devices. This required a shift in focus and redesigning components to work seamlessly across both platforms.
One of the standout design elements, a dynamic component effect, worked beautifully on desktop but proved incompatible with mobile layouts. This realization led me back to the drawing board to conceptualize a responsive design that preserved the website’s visual appeal and interactivity across all devices.
At the outset, the brief was to design a web-based portfolio that aligned with Marta’s personal brand and resonated with her target audience. However, during initial discussions and research, it became apparent that a mobile-friendly version of the website was also essential, as most of her potential clients were browsing on mobile devices. This required a shift in focus and redesigning components to work seamlessly across both platforms.
One of the standout design elements, a dynamic component effect, worked beautifully on desktop but proved incompatible with mobile layouts. This realization led me back to the drawing board to conceptualize a responsive design that preserved the website’s visual appeal and interactivity across all devices.
At the outset, the brief was to design a web-based portfolio that aligned with Marta’s personal brand and resonated with her target audience. However, during initial discussions and research, it became apparent that a mobile-friendly version of the website was also essential, as most of her potential clients were browsing on mobile devices. This required a shift in focus and redesigning components to work seamlessly across both platforms.
One of the standout design elements, a dynamic component effect, worked beautifully on desktop but proved incompatible with mobile layouts. This realization led me back to the drawing board to conceptualize a responsive design that preserved the website’s visual appeal and interactivity across all devices.
Before
Before
Before
I made an about page where the image was big and one the right side of the screen, and used one font.
I made an about page where the image was big and one the right side of the screen, and used one font.
I made an about page where the image was big and one the right side of the screen, and used one font.
After
After
After
The about page is not scrollable from the landing page, image is a bit smaller and on the left side. I've also used two differernt fonts which highlighted the qoute.
The about page is not scrollable from the landing page, image is a bit smaller and on the left side. I've also used two differernt fonts which highlighted the qoute.
The about page is not scrollable from the landing page, image is a bit smaller and on the left side. I've also used two differernt fonts which highlighted the qoute.
ROADBLOCKS
ROADBLOCKS
ROADBLOCKS
Another significant challenge was the availability of quality visuals. Marta initially provided limited and inconsistent photos, often screenshots or low-resolution images. To move forward, I sourced placeholder images from her online profiles and existing work until she could provide high-quality photos. This iterative approach ensured progress while allowing for updates when better assets became available.
Additionally, Marta didn’t hand-select the images she wanted featured. As a result, after presenting initial designs, she frequently requested changes but struggled to articulate her vision for those updates. This required patience and collaboration to refine the site’s content, balancing her feedback with my expertise to achieve a cohesive final product.
Another significant challenge was the availability of quality visuals. Marta initially provided limited and inconsistent photos, often screenshots or low-resolution images. To move forward, I sourced placeholder images from her online profiles and existing work until she could provide high-quality photos. This iterative approach ensured progress while allowing for updates when better assets became available.
Additionally, Marta didn’t hand-select the images she wanted featured. As a result, after presenting initial designs, she frequently requested changes but struggled to articulate her vision for those updates. This required patience and collaboration to refine the site’s content, balancing her feedback with my expertise to achieve a cohesive final product.
Another significant challenge was the availability of quality visuals. Marta initially provided limited and inconsistent photos, often screenshots or low-resolution images. To move forward, I sourced placeholder images from her online profiles and existing work until she could provide high-quality photos. This iterative approach ensured progress while allowing for updates when better assets became available.
Additionally, Marta didn’t hand-select the images she wanted featured. As a result, after presenting initial designs, she frequently requested changes but struggled to articulate her vision for those updates. This required patience and collaboration to refine the site’s content, balancing her feedback with my expertise to achieve a cohesive final product.
Before
I used a component that was connect to mouse movement but realised that this will not work on mobile.
After
Install the Figma plugin and you’re ready to convert your designs to a responsive site.
Before
Before
Before
The portfolio had its own page. simple scrollable with images big enough they didnt have a "single view" option.
The portfolio had its own page. simple scrollable with images big enough they didnt have a "single view" option.
The portfolio had its own page. simple scrollable with images big enough they didnt have a "single view" option.
The portfolio had its own page. simple scrollable with images big enough they didnt have a "single view" option.
After
You get a glimps of the portfolio through the animation but you also have the option to view more and move to a page wheere you can scroll through the images
You get a glimps of the portfolio through the animation but you also have the option to view more and move to a page wheere you can scroll through the images
After
You get a glimps of the portfolio through the animation but you also have the option to view more and move to a page wheere you can scroll through the images
After
Install the Figma plugin and you’re ready to convert your designs to a responsive site.
After
I changed the whole look but kept an element of animation and movement.
After
Install the Figma plugin and you’re ready to convert your designs to a responsive site.
user-friendliness
user-friendliness
user-friendliness
Creating a user-friendly design was a top priority throughout the project. I focused on intuitive navigation, clear visual hierarchy, and a responsive layout to ensure a seamless experience across devices. The website’s clean design allows visitors to easily explore Marta’s portfolio while keeping the focus on her work. By incorporating accessible design principles, the site is not only visually appealing but also functional for a wide range of users.
Creating a user-friendly design was a top priority throughout the project. I focused on intuitive navigation, clear visual hierarchy, and a responsive layout to ensure a seamless experience across devices. The website’s clean design allows visitors to easily explore Marta’s portfolio while keeping the focus on her work. By incorporating accessible design principles, the site is not only visually appealing but also functional for a wide range of users.
Creating a user-friendly design was a top priority throughout the project. I focused on intuitive navigation, clear visual hierarchy, and a responsive layout to ensure a seamless experience across devices. The website’s clean design allows visitors to easily explore Marta’s portfolio while keeping the focus on her work. By incorporating accessible design principles, the site is not only visually appealing but also functional for a wide range of users.
SUMMARY
SUMMARY
SUMMARY
Through a combination of research, adaptability, and open communication, I created a responsive portfolio website that effectively showcases Marta’s work. By redesigning the component effect for mobile and using thoughtful layouts, I ensured the site remained visually captivating across devices. I also implemented a flexible content structure, making it easier to update and refine the imagery as new assets became available.
Through a combination of research, adaptability, and open communication, I created a responsive portfolio website that effectively showcases Marta’s work. By redesigning the component effect for mobile and using thoughtful layouts, I ensured the site remained visually captivating across devices. I also implemented a flexible content structure, making it easier to update and refine the imagery as new assets became available.
Through a combination of research, adaptability, and open communication, I created a responsive portfolio website that effectively showcases Marta’s work. By redesigning the component effect for mobile and using thoughtful layouts, I ensured the site remained visually captivating across devices. I also implemented a flexible content structure, making it easier to update and refine the imagery as new assets became available.
OUTCOME
OUTCOME
OUTCOME
The final website is a professional and user-friendly portfolio that highlights Marta’s unique style and versatility. Despite the challenges, the project delivered a responsive, visually stunning design that aligns with her brand and meets the expectations of her audience. The iterative process and problem-solving throughout this project underscore the importance of flexibility and collaboration in design.
The final website is a professional and user-friendly portfolio that highlights Marta’s unique style and versatility. Despite the challenges, the project delivered a responsive, visually stunning design that aligns with her brand and meets the expectations of her audience. The iterative process and problem-solving throughout this project underscore the importance of flexibility and collaboration in design.
The final website is a professional and user-friendly portfolio that highlights Marta’s unique style and versatility. Despite the challenges, the project delivered a responsive, visually stunning design that aligns with her brand and meets the expectations of her audience. The iterative process and problem-solving throughout this project underscore the importance of flexibility and collaboration in design.
Connect to Content
Add layers or components to infinitely loop on your page.
FOLLOW ME
CURRENT LOCATION
GMT (+7)
GMT (+7)
Phone
UAE
+971 506302418
GE
+995 571246029
EMAIL me
Kodaeddy04@gmail.com
Kodaeddy04@gmail.com
©2024 KODA EDDY
GO BACK TO TOP
©2024 KODA EDDY
GO BACK TO TOP
©2024 KODA EDDY
GO BACK TO TOP
©2024 KODA EDDY
GO BACK TO TOP