Home / Art Productions Website
Art Productions Website
A polished, responsive website designed in Figma and translated into production-ready HTML and CSS.
Discipline: Web Design and Frontend | Year: 2025 | Role: Interface Designer and Frontend Developer
Context
Art Productions needed a polished web presence that could communicate its services clearly and translate directly from design into responsive code.
Problem
The experience needed a stronger service hierarchy and a consistent visual system across desktop and mobile.
Role and scope
Interface Designer and Frontend Developer responsible for interaction design in Figma and responsive HTML, CSS, and JavaScript implementation.
Constraints
- Keep the service offer easy to scan without flattening the visual character.
- Translate the designed layout faithfully into responsive front-end behavior.
- Maintain clear navigation and readable content across screen sizes.
Key decisions
- Built the page hierarchy around the service offer and primary contact path.
- Created reusable spacing, type, and component rules before implementation.
- Adjusted composition at content-driven breakpoints instead of shrinking the desktop layout.
What shipped
- A complete Figma interface design.
- Responsive front-end templates.
- Accessible navigation and content hierarchy.
Outcome
The project produced a cohesive design-to-code website with a clearer service story and consistent responsive behavior.
Reflection
Owning both design and implementation made it possible to preserve the intended hierarchy while adapting details to real browser constraints.
View live project
Back to all projects