Works
Schedule a call
Two boxes
Two Boxes simplifies the complex operational processes for returned products in online shopping. In this project, I was responsible for redesigning their website and creating custom animations to visually explain their intricate service flow.
Two Boxes
Details
Industries
Logistics & E-commerce Technology
My role
Freelance Product Designer
Tools
Figma
•
Rive
•
Miro
•
Framer
Duration
4 mos
Two Boxes - Webpage and Animation Design
Problem
The primary challenges were to modernize Two Boxes' web presence and to find an engaging and clear way to communicate their complex return logistics and service design to potential clients. Their existing website did not effectively convey the value and intricacies of their solution.
Solution
A comprehensive redesign of their web pages, coupled with custom-designed animations created in Figma (using custom drawings) to illustrate their operational flow. A detailed design guideline was also established. The final website was developed in Framer.
Process
Client Collaboration & Briefing
Worked closely with the Two Boxes team to understand their service, target audience, and project goals.
Client feedback and communication examples from the Two Boxes project, showing comments on design mockups.
Web Page Redesign
Conceptualized and designed new layouts for all required web pages, focusing on clarity, user experience, and modern aesthetics.
Redesigned webpage layout for Two Boxes, showing blog and results sections.
Animation Design
Designed and created animations directly in Figma using custom illustrations to visually break down and explain Two Boxes' complex service flow.
Website animation video for Two Boxes, showcasing their ecosystem and service integrations.
Design Guideline Creation
Developed a design guideline detailing the usage of fonts, icons, and color palettes to ensure brand consistency.
A collection of pages from the Two Boxes brand style guide, establishing rules for brand assets like the logo, colors, and fonts.
Responsive Design
Ensured all screen designs were fully responsive across various devices.
Responsive design mockups for the Two Boxes website, showcasing desktop, tablet, and mobile views.
Developer Handof
Prepared and delivered all design files, including detailed animation specifications, to the developers for implementation in Framer.
Step-by-step animation specifications for developers, showing the start and end states of UI components.
Development Support
Collaborated with developers during the Framer development process to ensure accurate execution of the designs and animations.
Image representing the debugging and development support phase, with the Two Boxes website shown alongside its code.
Impact
Enhanced User Experience
The redesigned website effectively translated Two Boxes' intricate service model into an accessible and engaging user experience.
Clear Value Proposition
Custom animations successfully clarified the complex operational flow, enabling potential clients to better understand the value proposition.
Improved Brand Image
The new, modern aesthetic of the web pages received positive feedback and contributed to a more professional brand image.
Foundation for Consistency
The established design guidelines provided a solid foundation for Two Boxes to maintain brand consistency in their future visual communications.
Smooth Development & Design Fidelity
A well-prepared and detailed handoff, along with ongoing support during development, facilitated a smooth transition to the Framer platform and ensured design fidelity in the final product.
Works
Schedule a call
Two boxes
Two Boxes simplifies the complex operational processes for returned products in online shopping. In this project, I was responsible for redesigning their website and creating custom animations to visually explain their intricate service flow.
Two Boxes
Details
Industries
Logistics & E-commerce Technology
My role
Freelance Product Designer
Tools
Figma
•
Rive
•
Miro
•
Framer
Duration
4 mos
Two Boxes - Webpage and Animation Design
Problem
The primary challenges were to modernize Two Boxes' web presence and to find an engaging and clear way to communicate their complex return logistics and service design to potential clients. Their existing website did not effectively convey the value and intricacies of their solution.
Solution
A comprehensive redesign of their web pages, coupled with custom-designed animations created in Figma (using custom drawings) to illustrate their operational flow. A detailed design guideline was also established. The final website was developed in Framer.
Process
Client Collaboration & Briefing
Worked closely with the Two Boxes team to understand their service, target audience, and project goals.
Client feedback and communication examples from the Two Boxes project, showing comments on design mockups.
Web Page Redesign
Conceptualized and designed new layouts for all required web pages, focusing on clarity, user experience, and modern aesthetics.
Redesigned webpage layout for Two Boxes, showing blog and results sections.
Animation Design
Designed and created animations directly in Figma using custom illustrations to visually break down and explain Two Boxes' complex service flow.
Website animation video for Two Boxes, showcasing their ecosystem and service integrations.
Design Guideline Creation
Developed a design guideline detailing the usage of fonts, icons, and color palettes to ensure brand consistency.
A collection of pages from the Two Boxes brand style guide, establishing rules for brand assets like the logo, colors, and fonts.
Responsive Design
Ensured all screen designs were fully responsive across various devices.
Responsive design mockups for the Two Boxes website, showcasing desktop, tablet, and mobile views.
Developer Handof
Prepared and delivered all design files, including detailed animation specifications, to the developers for implementation in Framer.
Step-by-step animation specifications for developers, showing the start and end states of UI components.
Development Support
Collaborated with developers during the Framer development process to ensure accurate execution of the designs and animations.
Image representing the debugging and development support phase, with the Two Boxes website shown alongside its code.
Impact
Enhanced User Experience
The redesigned website effectively translated Two Boxes' intricate service model into an accessible and engaging user experience.
Clear Value Proposition
Custom animations successfully clarified the complex operational flow, enabling potential clients to better understand the value proposition.
Improved Brand Image
The new, modern aesthetic of the web pages received positive feedback and contributed to a more professional brand image.
Foundation for Consistency
The established design guidelines provided a solid foundation for Two Boxes to maintain brand consistency in their future visual communications.
Smooth Development & Design Fidelity
A well-prepared and detailed handoff, along with ongoing support during development, facilitated a smooth transition to the Framer platform and ensured design fidelity in the final product.
Works
Schedule a call
Ekin Aydemir
Product designer
Work experience
2025
Now
Design System & Motion Designer at Midas
2023
2025
Self Employed Product Designer at Duck rocks
2023
2025
Product Designer at bitaksi
2022
2023
Product Designer at Appcent
2019
2022
Freelance Product Designer
Education
2018
2022
Bachelor of Industrial Design at Middle East Technical University
Download CV
Two boxes
Two Boxes simplifies the complex operational processes for returned products in online shopping. In this project, I was responsible for redesigning their website and creating custom animations to visually explain their intricate service flow.
Two Boxes
Details
Industries
Logistics & E-commerce Technology
My role
Freelance Product Designer
Tools
Figma
•
Rive
•
Miro
•
Framer
Duration
4 mos
Two Boxes - Webpage and Animation Design
Problem
The primary challenges were to modernize Two Boxes' web presence and to find an engaging and clear way to communicate their complex return logistics and service design to potential clients. Their existing website did not effectively convey the value and intricacies of their solution.
Solution
A comprehensive redesign of their web pages, coupled with custom-designed animations created in Figma (using custom drawings) to illustrate their operational flow. A detailed design guideline was also established. The final website was developed in Framer.
Process
Client Collaboration & Briefing
Worked closely with the Two Boxes team to understand their service, target audience, and project goals.
Client feedback and communication examples from the Two Boxes project, showing comments on design mockups.
Web Page Redesign
Conceptualized and designed new layouts for all required web pages, focusing on clarity, user experience, and modern aesthetics.
Redesigned webpage layout for Two Boxes, showing blog and results sections.
Animation Design
Designed and created animations directly in Figma using custom illustrations to visually break down and explain Two Boxes' complex service flow.
Website animation video for Two Boxes, showcasing their ecosystem and service integrations.
Design Guideline Creation
Developed a design guideline detailing the usage of fonts, icons, and color palettes to ensure brand consistency.
A collection of pages from the Two Boxes brand style guide, establishing rules for brand assets like the logo, colors, and fonts.
Responsive Design
Ensured all screen designs were fully responsive across various devices.
Responsive design mockups for the Two Boxes website, showcasing desktop, tablet, and mobile views.
Developer Handof
Prepared and delivered all design files, including detailed animation specifications, to the developers for implementation in Framer.
Step-by-step animation specifications for developers, showing the start and end states of UI components.
Development Support
Collaborated with developers during the Framer development process to ensure accurate execution of the designs and animations.
Image representing the debugging and development support phase, with the Two Boxes website shown alongside its code.
Impact
Enhanced User Experience
The redesigned website effectively translated Two Boxes' intricate service model into an accessible and engaging user experience.
Clear Value Proposition
Custom animations successfully clarified the complex operational flow, enabling potential clients to better understand the value proposition.
Improved Brand Image
The new, modern aesthetic of the web pages received positive feedback and contributed to a more professional brand image.
Foundation for Consistency
The established design guidelines provided a solid foundation for Two Boxes to maintain brand consistency in their future visual communications.
Smooth Development & Design Fidelity
A well-prepared and detailed handoff, along with ongoing support during development, facilitated a smooth transition to the Framer platform and ensured design fidelity in the final product.