RetroPlum - Skeuomorphic Style Button Kit

Hello! I'm Salvatore, and I'm thrilled to introduce you to my project—the RetroPlum Button Kit, developed from scratch in response to the Uxcel Design Brief: Button System Design for a Tech Platform. This project marks my venture into creating a button system specifically tailored for a tech platform, aiming to transcend the norms of a mundane and static experience. The RetroPlum Kit is a harmonious blend of basic button principles with my personal design tastes and philosophies.

In developing the RetroPlum Button Kit, my focus was on:

• Enhancing User Interaction: By integrating multiple button states and variants, the design aims to make digital interfaces more intuitive and engaging.
• Aesthetic and Functional Harmony: The skeuomorphic design approach, coupled with a carefully selected color palette and typography, seeks to spark user curiosity and encourage interaction.
• Versatility and Clarity: By limiting the variety of sizes and categorizing button states, the system is designed to be both versatile for different applications and straightforward for users and designers alike.

Key Features:

• Four Button Variants: Default, Secondary, Destructive, and Tertiary, each tailored for specific user interactions.
• Eleven States: Includes an innovative animated CTA reminder, enriching user engagement with subtle, intuitive cues.
• Skeuomorphic Design: A modern twist on classic aesthetics, employing shadows and textures to emulate real-world tactility.
• Adaptable Sizes: Three meticulously chosen sizes to ensure versatility and usability across various applications.
• Comprehensive Typography and Color Scheme: Utilizes the Camphor font family for its legibility and versatility, paired with a strategically selected color palette to invoke curiosity and interaction.

Opting for a skeuomorphic design approach, I sought to imbue the project with a sense of tactile familiarity and intuitive interaction—a decision deeply anchored in my personal design philosophy and experiences. As you'll discover, my exploration of skeuomorphic styles is not just a nod to design trends but a reflection of my lifelong fascination with the tangible aspects of technology and their intersection with digital interfaces. This approach represents an experimental foray into button system and skeuomorphic design, and there is undoubtedly room for further improvements. Therefore, I welcome any and all feedback!

To ensure clarity and focus in my presentation, I chose to categorise button states and limit the variety of sizes. This strategy aimed to streamline both the design process and presentation, rendering the button system more accessible and concise for the audience.

For a full breakdown please read the walkthrough below.

📝 Read Walkthrough: https://bit.ly/3TPQzFJ

💻 Play Prototype: https://bit.ly/3xcflHe 

🎨 View Figma File: https://bit.ly/3Pzj7R2

🔥 Get a free copy: https://bit.ly/3Pzj7R2