🎯 Scorpeo’s corporate site was redesigned to shift the experience from slow and fragmented to fast, cohesive, and scalable. A modular, component-based front end and a tighter WordPress setup made it easier to ship new content, while a more unified brand system and shared documentation improved cross-functional alignment across design, marketing, and engineering.

The existing digital experience faced several issues:

• Outdated UI — Visual inconsistency across pages resulted in a fragmented and unpolished user experience.
• Poor performance — Slow load times and limited mobile optimization negatively impacted engagement and retention.
• Limited scalability — The site’s legacy structure hindered efficient integration of new features and content updates.
• Inconsistent branding — Disconnected visual styles reduced credibility and brand cohesion.
• Lack of analytics — Minimal user tracking limited the ability to make data-driven design and development decisions.

Addressing these challenges required a complete front-end rebuild, implementation of responsive design standards, and integration of analytics to guide continuous UX improvements.

💻 Front-End Developer Role

• Collaborated with the UI/UX designer to translate design mockups and wireframes into responsive, reusable components.
• Implemented mobile-first, accessibility-focused design principles to ensure seamless usability across devices.
• Optimized front-end performance through refactoring, image compression, caching strategies, and code minification.
• Maintained and enhanced the WordPress CMS for scalability, enabling faster deployment of content and features.
• Utilized Chrome DevTools and Lighthouse to monitor performance, accessibility, and SEO compliance.

🎨 UI Design

• Participated in designing high-fidelity mockups and prototypes aligned with Scorpeo’s refreshed brand and usability standards.
• Conducted A/B testing and analyzed user behavior metrics to inform design decisions and validate layout changes.
• Partnered with stakeholders and the engineering team to ensure design feasibility and consistency during implementation.
• Iterated on visual hierarchy, navigation, and interaction patterns based on analytics and feedback to improve user flow.

Once the design and architecture strategy were defined, we ran development and testing cycles in agile sprints to deliver incremental improvements and keep stakeholders aligned.

💻 Front-End Developer Role

• Rebuilt the corporate website using a modular, component-based front-end framework.
• Optimized load performance through lazy loading and script deferrals, reducing render-blocking behavior.
• Conducted cross-browser and device testing to ensure pixel-perfect consistency and performance.
• Supported continuous integration pipelines and QA testing to enable smooth releases.

🎨 UI Design

• Contributed to a standardized component framework inside WordPress, improving consistency and enabling faster content and feature updates.
• Applied findings from usability testing and behavioral analytics to refine layout and navigation.
• Coordinated with stakeholders and marketing to ensure each design iteration aligned with business and branding objectives.

• Established a reusable component framework within the WordPress CMS, streamlining content and feature updates while supporting future scalability and expansion.
• Unified design and brand elements across 10+ pages, improving visual consistency and strengthening trust with institutional clients.
• Implemented WCAG-aligned accessibility updates to enhance usability for all users, including those relying on assistive technologies.
• Collaborated cross-functionally to align fintech compliance requirements with modern UX and front-end development standards.

Working within the fintech sector required balancing technical precision with user-centered design. Developing and designing for a data-driven, compliance-heavy environment refined my ability to balance innovation with discipline — a mindset I now bring to every complex UX challenge.

Partnering closely with developers, stakeholders, marketing, and a financial analyst reinforced how crucial cross-functional collaboration is when building enterprise systems that need to be both credible and easy to use.

Through ongoing testing and performance optimization, I saw how small refinements — like cleaner code and modular components — create measurable impact at scale. This experience strengthened my belief in scalable component frameworks, accessible development practices, and continuous learning as key drivers of great product outcomes.