Inside Out Cards
Project Journey & Case Study
Redefining Gifts, One Card at a Time
In a world speeding towards digital everything, Inside Out Cards was born from a desire to bring back the warmth and personal touch in how we express affection. This arts & crafts e-commerce store isn't just about selling cards; it's about empowering users to craft deeply personal, unique gifts that make every occasion truly memorable. This project was an exciting blend of a real-world client challenge and an in-depth university undertaking.
The Spark: Vision & Core Objectives
Our vision was clear: create a platform where personalization is paramount. The core objectives guiding this journey were:
- Intuitive User Experience: To deliver a seamless journey, allowing customers to easily navigate, design, and visualize their personalized gifts.
- Rich Personalization: To offer a vast array of customization options designs, colors, messages, and unique creative elements.
- Universal Accessibility: To ensure the website is a joy to use across all devices, with a special focus on mobile and tablet responsiveness.
- Engaging Interactions: To incorporate interactive elements that captivate users, encouraging exploration and creativity.
The challenge lay in translating these objectives into a tangible, user-loved platform that stood out in the crowded e-commerce space, especially for an arts & crafts niche.
Step 1: Diving Deep - User Research & Brand Foundation
Before a single pixel was pushed, we immersed ourselves in understanding who we were designing for. Our target audience included:
- Thoughtful Gift Givers: Individuals seeking unique, heartfelt gifts for birthdays, anniversaries, and holidays.
- Creative Craft Enthusiasts: Those who cherish the art of crafting and desire to design their own gifts.
- Efficient Last-minute Shoppers: People needing quick yet meaningful gift solutions.
This initial research phase was crucial for brand development, helping us define a brand voice and visual identity that resonated with creativity, warmth, and uniqueness. Extensive user research and testing were conducted, the insights from which formed the bedrock of our design strategy.
Dive into the specifics of our findings:
-
View User Research & Testing on Figma
-
Download Full Research & Investigation PDF
-
Download Project Proposal PDF
Step 2: Designing the Delight - UX/UI & Interactivity
With a solid understanding of our users and a budding brand identity, we moved into the design phase using Figma and the Adobe Suite. Our key design considerations were:
- Simplicity is Key: A clean, uncluttered design to make navigation and the creation process effortless.
- Interactive Magic: Incorporating hover animations, user reviews, and live previews to make personalization engaging and real-time.
- Visual Harmony: A color palette and typography that sing the "arts & crafts" tune.
- Gentle Guidance: Offering newsletters, inspiration galleries, and creative tips for users seeking a spark.
- Mobile-First Fluidity: Ensuring a touch-friendly and optimized experience for smaller screens, where many gift-Browse journeys begin.
The UI was crafted to be visually appealing and emotionally
resonant, reflecting the handcrafted nature of the gifts
themselves.
-
Explore the Figma UI Design
Step 3: Building the Dream - Development with Precision
The development phase was all about translating the design vision into a functional, high-performing website. The site was hardcoded using foundational web technologies (HTML,CSS,JS)
The synergy between these technologies was vital. Semantic HTML made navigation intuitive; CSS ensured visual appeal aligned with the brand, and JavaScript powered the interactive personalization at the heart of Inside Out Cards. This careful integration was key to achieving a seamless cross-device experience.
Step 4: Refining the Craft - Testing & Iteration
User testing wasn't a one-off step but an ongoing dialogue. After initial development sprints, we revisited our target users, gathering feedback on everything from the card customization flow to the clarity of instructions. This iterative process, detailed in our Figma testing files, allowed us to identify pain points, refine interactions, and ensure the final product was not just functional but truly enjoyable to use.
Step 5: Sharing the Joy - Strategy & Digital Marketing
With a polished platform ready, the focus shifted to strategy and digital marketing. The post-launch phase involved monitoring user behavior through analytics to identify further areas for improvement (post-testing).
Our digital marketing strategy aimed to connect with our diverse target audience through:
- Content Marketing: Creating inspiring blog posts, DIY gift guides, and social media content showcasing the creative possibilities.
- Social Media Engagement: Building a community on platforms popular with craft enthusiasts and gift-givers (e.g., Instagram, Pinterest).
- SEO Optimization: Ensuring those searching for "personalized handcrafted gifts" or "unique card ideas" could easily find us.
- Email Marketing: Nurturing leads with newsletters featuring new designs, special offers, and gifting inspiration.
The overall business consulting aspect also involved advising the client on pricing strategies, product range expansion, and customer service protocols to ensure long-term growth and user satisfaction.
Client Project / University Study
Date:
July 2024
Location:
Colombo, Sri Lanka
Project Type:
Branding, User Research, UX/UI Design, Web Development, Digital Marketing Strategy
Software & Tools:
Figma, Adobe Suite, HTML, CSS, JavaScript
Website Live Preview:
insideoutcards
Figma UI Design:
View Figma File
User Evaluation & Testing:
View Figma File
Research & Investigation:
View PDF
Project Proposal:
View PDF
Brand Guildline:
View Brand Guildlines
Socials




