This project focused on delivering a clean, minimalist interface without feeling static or generic. I led the UX and interaction design to create a clear content hierarchy, with prominent service pathways and lightweight micro interactions that keep the experience informative but not boring.
Eleman Engineering needed a modern digital presence that communicates who they are, what they do, and the work they’ve completed. My goal was to design and develop a website that is clean, professional, easy to navigate, and aligned with the company’s identity.
I handled the end-to-end process: discovery, information architecture, UX and interaction design, visual design, and full implementation.
The client brought a large volume of unorganized past project work across different types, a broad range of service offerings, and a strong preference for a site that felt minimal yet visually engaging and aesthetic.
In close collaboration with stakeholders, we needed to categorize and organize this raw content and shape it into a coherent system that would allow users to move through services, work samples, and contact options effortlessly and engagingly.
Key challenges included:
Creating a clear information architecture from unstructured content
Designing a project categorization system that reflected real user needs
Supporting business goals with clear service pathways and accessible contact touchpoints
Balancing minimalism with enough interactivity to keep the experience engaging
The landing page is designed to give users clear orientation from the first interaction. I structured the primary navigation into business-aligned categories: Services, Who We Are, Projects, and Insights; to improve findability and reduce cognitive load.
The Services dropdown is expanded into a structured list so users can scan the full offering and jump to the most relevant path with a single click. To further increase visibility of key offerings, the landing page also surfaces services and bundles in an image carousel, giving users quick entry points into service details and pricing for maximum access and fast wayfinding.
For each service page, I designed a structured layout that supports quick comprehension and deeper exploration without overwhelming the user. The page opens with a clear summary, representative imagery, and “starting from” pricing to give users an immediate sense of scope and expected cost. Supporting tags and consistent visual cues strengthen information scent and make it easy to compare services across the site. The content is intentionally layered using progressive disclosure: users who are scanning can grasp the essentials at a glance, while those who want more depth can access detailed descriptions without friction. To accommodate different user intentions, each page includes multiple action entry points—such as Service Info, Pricing & Quote, and Book Consultation—allowing users to move into their preferred path with minimal effort. This combination of clear hierarchy, predictable patterns, and flexible conversion options makes the service pages easy to navigate, easy to evaluate, and easy to act on.
I proposed and then refined with stakeholders the idea of “Smart Bundles” – grouped packages that combine related services into clear, ready-to-choose options. Instead of asking users to decode a long list of individual services, the bundles provide a higher-level decision point, reducing cognitive load and helping them understand “what do I actually need?” much faster.
Each bundle card uses a consistent layout, tags, and short copy to make comparison easy, and includes primary and secondary calls-to-action (“View Bundle” and “Get Quote”). This creates a clear conversion path from exploration to contact. We also made sure that quote and contact options are reachable from any service or bundle view, so the user journey from understanding the offer to reaching out is short, predictable, and frictionless.
The implementation phase was highly collaborative and iterative. I held ongoing working sessions with stakeholders to co-design the final experience, ensuring that business needs, user expectations, and technical constraints stayed aligned throughout the process. The design evolved through multiple levels of fidelity—starting with quick paper sketches to explore structure and interaction patterns, then moving into mid- and high-fidelity Figma prototypes to validate layout, hierarchy, and usability before development began.
These iterative reviews helped refine terminology, surface functionality, clarify service descriptions, and adjust the interface to better fit real workflows. Once the design direction was finalized, I implemented the site with attention to clarity, responsiveness, and maintainability, ensuring that the final product reflected the intent of the prototypes while performing smoothly across devices.
Tools and Technologies Used:
Figma, Adobe Illustrator, HTML, CSS, JavaScript, React.