KL, MY • 4.2105° N • 101.9758° E
Iron Maiden Website Concept
Revitalizing Iron Maiden's landing page, to infuse dynamic Micro interactions and modern design, creating an engaging showcase of the band's identity.
Services
Concept, Visual design, Microinteractions
Client
Personal project
Tools
Figma
Year
April 2021
About
About
About
In my exploration of Micro interactions, I embarked on a project to redesign Iron Maiden's static landing page, aiming for a dynamic and modern look. Using Figma and its Auto animate feature, I experimented with engaging interactions and design elements. The outcome was an innovative landing page that revitalized the band's image in a contemporary and dynamic fashion, blending Micro interactions and design principles.
In my exploration of Micro interactions, I embarked on a project to redesign Iron Maiden's static landing page, aiming for a dynamic and modern look. Using Figma and its Auto animate feature, I experimented with engaging interactions and design elements. The outcome was an innovative landing page that revitalized the band's image in a contemporary and dynamic fashion, blending Micro interactions and design principles.
In my exploration of Micro interactions, I embarked on a project to redesign Iron Maiden's static landing page, aiming for a dynamic and modern look. Using Figma and its Auto animate feature, I experimented with engaging interactions and design elements. The outcome was an innovative landing page that revitalized the band's image in a contemporary and dynamic fashion, blending Micro interactions and design principles.
Analysis and Insights:
Analysis and Insights:
Analysis and Insights:
For the Iron Maiden landing page redesign, I conducted a thorough analysis of their existing website, pinpointing strengths and weaknesses. Recognizing areas for improvement, I delved into other band websites to extract insights and identify effective design techniques.
For the Iron Maiden landing page redesign, I conducted a thorough analysis of their existing website, pinpointing strengths and weaknesses. Recognizing areas for improvement, I delved into other band websites to extract insights and identify effective design techniques.
For the Iron Maiden landing page redesign, I conducted a thorough analysis of their existing website, pinpointing strengths and weaknesses. Recognizing areas for improvement, I delved into other band websites to extract insights and identify effective design techniques.
Moodboard and Design Direction
Moodboard and Design Direction
Moodboard and Design Direction
To define a clear path for the redesign, I curated a moodboard featuring diverse images, interactions, and UI components aligning with Iron Maiden's image and identity. This visual exploration allowed me to iterate on various UI designs and pinpoint the most suitable direction.
To define a clear path for the redesign, I curated a moodboard featuring diverse images, interactions, and UI components aligning with Iron Maiden's image and identity. This visual exploration allowed me to iterate on various UI designs and pinpoint the most suitable direction.
To define a clear path for the redesign, I curated a moodboard featuring diverse images, interactions, and UI components aligning with Iron Maiden's image and identity. This visual exploration allowed me to iterate on various UI designs and pinpoint the most suitable direction.
Interactive Elements and Animations
Interactive Elements and Animations
Interactive Elements and Animations
To heighten the landing page's interactivity, I harnessed Figma's Auto animate feature. Experimenting with different applications of Auto animate, I created dynamic animations that elevated the overall user experience. This step aimed to engage users with visually appealing and interactive elements.
To heighten the landing page's interactivity, I harnessed Figma's Auto animate feature. Experimenting with different applications of Auto animate, I created dynamic animations that elevated the overall user experience. This step aimed to engage users with visually appealing and interactive elements.
To heighten the landing page's interactivity, I harnessed Figma's Auto animate feature. Experimenting with different applications of Auto animate, I created dynamic animations that elevated the overall user experience. This step aimed to engage users with visually appealing and interactive elements.
Learnings & takeaways
Learnings & takeaways
Learnings & takeaways
• Embarking on the exploration of complex micro interactions, I found the experience simultaneously challenging and enjoyable.
• Embarking on the exploration of complex micro interactions, I found the experience simultaneously challenging and enjoyable.
• Despite encountering limitations with Figma while generating multiple animation ideas, I adapted and adjusted my approach.
• Despite encountering limitations with Figma while generating multiple animation ideas, I adapted and adjusted my approach.
• The experience presented an exciting challenge, allowing me to delve into different possibilities for crafting visually appealing and dynamic animations.
• The experience presented an exciting challenge, allowing me to delve into different possibilities for crafting visually appealing and dynamic animations.
Harshini Narendra • Experience Designer
Toodles! ✨
Harshini Narendra
Toodles! ✨