Gualú

Fullstack energy platform with integrated CRM. Complete system for rate comparison, customer management, and energy consumption optimization.

Design & Development

Complete UI/UX design and responsive web development focused on conversion and user experience.

Rate Comparator

Advanced energy rate comparison system with smart analysis and personalized recommendations.

Management & Analytics

Complete customer management system and advanced analytics for energy optimization.

Process

Project Phases

A structured process that guarantees measurable results and an exceptional user experience.

1

Research & Strategy

In-depth analysis of the market, competitors, and target users. Definition of business goals, key metrics, and positioning strategy.

  • Market and competitor analysis
  • User research and needs
  • Goals and KPIs definition
Gualú Research and Strategy
Gualú Branding & Rebranding
2

Branding & Rebranding

Full development of the Gualú platform with a design system, color palette, typography, and style guide to ensure consistency across all touchpoints.

  • Logo design and visual identity system
  • Color palette and typography
  • Style guide and brand application
3

UI/UX Design

User-centered interface design focused on conversion. Creation of wireframes, interactive prototypes, and high-fidelity visual design optimized for different devices.

  • Information architecture and wireframes
  • Interactive prototyping in Figma
  • Responsive visual design and conversion optimization
Gualú UI/UX Design
Gualú Web Development
4

Web Development

Responsive frontend development with modern technologies. Implementation of animations, performance optimization, and ensuring cross-browser compatibility.

  • Responsive frontend development
  • Performance optimization and technical SEO
  • Cross-browser testing and validation
5

Analytics & Implementation

Implementation of advanced analytics tools to measure user behavior, identify friction points, and continuously optimize the experience.

  • Google Analytics 4 setup
  • Microsoft Clarity implementation
  • Behavior analysis and heatmaps
Gualú Analytics and Implementation
Design & Development

Web Design & Development

A platform designed to optimize energy consumption and deliver an exceptional experience. Every detail has been carefully planned and executed to maximize usability, performance, and conversion.

https://gualu.es/

Mobile Optimization

UI/UX Design

User-centered interface design with a clear focus on conversion. Every visual element and interaction was designed to guide the user toward the desired action, keeping usability and aesthetics as core pillars.

Information Architecture

Intuitive content structure that improves navigation and reduces friction in the energy optimization process.

Design System

Reusable components and a style guide that ensure visual consistency across the entire platform.

Interactive Prototyping

High-fidelity Figma prototypes that allow validating flows before development.

Gualú Wireframes
Gualú Prototypes
Gualú Components
Design System Gualú
High Fidelity Design Gualú 1
High Fidelity Design Gualú 2

Design Features

Responsive Design

Perfect adaptation to mobile, tablet, and desktop with optimized breakpoints.

Conversion Optimization

Optimized flows that guide users toward rate comparison and energy savings.

Microinteractions

Subtle animations that enhance the experience and provide visual feedback.

Fullstack Development

View source code Click to load the interactive VS Code environment

Fullstack development that combines a responsive frontend with a robust backend for process automation, such as sending invoices by email. The platform was deployed and optimized on a Hostinger VPS, ensuring scalability, full server control, and superior performance.

Tech Stack

Modern technologies and proven frameworks to ensure scalability and maintainability.

HTML5 CSS3 JavaScript Tailwind CSS Node.js Express Hostinger VPS

Performance

Load and response optimization.

Accessibility

WCAG standards compliance.

Performance Metrics

Leveraging the power of the Hostinger VPS and an optimized fullstack architecture, we achieved exceptional response times and top Core Web Vitals scores, ensuring a smooth and professional experience.

<2s

Load time

95+

Performance Score

100%

Responsive

AAA

Accessibility

Tutorial: VPS Deployment

@hiperorb

Today I recorded a short tutorial on how to deploy a web application to a VPS on Hostinger. In the video I explain: what a VPS is and why you need it when your project has a backend, how to connect to the server via SSH, and how to clone your project from GitHub to run it in production. A VPS gives you full control over your platform, stability, and flexibility that shared hosting can’t offer. It’s the foundation for serious projects to run properly in the cloud. At Hiperorb we help entrepreneurs launch digital projects with web development, fullstack platforms, design, branding, and digital presence. We keep building... Aleks.

♬ sonido original - Hiperorb - Agencia Digital

Visual Gallery

Visual 1
Visual 2
Visual 3
Visual 4
Visual 5
Visual 6

Highlighted Technical Features

Implemented Optimizations
  • • Lazy loading for images and resources
  • • Code splitting and tree shaking
  • • Asset minification and compression
  • • CDN for static content delivery
UX Improvements
  • • Clear, intuitive navigation
  • • Immediate visual feedback on interactions
  • • Loading states and smooth transitions
  • • Accessible design compatible with screen readers
Project Management

Advisory & Organization

End-to-end project management from concept to delivery, ensuring smooth communication, efficient organization, and results that exceed expectations.

Strategic Advisory

From the start of the project, I provided strategic guidance based on experience and industry best practices. The goal was not only to build a functional platform, but a solution that truly created value and measurable business outcomes.

Needs Analysis

Identifying business goals, target audience, and functional requirements to define the project scope.

Technical Recommendations

Selecting the most suitable technologies and architecture based on goals, budget, and required scalability.

Process Optimization

