Tech Hive E-Commerce

I created a website for an online store selling second-hand gadgets, like phones, tablets, and smartwatches, using Framer. My goal was to create a simple and enjoyable user experience (UX) that helps people buy gadgets easily. The design needed to look modern and work well on the web. With Framer, I made a web interface (UI) that looks good and feels interactive, guiding users from the homepage to checkout smoothly.

Industry:

Framer

Timeline:

2 weeks

Web Design

mindful blog mobile app hero image

Tech Hive E-Commerce

I created a website for an online store selling second-hand gadgets, like phones, tablets, and smartwatches, using Framer. My goal was to create a simple and enjoyable user experience (UX) that helps people buy gadgets easily. The design needed to look modern and work well on the web. With Framer, I made a web interface (UI) that looks good and feels interactive, guiding users from the homepage to checkout smoothly.

Industry:

Framer

Timeline:

2 weeks

Web Design

mindful blog mobile app hero image

Tech Hive E-Commerce

I created a website for an online store selling second-hand gadgets, like phones, tablets, and smartwatches, using Framer. My goal was to create a simple and enjoyable user experience (UX) that helps people buy gadgets easily. The design needed to look modern and work well on the web. With Framer, I made a web interface (UI) that looks good and feels interactive, guiding users from the homepage to checkout smoothly.

Industry:

Framer

Timeline:

2 weeks

Web Design

mindful blog mobile app hero image

My Role

Responsibilities

I interviewed 8 gadget fans (20-35) who wanted fast loading and clear details. Using Framer, I structured categories and filters, built reusable components, and designed a simple UI with white, gray, and blue tones. Hover effects and animations like scrolling headers and fade-ins added life. My prototype showed the full buying process and, after testing with 5 users, I adjusted spacing.

Collaboration

I collaborated with an imaginary team. I gave developers my files and animation guide, discussing details in a meeting.It taught me clear communication and balance.

mindful blog mobile app role image
mindful blog mobile app role image
mindful blog mobile app role image

The Project

Challenge

How can we reduce the number of clicks for users? How can we make buying faster? Design a solution to present our service in a way that looks attractive graphically while meeting business KPIs and stakeholder goals.

Outcome

The website performed strongly in tests: 4 of 5 users called it "fast and professional," finding products 25% faster than a rival site. Framer’s modern animations impressed them. I learned to simplify buying steps, use animations to guide users, and test thoroughly to solve issues quickly.

mindful blog mobile app project image 1
mindful blog mobile app project image 1
mindful blog mobile app project image 1
mindful blog mobile app project image 2
mindful blog mobile app project image 2
mindful blog mobile app project image 2
mindful blog mobile app project image 3
mindful blog mobile app project image 3
mindful blog mobile app project image 3