Web Design and Digital Content
This section showcases my ability to create functional and attractive digital assets
Monitoreo Inteligente: New Website Development
In 2021, I led the complete overhaul of Monitoreo Inteligente’s digital presence, which culminated in the creation of a new, modern website. The previous site was outdated, lacked a clear narrative, and failed to guide visitors effectively toward solutions.
The Challenge & My Integrated Role
My responsibility extended beyond project leadership; I was the end-to-end creative executor and production lead for all digital assets:
- Graphic Design & Visuals: I was the sole lead for all graphic design elements, ensuring alignment with the company’s refreshed brand identity and new services portfolio.
- Audiovisual Content: I was responsible for the creation and integration of all audiovisual content (e.g., promotional clips, instructional videos) featured on the site.
- Downloadable Material: I designed and produced all accompanying downloadable materials (e.g., brochures, data sheets) linked throughout the site for lead generation.
Solution and Execution
The new website was meticulously designed with a core focus on User Experience (UX) and User Interface (UI), ensuring the site was intuitive and customer-centric.
I personally executed the design and prototyping phases using Adobe XD, ensuring a seamless and high-fidelity representation of the final product. The live site was then developed and set up using WordPress-Elementor, guaranteeing a responsive and flexible platform.
We successfully:
- Improved Clarity: Presented the company’s solutions, plans, and GPS units in a much cleaner and more accessible manner.
- Enhanced Authenticity: Incorporated real, proprietary imagery (sourced from photoshoots I directed) to enhance authenticity.
- Streamlined Lead Generation: Included strategically placed contact forms to streamline lead capture, ensuring Sales-Qualified Leads (SQLs) were accurately captured and promptly followed up by the sales team.
The final product is a responsive, storytelling website built from the ground up with the user in mind, serving as a powerful sales and marketing tool.
Monitoreo Inteligente: Interactive Services Portfolio
This project involved the creation of a high-impact, multimedia services portfolio for Monitoreo Inteligente, designed to be the commercial team’s primary presentation tool. It synthesizes all of Monitoreo Inteligente’s services and solutions into a single, compelling resource.
The portfolio features an exquisite design that beautifully represents the real-time capabilities of the Guardian GPS platform. It clearly outlines the advantages and features of all services. Crucially, the portfolio incorporates interactivity, allowing the sales team to personalize presentations on the fly. This means they can tailor the content to directly show prospective clients the solutions that best fit their specific needs.
Corporate E-commerce Implementation & Design System Integration
For Sergio Villamizar Global, I was responsible for the design, development, and setup of a new corporate website, which included full e-commerce functionality.
Strategic Objectives & Execution
Brand Alignment: The primary goal was to seamlessly adapt the e-commerce platform to the newly created graphic identity, ensuring a cohesive and professional visual experience across all pages and product listings.
Design System Application: I meticulously dedicated time to implementing a comprehensive design system throughout the site. This process involved applying detailed rules for typography, color usage, spacing, and component consistency to ensure a high level of polish and user experience (UX).
Attention to Detail: Special care was taken to refine all visual and functional details, resulting in a high-quality, customer-centric digital presence that accurately reflected the brand’s premium positioning.
Current Status Note
Note: While the site was successfully launched and fully functional, the current status reflects subsequent client decisions regarding maintenance and best practices, which are independent of the initial high-quality delivery and setup.
Automation of Sales Proposals & Quotes
To empower the sales team and enhance client engagement, I spearheaded the automation of the commercial proposal and quoting process. The core goal was to enable quick, personalized, and high-quality quotes, helping the sales team gain a crucial competitive edge with potential clients.
Integrated Design and Technical Execution
This initiative was a success due to a seamless design-development workflow:
- High-Quality Design: I personally designed the entire quote template, ensuring it was visually compelling, perfectly aligned with Monitoreo Inteligente’s new brand identity, and optimized for quick data visualization.
- Technical Collaboration: Subsequently, I collaborated closely with a dedicated developer who executed the programming process (HTML, CSS, and JAVA). My design work was directly translated into the final functional code by the programmer.
The Result and Business Impact
This streamlined quoting system delivered a major win for the sales team, allowing sales representatives to send a fully customized, beautifully designed quote within just 30 minutes of presenting the services portfolio.
We achieved this by hosting the automated system on an easily accessible URL for the sales force. The positive impact on new client acquisition was evident shortly after implementing this efficient, design-driven quoting system.
UI/UX Foundation: Designing the Guardian Platform System
Towards the conclusion of my tenure at Monitoreo Inteligente, I was privileged to participate in the initial phase of system design for the new Guardian Platform. This project was critical to establishing the foundation for the company’s next-generation user experience.
Contribution and Focus
My role was centered on establishing the design foundation within Figma. This included contributing to the foundational elements of the Design System (color palettes, typography scales, base components) that would govern the future User Interface (UI) and User Experience (UX) of the Guardian Platform.
Confidentiality Note
Due to the proprietary and confidential nature of this active product development, I am limited in the scope of what I can share. The two included images briefly illustrate the progress and design direction achieved during my involvement with the organization.
This project highlights my experience in:
- Design Systems: Contributing to and understanding the architecture of scalable design systems (DesignOps).
- Figma Proficiency: Hands-on execution and collaboration within advanced design software.
- Product UX/UI: Establishing the visual and interactive language for a key technological product.
Creating a Proprietary Image Bank
To foster a direct and authentic connection with our audience, I spearheaded the development of Monitoreo Inteligente’s proprietary image bank. This extensive project aimed to visually represent the company’s core: its modern facilities, dedicated team, and the dynamic activities they perform daily.
The initiative began with a meticulous selection process for a professional photographer whose style aligned with our brand vision. We then meticulously planned and executed various scenarios and staging to capture the essence of our operations. A crucial step involved obtaining image authorization from all participating employees, ensuring their comfort and compliance.
From hundreds of shots, we curated the finest photographs to serve a wide range of applications. These high-quality visuals became integral to our internal training manuals, engaging social media posts, the new company website, external advertising campaigns, and our internal newsletter. This dedicated effort ensured that every visual touchpoint authentically showcased Monitoreo Inteligente, strengthening our brand identity and fostering greater trust with our clients and within our team.