UX/UI design - HTML/SCSSAdalot - Web agency

01 — Project Vision & Strategy

The core objective of Adalot Networks was to create a corporate website that clearly communicates the company’s services, expertise, and brand identity.
The goal was to balance professionalism with an engaging visual experience across all devices.

The strategic objectives were:

• Present Adalot’s services and expertise in a clear, structured way
• Create a visually appealing interface that engages visitors without compromising usability
• Ensure full responsiveness from mobile to XL desktop screens

02 — Design & UX Approach

I designed mockups and created all internal site graphics, ensuring consistency with Adalot’s brand identity.
Special attention was given to visual hierarchy, navigational clarity, and subtle interactive cues to guide the user journey.

Key focus areas included:

• Clear information architecture to highlight services and messaging
• Engaging visual storytelling while maintaining a corporate tone
• Intuitive navigation and smooth user flows

03 — Frontend Development & Integration

I implemented HTML and CSS for all device sizes, delivering a fully responsive, mobile-first experience.
Animations and interactive effects were integrated using jQuery to enhance content flow and engagement.

The site included:

• Responsive layouts for mobile, tablet, and desktop
• Subtle animations and interactive elements via jQuery
• Customization of js scripts to achieve the desiders effect of horizontal scrolling effect
• Optimized performance and cross-device consistency

04 — My Role

I was responsible for:

• Designing mockups and internal site graphics
• Implementing responsive HTML and CSS
• Integrating jQuery for interactive elements and animations
• Ensuring consistency across all device sizes

My contribution bridged design and frontend development, delivering a polished corporate website that reflects Adalot’s brand while providing a seamless user experience.