This project was developed during a transitional moment in UX tooling—before Figma became widespread. I relied on a hybrid workflow that combined visual precision with hands-on prototyping:
• Visual Design: All interface elements and the tridimensional hero graphic were crafted in Photoshop, while Illustrator was used to design a custom icon set representing the platform’s modules.
• Prototyping: Instead of using wireframing tools, I built the prototype directly in Dreamweaver, coding in HTML/CSS to simulate layout behavior and responsiveness.
• Typography: I selected a rounded sans-serif typeface to enhance readability and soften the technical tone, making the interface more approachable.
• Color Palette: The high-contrast black and yellow scheme was chosen to evoke energy, precision, and brand identity.
• Call-to-Actions: CTAs were placed in multiple sections to gently guide user engagement and reinforce conversion.
At this stage of the contest, the client requested a desktop sitemap only, which shaped the scope and clarity of the design.
• Visual Design: All interface elements and the tridimensional hero graphic were crafted in Photoshop, while Illustrator was used to design a custom icon set representing the platform’s modules.
• Prototyping: Instead of using wireframing tools, I built the prototype directly in Dreamweaver, coding in HTML/CSS to simulate layout behavior and responsiveness.
• Typography: I selected a rounded sans-serif typeface to enhance readability and soften the technical tone, making the interface more approachable.
• Color Palette: The high-contrast black and yellow scheme was chosen to evoke energy, precision, and brand identity.
• Call-to-Actions: CTAs were placed in multiple sections to gently guide user engagement and reinforce conversion.
At this stage of the contest, the client requested a desktop sitemap only, which shaped the scope and clarity of the design.
Iterative Evolution and Design Refinement
The project unfolded through three design proposals, each responding to client feedback and refining the user experience:
• First Proposal: Introduced a bold layout with modular highlights and a strong tagline.
• Second Proposal: Refined typography and introduced a circular module hub to emphasize interconnectivity.
• Final Version: Delivered a polished interface with improved hierarchy, benefit-driven iconography, and a contact form for lead generation.
Each version balanced technical clarity with visual storytelling, showcasing my ability to adapt, listen, and lead with design.
The project unfolded through three design proposals, each responding to client feedback and refining the user experience:
• First Proposal: Introduced a bold layout with modular highlights and a strong tagline.
• Second Proposal: Refined typography and introduced a circular module hub to emphasize interconnectivity.
• Final Version: Delivered a polished interface with improved hierarchy, benefit-driven iconography, and a contact form for lead generation.
Each version balanced technical clarity with visual storytelling, showcasing my ability to adapt, listen, and lead with design.
Disclaimer:
This project was produced for a 99designs contest, where I was selected as a finalist. All layouts, icons, and graphic elements showcased in this case study were created by me, except for the ENCO logo, which was provided by the client. These visuals were created solely for the contest submission and are not used by ENCO Software in their official digital products.