Arbofarma Website Redesign
Modernizing a 50-year pharmaceutical brand with a responsive, bilingual website
Modernizing a 50-year pharmaceutical brand with a responsive, bilingual website
As the Marketing and IT Consultant for Arbofarma S.A.S, a Colombian pharmaceutical manufacturing company with over 35 years in the industry, I was tasked with completely reimagining their digital presence. The company had maintained the same branding for nearly 50 years, and their online presence was antiquated and ineffective in the modern business landscape.
The project required a delicate balance between respecting the company's rich heritage while creating a modern, professional image that could support their current negotiation talks and business growth initiatives. My approach involved comprehensive stakeholder interviews, technical planning, and a deep dive into how to best present a specialized B2B pharmaceutical manufacturer online.
The result was a fully responsive, bilingual (Spanish/English) website built with modern web technologies and hosted on Cloudflare for optimal performance and security. The site effectively communicates Arbofarma's expertise, capabilities, and competitive advantages while providing an intuitive user experience for potential clients.
Create a modern, responsive website that showcases Arbofarma's expertise and capabilities to potential B2B clients while supporting ongoing negotiation efforts.
3 months, with multiple development phases and client review cycles.
Solo developer handling all aspects: stakeholder interviews, UX/UI design, front-end development, back-end integration, and deployment.
HTML5, CSS3, JavaScript, SVG.js, Cloudflare Pages, Cloudflare Workers, Cloudflare Turnstile, Google Sheets integration.
Arbofarma faced several critical challenges with their digital presence that were directly impacting their business operations and growth potential:
I developed a comprehensive solution that addressed each of these challenges through a combination of strategic planning and technical implementation:
Logo transformation: Modernizing while respecting brand heritage
My approach to this project followed a systematic, iterative methodology that ensured alignment with stakeholder needs while delivering a technically excellent solution. Throughout the process, I maintained close communication with Arbofarma's leadership team to ensure the website accurately represented their business and met their goals.
I began with a comprehensive discovery phase that included stakeholder interviews and questionnaires to understand Arbofarma's business, target audience, and goals. I created an extensive questionnaire covering brand identity, marketing objectives, client segmentation, value propositions, and technical requirements. This provided the foundation for all subsequent design and development decisions.
Based on the discovery findings, I developed a comprehensive strategy for the website. This included information architecture planning, content strategy, technical specifications, and wireframing. I created detailed wireframes for key sections including the header, hero section, company timeline, and client proofs section. The strategy focused on clear communication of Arbofarma's expertise, quality standards, and manufacturing capabilities while ensuring a seamless user experience.
Development proceeded in systematic phases, focusing on one section at a time with frequent client feedback. I built the site using vanilla HTML, CSS, and JavaScript for optimal performance. Key technical challenges included implementing a sophisticated language toggle system, creating scroll-based animations, developing interactive data visualizations, and ensuring perfect responsiveness across devices. Each component underwent multiple iterations based on client feedback until it perfectly matched their vision.
The final phase involved implementing the backend functionality and deploying the site. I used Cloudflare Pages for hosting, Cloudflare Workers for serverless backend processing, and integrated Cloudflare Turnstile for form security. When the initial email solution using MailChannels proved complex, I pivoted to a Google Sheets integration for form submissions, allowing for easier management of client inquiries. After final testing across devices and browsers, the site was successfully launched with proper SEO optimizations.
The redesigned Arbofarma website has delivered significant business impact, strengthening the company's market position and supporting their growth objectives. The modern, professional online presence has improved their perception in the industry and directly contributed to new business opportunities.
Beyond the measurable metrics, the website redesign delivered substantial qualitative benefits:
"The new website perfectly captures our company's values and expertise while presenting them in a modern, professional way. It has already resulted in new business inquiries and has been invaluable during our negotiation talks."
— Arbofarma Leadership Team
The Arbofarma website redesign project presented unique challenges that required balancing technical innovation with business sensitivity. Working directly with company leadership on such a critical asset for their business taught me valuable lessons about client communication, technical problem-solving, and delivering business impact through web development.
This project reinforced my belief in the power of clean, purpose-built code over reliance on heavy frameworks. The satisfaction of creating a custom solution that perfectly addressed the client's unique needs while achieving tangible business results was immensely rewarding. It demonstrated that technical excellence combined with business understanding delivers the most impactful outcomes.