JC IMPEX is an Argentinian company dedicated to the commercialization of agro-food products. When I first met the team, their digital and visual identity hadn’t been updated in over two decades. Their website was outdated, difficult to navigate, and no longer reflected the professionalism or scale of the company.
The project involved a complete rebranding and website redesign, with the goal of revitalizing their visual identity and creating a modern digital presence aligned with the company’s current vision and values.
JC IMPEX is an Argentinian company dedicated to the commercialization of agro-food products. When I first met the team, their digital and visual identity hadn’t been updated in over two decades. Their website was outdated, difficult to navigate, and no longer reflected the professionalism or scale of the company.
The project involved a complete rebranding and website redesign, with the goal of revitalizing their visual identity and creating a modern digital presence aligned with the company’s current vision and values.
THE CHALLENGE
Identifying Key Pain Points
Identifying Key
Pain Points
1
Outdated Branding: The visual identity felt obsolete and inconsistent across materials, failing to represent the company’s growth and professionalism.
1
Outdated Branding: The visual identity felt obsolete and inconsistent across materials, failing to represent the company’s growth and professionalism.
1
Outdated Branding: The visual identity felt obsolete and inconsistent across materials, failing to represent the company’s growth and professionalism.
2
Ineffective Website: The old site, built on WordPress over 20 years ago, had poor usability, minimal content structure, and no responsive design.
2
Ineffective Website: The old site, built on WordPress over 20 years ago, had poor usability, minimal content structure, and no responsive design.
2
Ineffective Website: The old site, built on WordPress over 20 years ago, had poor usability, minimal content structure, and no responsive design.
3
Lack of Cohesive Communication: There was no unified graphic system, manual, or brand guidelines to ensure visual consistency across platforms.
3
Lack of Cohesive Communication: There was no unified graphic system, manual, or brand guidelines to ensure visual consistency across platforms.
3
Lack of Cohesive Communication: There was no unified graphic system, manual, or brand guidelines to ensure visual consistency across platforms.
4
Low Digital Impact: JC IMPEX’s online presence did not attract new clients nor communicate trust and expertise to potential partners.
4
Low Digital Impact: JC IMPEX’s online presence did not attract new clients nor communicate trust and expertise to potential partners.
4
Low Digital Impact: JC IMPEX’s online presence did not attract new clients nor communicate trust and expertise to potential partners.
THE SOLUTION
REBRANDING AND new LANDING PAGE
REBRANDING AND
new LANDING PAGE
Branding
The new identity reflects JC IMPEX’s values of trust, quality, and global projection through a clean geometric logo and a refreshed color palette. A complete brand book was created to ensure consistent application across all platforms, from printed materials to digital communications.
Branding
The new identity reflects JC IMPEX’s values of trust, quality, and global projection through a clean geometric logo and a refreshed color palette. A complete brand book was created to ensure consistent application across all platforms, from printed materials to digital communications.
Website
The new landing page built in Framer focuses on clarity, structure, and a fluid user experience. Animations developed in Jitter bring subtle motion and depth, reinforcing a dynamic and contemporary brand personality.
Website
The new landing page built in Framer focuses on clarity, structure, and a fluid user experience. Animations developed in Jitter bring subtle motion and depth, reinforcing a dynamic and contemporary brand personality.
JC IMPEX's Brand Book
JC IMPEX's Brand Book
REAL PRODUCT IN ACTION
FROM DESIGN TO FUNCTIONAL EXPERIENCE
THE DESIGN PROCESS
From concept to completion
1. Client Meeting & Discovery
The project began with an in-depth meeting with the client to understand their history, goals, and the limitations of their current branding and website. This step helped define clear objectives for the rebranding.
2. Research & Inspiration
I analyzed the existing visual identity and gathered design references from similar industries. This stage helped set the creative direction for both the branding and website aesthetics.
3. Logo Design
Based on the brand’s core values — reliability, precision, and innovation — I designed a new logotype that feels timeless and versatile. The simplicity and geometric structure reflect the technical nature of their work.
4. Brand System & Manual
Once the logo was approved, I developed a complete brand manual that included color palette, typography, graphic applications, and usage guidelines to ensure consistent implementation.
5. Website Analysis & Wireframing
Before redesigning, I analyzed the old website to identify usability flaws and content gaps. Then I created wireframes that prioritized clarity and navigation simplicity.
6.Visual Design & Prototyping
I translated the approved wireframes into a modern, minimalist interface, aligned with the new branding. Each section was designed to communicate trust, technology, and precision.
7. Development in Framer
I built the site directly in Framer, ensuring high visual fidelity and responsiveness. Motion effects created in Jitter were integrated to give the interface life and smooth transitions.
1. Client Meeting & Discovery
The project began with an in-depth meeting with the client to understand their history, goals, and the limitations of their current branding and website. This step helped define clear objectives for the rebranding.
2. Research & Inspiration
I analyzed the existing visual identity and gathered design references from similar industries. This stage helped set the creative direction for both the branding and website aesthetics.
3. Logo Design
Based on the brand’s core values — reliability, precision, and innovation — I designed a new logotype that feels timeless and versatile. The simplicity and geometric structure reflect the technical nature of their work.
4. Brand System & Manual
Once the logo was approved, I developed a complete brand manual that included color palette, typography, graphic applications, and usage guidelines to ensure consistent implementation.
5. Website Analysis & Wireframing
Before redesigning, I analyzed the old website to identify usability flaws and content gaps. Then I created wireframes that prioritized clarity and navigation simplicity.
6.Visual Design & Prototyping
I translated the approved wireframes into a modern, minimalist interface, aligned with the new branding. Each section was designed to communicate trust, technology, and precision.
7. Development in Framer
I built the site directly in Framer, ensuring high visual fidelity and responsiveness. Motion effects created in Jitter were integrated to give the interface life and smooth transitions.
1. Client Meeting & Discovery
The project began with an in-depth meeting with the client to understand their history, goals, and the limitations of their current branding and website. This step helped define clear objectives for the rebranding.
2. Research & Inspiration
I analyzed the existing visual identity and gathered design references from similar industries. This stage helped set the creative direction for both the branding and website aesthetics.
3. Logo Design
Based on the brand’s core values — reliability, precision, and innovation — I designed a new logotype that feels timeless and versatile. The simplicity and geometric structure reflect the technical nature of their work.
4. Brand System & Manual
Once the logo was approved, I developed a complete brand manual that included color palette, typography, graphic applications, and usage guidelines to ensure consistent implementation.
5. Website Analysis & Wireframing
Before redesigning, I analyzed the old website to identify usability flaws and content gaps. Then I created wireframes that prioritized clarity and navigation simplicity.
6.Visual Design & Prototyping
I translated the approved wireframes into a modern, minimalist interface, aligned with the new branding. Each section was designed to communicate trust, technology, and precision.
7. Development in Framer
I built the site directly in Framer, ensuring high visual fidelity and responsiveness. Motion effects created in Jitter were integrated to give the interface life and smooth transitions.
1. Client Meeting & Discovery
The project began with an in-depth meeting with the client to understand their history, goals, and the limitations of their current branding and website. This step helped define clear objectives for the rebranding.
2. Research & Inspiration
I analyzed the existing visual identity and gathered design references from similar industries. This stage helped set the creative direction for both the branding and website aesthetics.
3. Logo Design
Based on the brand’s core values — reliability, precision, and innovation — I designed a new logotype that feels timeless and versatile. The simplicity and geometric structure reflect the technical nature of their work.
4. Brand System & Manual
Once the logo was approved, I developed a complete brand manual that included color palette, typography, graphic applications, and usage guidelines to ensure consistent implementation.
5. Website Analysis & Wireframing
Before redesigning, I analyzed the old website to identify usability flaws and content gaps. Then I created wireframes that prioritized clarity and navigation simplicity.
6.Visual Design & Prototyping
I translated the approved wireframes into a modern, minimalist interface, aligned with the new branding. Each section was designed to communicate trust, technology, and precision.
7. Development in Framer
I built the site directly in Framer, ensuring high visual fidelity and responsiveness. Motion effects created in Jitter were integrated to give the interface life and smooth transitions.
1. Client Meeting & Discovery
The project began with an in-depth meeting with the client to understand their history, goals, and the limitations of their current branding and website. This step helped define clear objectives for the rebranding.
2. Research & Inspiration
I analyzed the existing visual identity and gathered design references from similar industries. This stage helped set the creative direction for both the branding and website aesthetics.
3. Logo Design
Based on the brand’s core values — reliability, precision, and innovation — I designed a new logotype that feels timeless and versatile. The simplicity and geometric structure reflect the technical nature of their work.
4. Brand System & Manual
Once the logo was approved, I developed a complete brand manual that included color palette, typography, graphic applications, and usage guidelines to ensure consistent implementation.
5. Website Analysis & Wireframing
Before redesigning, I analyzed the old website to identify usability flaws and content gaps. Then I created wireframes that prioritized clarity and navigation simplicity.
6.Visual Design & Prototyping
I translated the approved wireframes into a modern, minimalist interface, aligned with the new branding. Each section was designed to communicate trust, technology, and precision.
7. Development in Framer
I built the site directly in Framer, ensuring high visual fidelity and responsiveness. Motion effects created in Jitter were integrated to give the interface life and smooth transitions.
1. Client Meeting & Discovery
The project began with an in-depth meeting with the client to understand their history, goals, and the limitations of their current branding and website. This step helped define clear objectives for the rebranding.
2. Research & Inspiration
I analyzed the existing visual identity and gathered design references from similar industries. This stage helped set the creative direction for both the branding and website aesthetics.
3. Logo Design
Based on the brand’s core values — reliability, precision, and innovation — I designed a new logotype that feels timeless and versatile. The simplicity and geometric structure reflect the technical nature of their work.
4. Brand System & Manual
Once the logo was approved, I developed a complete brand manual that included color palette, typography, graphic applications, and usage guidelines to ensure consistent implementation.
5. Website Analysis & Wireframing
Before redesigning, I analyzed the old website to identify usability flaws and content gaps. Then I created wireframes that prioritized clarity and navigation simplicity.
6.Visual Design & Prototyping
I translated the approved wireframes into a modern, minimalist interface, aligned with the new branding. Each section was designed to communicate trust, technology, and precision.
7. Development in Framer
I built the site directly in Framer, ensuring high visual fidelity and responsiveness. Motion effects created in Jitter were integrated to give the interface life and smooth transitions.
1. Client Meeting & Discovery
The project began with an in-depth meeting with the client to understand their history, goals, and the limitations of their current branding and website. This step helped define clear objectives for the rebranding.
2. Research & Inspiration
I analyzed the existing visual identity and gathered design references from similar industries. This stage helped set the creative direction for both the branding and website aesthetics.
3. Logo Design
Based on the brand’s core values — reliability, precision, and innovation — I designed a new logotype that feels timeless and versatile. The simplicity and geometric structure reflect the technical nature of their work.
4. Brand System & Manual
Once the logo was approved, I developed a complete brand manual that included color palette, typography, graphic applications, and usage guidelines to ensure consistent implementation.
5. Website Analysis & Wireframing
Before redesigning, I analyzed the old website to identify usability flaws and content gaps. Then I created wireframes that prioritized clarity and navigation simplicity.
6.Visual Design & Prototyping
I translated the approved wireframes into a modern, minimalist interface, aligned with the new branding. Each section was designed to communicate trust, technology, and precision.
7. Development in Framer
I built the site directly in Framer, ensuring high visual fidelity and responsiveness. Motion effects created in Jitter were integrated to give the interface life and smooth transitions.
1. Client Meeting & Discovery
The project began with an in-depth meeting with the client to understand their history, goals, and the limitations of their current branding and website. This step helped define clear objectives for the rebranding.
2. Research & Inspiration
I analyzed the existing visual identity and gathered design references from similar industries. This stage helped set the creative direction for both the branding and website aesthetics.
3. Logo Design
Based on the brand’s core values — reliability, precision, and innovation — I designed a new logotype that feels timeless and versatile. The simplicity and geometric structure reflect the technical nature of their work.
4. Brand System & Manual
Once the logo was approved, I developed a complete brand manual that included color palette, typography, graphic applications, and usage guidelines to ensure consistent implementation.
5. Website Analysis & Wireframing
Before redesigning, I analyzed the old website to identify usability flaws and content gaps. Then I created wireframes that prioritized clarity and navigation simplicity.
6.Visual Design & Prototyping
I translated the approved wireframes into a modern, minimalist interface, aligned with the new branding. Each section was designed to communicate trust, technology, and precision.
7. Development in Framer
I built the site directly in Framer, ensuring high visual fidelity and responsiveness. Motion effects created in Jitter were integrated to give the interface life and smooth transitions.
THE MOODBOARD
INSPIRATION BEHIND THE DESIGN
JC IMPEX
JC IMPEX
Quick Project Details
Quick Project Details
industry
Agro-food trade & distribution
PRODUCT DESCRIPTION
Corporate rebranding and website redesign
Service
Brand identity, web design, and development in Framer
year
2025
country
Argentina
PLATFORM
Landing Page made in Framer
