CASE STUDY: Marta Anakva
CASE STUDY: Marta Anakva
CASE STUDY: Marta Anakva
CASE STUDY: Marta Anakva
Marta Anakva is a model specialising in brand campaigns. She needed a portfolio site that could communicate her versatility and professionalism to potential clients at a glance. I designed and built the full site in Framer — a clean, image-led experience built around her work. The site is live at martaanakva.framer.website.
Marta Anakva is a model specialising in brand campaigns. She needed a portfolio site that could communicate her versatility and professionalism to potential clients at a glance. I designed and built the full site in Framer — a clean, image-led experience built around her work. The site is live at martaanakva.framer.website.
Marta Anakva is a model specialising in brand campaigns. She needed a portfolio site that could communicate her versatility and professionalism to potential clients at a glance. I designed and built the full site in Framer — a clean, image-led experience built around her work. The site is live at martaanakva.framer.website.
RESEARCH
RESEARCH
RESEARCH
I researched how casting directors, brand managers, and potential clients browse model portfolios — understanding that decisions are made fast, images need to load immediately, and contact information needs to be one tap away. Competitor analysis of model portfolio sites shaped the layout and navigation priorities.
I researched how casting directors, brand managers, and potential clients browse model portfolios — understanding that decisions are made fast, images need to load immediately, and contact information needs to be one tap away. Competitor analysis of model portfolio sites shaped the layout and navigation priorities.
I researched how casting directors, brand managers, and potential clients browse model portfolios — understanding that decisions are made fast, images need to load immediately, and contact information needs to be one tap away. Competitor analysis of model portfolio sites shaped the layout and navigation priorities.
DESIGN
DESIGN
DESIGN
The design is intentionally restrained — bold imagery, minimal typography, and a layout structured so that Marta's photos carry every page. The hierarchy is simple: arrive, see the work, understand who she is, get in touch. Nothing competes with the photography.
The design is intentionally restrained — bold imagery, minimal typography, and a layout structured so that Marta's photos carry every page. The hierarchy is simple: arrive, see the work, understand who she is, get in touch. Nothing competes with the photography.
The design is intentionally restrained — bold imagery, minimal typography, and a layout structured so that Marta's photos carry every page. The hierarchy is simple: arrive, see the work, understand who she is, get in touch. Nothing competes with the photography.
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
The initial design included a dynamic mouse-movement component that worked beautifully on desktop but broke entirely on mobile — where most of Marta's potential clients were browsing. Rather than compromise the mobile experience, I redesigned the interaction to preserve the sense of movement and animation while working seamlessly across all screen sizes. The Before/After comparisons below show the key iteration points.
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 different 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 different 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 different fonts which highlighted the qoute.
PROCESS
PROCESS
PROCESS
Working with limited and inconsistent assets early on, I sourced placeholder images from Marta's existing online presence to keep the project moving — building the full design system before the final photography was available. This approach meant that when quality assets arrived, they slotted straight into a finished framework without requiring structural changes. Refining the final image selection required several rounds of collaborative feedback, using my design expertise to guide decisions when Marta found it difficult to articulate her preferences.
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 didn't have a "single view" option.
The portfolio had its own page. simple scrollable with images big enough they didn't have a "single view" option.
The portfolio had its own page. simple scrollable with images big enough they didn't have a "single view" option.
After
You get a glimpse of the portfolio through the animation but you also have the option to view more and move to a page where you can scroll through the images
You get a glimpse of the portfolio through the animation but you also have the option to view more and move to a page where 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
Marta launched with a site that positions her professionally for brand campaign work — image-led, fast, and easy for clients to navigate on any device. The iterative Before/After design process, documented here, shows how the project evolved from initial concept to a responsive final build that works as well on mobile as it does on desktop.
Marta launched with a site that positions her professionally for brand campaign work — image-led, fast, and easy for clients to navigate on any device. The iterative Before/After design process, documented here, shows how the project evolved from initial concept to a responsive final build that works as well on mobile as it does on desktop.
Marta launched with a site that positions her professionally for brand campaign work — image-led, fast, and easy for clients to navigate on any device. The iterative Before/After design process, documented here, shows how the project evolved from initial concept to a responsive final build that works as well on mobile as it does on desktop.
more work more work
FOLLOW ME
CURRENT LOCATION
GMT (+4)
GMT (+4)
Phone
UAE
+971 506302418
EMAIL me
Kodaeddy04@gmail.com
Kodaeddy04@gmail.com
KODA EDDY
GO BACK TO TOP
KODA EDDY
GO BACK TO TOP