Proposing improvements to workflows and internal processes to maximize efficiency and results.

Communication and Client Contact

Smooth and transparent communication was essential to the project’s success. I established clear communication channels and maintained regular contact with the client to ensure that every decision aligned with their expectations and goals.

Regular Communication

Weekly check-ins, progress updates, and immediate communication for any change or important decision.

Constructive Feedback

Structured system to collect, process, and implement client feedback efficiently and in an organized way.

Full Transparency

Full access to documentation, progress, and project decisions, keeping the client informed at every stage.

Project Organization

Meticulous organization was key to keeping the project on schedule. I implemented agile methodologies and management tools that enabled accurate progress tracking and efficient delivery.

1

Initial Planning

Definition of scope, timeline, milestones, and resources needed for the full project.

2

Task Management

Breaking the project into manageable tasks with prioritization and realistic time allocation.

3

Ongoing Tracking

Continuous progress monitoring, early risk identification, and proactive adjustments.

4

Delivery and Documentation

Complete project documentation, usage guides, and knowledge transfer to the client.

Management Outcomes

100%

On-time delivery

24/7

Availability and communication

100%

Client satisfaction

Visual Identity

Branding & Rebranding

A refreshed visual identity that reflects Gualú’s essence and strengthens its positioning in the energy market.

Identity Refresh

The development of Gualú was a strategic process aimed at creating a modern and efficient platform for energy comparison and optimization. A complete design system was developed, including logo, color palette, typography, and graphic elements applied consistently across all touchpoints.

Logo and Brand System

Versatile logo design with variations for different contexts and applications.

Color Palette

Strategic color selection that conveys trust, innovation, and professionalism.

Typography

Font choices that ensure readability and visual consistency across all mediums.

Branding Gualú
Branding Gualú 2
Branding Gualú 3
Branding Gualú 4
Branding Gualú 5
Analytics

Behavior Analytics

Continuous measurement and analysis of user behavior to optimize the experience and improve conversion.

Google Analytics 4

Complete setup of Google Analytics 4 to measure key metrics, custom events, and conversion flows. Analysis of audiences, behavior, and platform performance.

  • Custom events and conversions
  • Audience analysis and segmentation
  • Custom reports and dashboards

Microsoft Clarity

Implementation of Microsoft Clarity to gain visual insights into user behavior. Heatmaps, session recordings, and click analysis to identify friction points and improvement opportunities.

  • Click and scroll heatmaps
  • User session recordings
  • Frustration analysis and dead clicks
Dashboard Analytics
Heatmaps Clarity
Digital Marketing

Digital Marketing Study

Digital marketing strategies implemented to drive Gualú’s growth and conversion.

Integrated Strategy

Development and implementation of a complete digital marketing strategy that spans from lead acquisition to conversion and retention. Continuous metrics analysis and data-driven optimization to maximize ROI across channels.

Acquisition Campaigns

Multi-channel strategies to attract new prospects via Google Ads, Meta Ads, and optimized organic content.

Email Marketing and Automation

Personalized nurturing flows and automated campaigns that increase conversion rate and engagement.

SEO and Content

Technical SEO optimization and content strategy that improves organic positioning and domain authority.

Key Results and Metrics

+340%

Increase in organic traffic

-45%

CPA reduction

+280%

Increase in conversions

PPC Campaigns

Optimization of Google Ads and Meta Ads campaigns with advanced targeting, continuous A/B testing, and machine-learning-based bid automation.

  • Audience and strategic keyword targeting
  • A/B testing of creatives and landing pages
  • Bid automation and budget optimization

Email Marketing

Email marketing strategy with advanced automation that increases engagement and conversion through personalization and optimized timing.

  • Personalized nurturing flows by funnel stage
  • Advanced behavior-based segmentation
  • Optimized send timing and frequency

SEO and Content

End-to-end technical SEO and content strategy that positions Gualú as an authority in energy comparison and optimization.

  • Technical optimization and content structure
  • Keyword and link-building strategy
  • Creation of high-value educational content

Analysis and Optimization

Continuous analysis of metrics and KPIs to identify opportunities for improvement and optimize performance across each marketing channel.

  • Full conversion and attribution tracking
  • Custom dashboards and automated reports
  • Continuous testing and data-driven optimization
Collaboration

Proyecto Talento

Development for a business partner: a full HR landing page. Proyecto Talento is a company specialized in HR solutions that helps organizations optimize their talent processes.

Design & Prototype

Interactive prototype of the landing page design

Landing Page

Final version of the HR landing page

About Proyecto Talento

Proyecto Talento is an HR company specialized in developing tech-focused landing pages for organizational talent management.

  • Competency assessment and management
  • Personalized development plans
  • Predictive talent analytics

As a strategic partner, we developed a complete technology solution that helps companies optimize their HR processes using advanced digital tools.

  • HR process automation
  • Real-time analytics dashboards
  • Integration with existing systems

Interested in talent management solutions for your company? Contact Proyecto Talento.

Testimonial

What the client says

"I was amazed by the speed and quality with which he developed my website. In a very short time he delivered an excellent result. Congratulations on the work — I will definitely keep counting on Aleks for maintenance and future projects."
Mario Marín Rodríguez
Energy Advisor at Gualú
Go to project Back to portfolio