Ariel Bernal - Sr. Web Solutions Architect, UX Architect, Designer & Developer
Development & Integration | UI/UX | Graphic / Web Design
Certifications | Testimonials | Work Experience | Personal Projects | Github | Assessments | CV Download
Development & Integration | UI/UX | Graphic / Web Design
Certifications | Testimonials | Work Experience | Personal Projects | Github | Assessments | CV Download
As a seasoned Web Solutions Architect, Designer, and Developer, I have over 20 years of industry experience in Web Development, Design, and Project Management. With expertise as a Full-Stack Developer and UI/UX Developer/Designer, I specialize in delivering exceptional user experiences while maintaining ADA/WCAG compliance. My strong problem-solving skills and meticulous attention to detail ensure the efficiency, maintainability, and adherence to best practices of your code. I possess extensive knowledge and hands-on experience, making me well-prepared to handle intricate projects and deliver top-notch solutions.
Able to understand and apply the principles and processes involved in front-end responsive web development and design, work with creative teams to build client-facing reporting and presentation and collaborate with the team to develop best practices and processes.
Crypto, blockchain. Familiarity in development for Ethereum and other related technologies (web3.js, ethers.js). Open source contributions and involvement in open source communities.
Experience working with all company sizes. Unique ability for self-improvement, team-work and troubleshooting. Strong understanding of industry trends and very comfortable and passionate about adopting new ideas and bringing them to life through technology. Skilled in multitasking and working on several projects simultaneously. Capability to work and flourish in fast-paced environments. Experienced in communicating with the creative team and clients.
Well-organized with an ability to prioritize tasks. High drive to meet deadlines
Stays current on technical advancements and looks for ways to streamline tasks and processes for efficiency.
Fluent in: English (C2 Proficiency equivalent), Spanish, Catalán
Conversational in: Portuguese, French and Italian.
I recently faced a complex project conflict within our team. It was clear that resolution was needed, so I took the initiative. First, I assessed the situation and realized it was beyond my control. I decided to escalate the issue to our project sponsor, who had the authority to intervene effectively.
Simultaneously, I identified a team member with expertise in the area related to the conflict. I delegated the task of gathering detailed data and potential solutions to expedite the resolution process. This allowed us to address the issue efficiently while keeping our sponsor informed.
In the end, our sponsor's intervention, combined with the team member's efforts, led to a swift and successful resolution. This experience reinforced the importance of knowing when to escalate and delegate, ensuring smoother project management.
Design and Development. Frontend & PHP/XML Backend connected to a Magento Shop and Inventory.
Web: JavaScript, TypeScript, Razor C#, HTML5, SASS, XML, Bootstrap, jQuery, React, Redux; REST, API, Web standards, WCAG/ADA, A11y, cross-browser and mobile.
CMS: Magento
Project Management: Visio, Jira, Microsoft Teams.
Operating Systems: Linux Server management.
As a Dev Team Lead I once worked on a complex project. I knew communication was key. Weekly meetings with stakeholders became a ritual. They shared concerns, ideas, and progress updates openly where I listened intently, doing my earnest to foster trust and streamline communication. When unexpected hurdles arose, I swiftly conveyed the changes needed to tackle the issues. I followed-up with emails and reports, putting effort in their clarity and conciseness, to ensure everyone stayed on the same page. The project thrived, and the dedication to effective communication on the team I led became legendary in the company.
Website design - S&J Engines
Web Design - CFEScore
UI Design - showcase & presentation
UI Design - Webapp
Development & Hosting Support. Non-profit organization.
WordPress website theme migration.
Google Analytics audit.
Content migration support.
Theme adaptation & Design.
Custom Plugins Development.
At Meetai, two PMs led critical software project. Initially smooth, conflicts arose in development. Missed deadlines and declining quality disrupted the once-cohesive team. We had an open conversation, identified issues, like resource competition, communication gaps, deadline pressure, and unclear roles. We took action, reassessing resources, improving communication, adjusting timelines, and clarifying roles. Our proactive approach revitalized the project. We overcame divisions, completed on time, and launched to acclaim. A story of addressing conflicts for success in tech.
Redesign existing Project List Page.
Design new Project Details Page.
Develop Project List and Project Details Page.
Amidst a heated project conflict, I stepped in to navigate the storm. With pen in hand, I recorded every detail, outcome, and action. The scope, schedule, and budget documents were dissected and revamped for clarity.
But it didn't end there. I made sure to follow up, reaching out to stakeholders. We ensured our solutions were put into action, monitored, and evaluated. Feedback surveys and audits sealed the deal. The project not only survived but thrived, thanks thanks to thorough documentation and proactive follow-up.
With a strong blend of technical expertise, creativity, and a user-centric approach, I am confident in my ability to deliver exceptional design solutions. Here's why I believe I am the perfect fit for the UI/UX role:
Extensive Experience: With several years of experience in the UI/UX field, I have successfully designed and implemented intuitive user interfaces and engaging user experiences for diverse projects. My comprehensive understanding of UI/UX principles, methodologies, and industry best practices allows me to create designs that seamlessly blend aesthetics with functionality.
User-Centric Mindset: I firmly believe that the user should be at the heart of every design decision. By conducting thorough research, gathering user insights, and employing usability testing techniques, I ensure that the end product meets the needs, desires, and expectations of the target audience. I am committed to creating intuitive and delightful experiences that leave a lasting impression.
Collaborative Approach: Collaboration is key to delivering outstanding UI/UX solutions. I thrive in multidisciplinary teams, working closely with developers, stakeholders, and other designers to bring ideas to life. My effective communication skills, combined with my ability to understand and synthesize diverse perspectives, enable me to foster a collaborative environment that leads to exceptional design outcomes.
Continuous Learning: The field of UI/UX is ever-evolving, and I am dedicated to staying at the forefront of industry trends, emerging technologies, and design tools. I consistently seek opportunities for professional development, attend conferences, and participate in design communities to expand my knowledge and skills. I bring a growth mindset and a passion for innovation to continuously improve and deliver cutting-edge design solutions.
I am ready to bring my expertise and creativity to your organization, contributing to the development of exceptional user experiences that leave a lasting impact!
I once found myself leading a challenging project with diverse stakeholders and conflicting priorities. To move forward, I proposed we use a decision matrix, with which we assessed options objectively. I usually encourage open dialogue, to ensure everyone feels heard. We made trade-offs and adjusted timelines to meet constraints. Our flexibility and willingness to collaborate led to a mutually acceptable solution, keeping the project on track and stakeholders satisfied.
I faced a tough project conflict due to miscommunication and unrealistic expectations were I could learn to improve by promoting open discussions, clarifying roles, and setting realistic goals. I assessed my strengths (problem-solving) and weaknesses (conflict prevention) and sought peer reviews and professional development for ongoing improvement. Conflict taught me the value of continuous learning in web project management.
Following a list of requirements for the AR app, design the app UI, utilizing UX Accessible principles. It featured a gallery of different action movement states, an interactive 3D view mode where the user could understand how different muscles interacted with each other while the selected motion was playing and a Detail Card screen that provide textual information about the selected muscle group.
Designed in Figma
UI/UX Design
Graphic Design - S&J Engines brochure.
3D Design - Industrial Architecture presentation and Animation
3D Modeling & Design - Sports Tshirts
Reaching the pinnacle of my management career was a culmination of years of dedication and learning. As the leader of a diverse team of developers, I fostered an environment of trust and collaboration. Here's a glimpse of that journey:
I prioritized mentorship, empowering each team member to excel. Regular one-on-ones became not just status updates but conversations about career growth and personal development. I embraced agile methodologies, allowing our team to adapt swiftly to changing project requirements.
Transparency was paramount. I shared the company's vision openly, ensuring everyone understood their role in achieving our goals. Together, we set ambitious yet achievable targets, celebrating milestones along the way.
Conflict resolution became an art. I encouraged open dialogue to address issues promptly, fostering a culture where disagreements led to innovative solutions rather than divisions. This unity was our strength.
But perhaps the most rewarding part was watching my team flourish. They grew professionally and personally, taking on leadership roles of their own. Our successes were not just about managing projects; they were about nurturing talent and creating an environment where everyone could shine.
This highest experience in management wasn't just about reaching the peak; it was about elevating each team member, collectively achieving greatness, and leaving a legacy of inspired leaders.
⬆️ Tshirt Design - Dance Academy | App Mockup - Medical Stages ⬇️
Senior Front-End Developer. 2015 - 2023
Translate designs to front-end code, estimate time and costs, and determine developer requirements and specifications.
Develop new strategies for front-end development and communicate with the team.
Manage a team of Junior developers.
Documentation and rewriting of legacy code to comply with new standards.
UI Design. Website mockups. Figma. Adobe Photoshop, Illustrator.
Test-driven development. Reactjs, TypeScript, C# codebase. Storybook. Cypress. Playwright. E2E Tests.
Develop .Net Solutions and cshtml templates.
Google Tag Manager, Google Search Console, Google Analytics, Google Optimize install, development and management.
ADA & WCAG Compliance.
Consultation and support, resulting in increased client satisfaction and successful completion of several Agile Projects.
Senior Full-Stack Specialist. 2015 - 2016
Developed and maintained production applications, monitored for anomalies, and performed maintenance impacting over 1000 accounts.
Promote and communicate new ideas, process improvements and new technologies to team members and leadership.
Re-engineered API to consume Drupal content, feeding adjacent Volusion UI storefront, increasing revenue and brand awareness.
Senior Web Solutions Architect & Developer. 2015 - 2016
Updated and streamlined existing CSS JavaScript and HTML code to improve site performance.
Achieved 20% revenue growth and $20k cost savings. Led front-end development, 3D product design, and back-end consulting for store fronts.
Design and implement the UI layer of eCommerce web using HTML, CSS, JavaScript and JQuery.
Customisation of in-house 3D-Render Manager platform. PHP, Yii2, jQuery, Python.
Sr. Web Developer, 3D modeler & Designer. 2015 - 2015
3d design, modeling and rendering.
E-commerce storefront development on WooCommerce and Design on Photoshop and Illustrator.
Google Analytics management and setup.
Technology consultant. Market assessment. Planning, research and documentation of the project from start to end.
Video editing and audio effect montage on Adobe Premiere.
Sr. Solutions Provider, Developer & Designer. 2008
Directly responsible for more than 200 projects consulting, planning, design, coding, web layout and design, DVD edition, audio and video edition.
Create HTML5 ADA standards-compliant templates based on Photoshop mockups.
Custom development, plugin development for several CMS Frameworks, including Wordpress, Drupal, Django and Joomla work. E2E testing and debugging of custom code.
Writing support documentation and providing training to a substantial number of developers and designers.
UI/UX Design, research and development. Brand consulting. High quality Figma prototypes and mock-ups.
Ensured projects meet the industry standards.
Analyze, troubleshoot and solve problems timely. Produce automated test scripts and define environments to conduct test activities. Write clear, concise, and thorough specifications and documentation. Provide rapid response to incoming service requests through multiple communication channels. Write maintainable, scalable, responsive, and cross-browser code. Maintenance of several PERL code and migration to PHP.
Consultant, Graphic Designer. 2002 - 2003
Developing custom applications meeting requirements and exceeding client's expectations. Consultant in Data mining and marketing. Create, edit, and manage web templates within the content management system. CMS systems installation and maintenance.
Teacher, Web Specialist, Graphics Designer, Musician. 2001 - 2002
Music composition. Interpreted and executed designs correctly as requested by clients. Collaborate with creative and development teams on the execution of ideas and projects.
Consultant, Multimedia, Web Specialist. 2000 - 2003
Consulting, planning, design, coding, audiovisuals. Maintained security and compliance using a mixture of in-house and outsourced technology services. Maintain and update hardware budget. Work with developers, system engineers, and QA engineers throughout the product development, testing, and implementation phases of various IT projects. Designed and implemented algorithms for indexing and searching documents. Helped streamline the IT department by organizing several concurrent services. Web Master & Intranet planning, maintenance and administration. Analysis, Consulting, Project manager & Workgroups coordination.
Meetai: Global network of professional service outsourcing. PHP, LAMP Server, NodeJS, Redux, jQuery, CSS, LESS. Google Tag Manager. Google Analytics - http://meetai.com
3D-Render Manager: Cloud DIY Product-Rendering Service. Yii2, PHP, LAMP, Python, Django, NodeJS, React, CSS, Bash, Cron - Product Configurator. Originally built on top of Magento, currently standalone and platform-agnostic. jQuery, CSS, HTML5, Python, PHP, Bash
MeetaiMusic: Music and Video products. Premiere, Photoshop, After Effects, Ableton Live. React/Redux.
Inspirational Focus: Design, Photography, AI & Graphic Art. WordPress, React/Redux, jQuery, Stable Diffusion, Flask, Yii2.
Tara Finds: The world of Tara, a fictional character that shows compassion and growth while being a youth role-model. Python, jQuery, TypeScript, SCSS, GIT, React.
Graphic design — Proficient
April 2020
Using graphic design techniques and producing visual media to communicate concepts.
Full results: Proficient
Analyzing data — Proficient
May 2023
Interpreting and producing graphs, identifying trends, and drawing justifiable conclusions from data
Full results: Proficient
Software developer skills — Proficient
May 2023
Designed by engineering managers and real-world employers, this test gives you hard data points to evaluate technical competency
Full results: Proficient
Attention to detail — Proficient
May 2023
Identifying differences in materials, following instructions, and detecting details among distracting information
Full results: Proficient
Typing — Proficient
May 2023
Transcribing text
Full results: Proficient
"Ari was one of the best collaborators I had the opportunity to work with over the past years. Indeed, Ari significantly exceeded his initial responsibilities to provide us not only with the expected support to integrate content into our new web functionality but also with technical advice for us to constantly improve our product. The extend of his technical skills allows Ari to cover the full spectrum of any digital product – from conceptualization to final testing and release. In addition, Ari’s constant optimism and openness made our relationship a smooth and joyful experience."
Mogultay, Kenan — Technical Adviser, Partnership and Capacity Strengthening | Catholic Relief Services
"I wish all the consultants could be as professional and reliable as you have been throughout our collaboration."
Manager, CRS
"These words feel like a weak token compared with the value of Ari’s service to us, but still let me say that I highly recommend Ari for not only his technical skills and knowledge but also his can-do and collegial spirit. In the five months that we have worked together, he has met each challenge and change request with graciousness and attention to detail. It has been clear throughout the process that Ari is highly motivated and gives all of himself to his work and to his clients."
Clark, Adele — Knowledge Management and Learning Advisor | Catholic Relief Services