Freelance Interactive Designs

Freelance Interactive DesignsFreelance Interactive Designs

Projects People

Rive Specialist & Motion Designer - Built to Ship

1x: Hired

5.0: Rating

16: Followers

expert

Rive Specialist & Motion Designer - Built to Ship

Cover image for Stride / App Onboarding with Rive

Stride / App Onboarding with Rive

1

5

Cover image for Pip the Weather Man / Interactive Mascot

Pip the Weather Man / Interactive Mascot

1

8

Cover image for Interactive Character Mascot

Interactive Character Mascot

1

15

Cover image for Two-Click Stopwatch Button

Two-Click Stopwatch Button

1

11

Interactive Design(2)

HMI Interface designer. UX/UI for embedded screens & devices

$5k+: Earned

2x: Hired

32: Followers

HMI Interface designer. UX/UI for embedded screens & devices

Cover image for HMI interface for medical equipment

HMI interface for medical equipment

0

11

Cover image for Screen interface for Self-check-in kiosk

Screen interface for Self-check-in kiosk

1

240

Cover image for HMI design for a laboratory

HMI design for a laboratory blood testing device

2

448

Cover image for HMI design for electric motorcycle

HMI design for electric motorcycle

2

410

Interactive Design(2)

Karachi, Pakistan

UI/UX Designer | Web+App D | Ecm+Amz listing | SMD | SMM

23: Followers

UI/UX Designer | Web+App D | Ecm+Amz listing | SMD | SMM

Cover image for Modern Website Hero Section
✨ First

Modern Website Hero Section ✨ First impressions matter. A well-designed hero section grabs attention, communicates your brand message, and encourages users to take action. At Fliqo Studio, we create modern, conversion-focused websites that combine clean aesthetics with exceptional user experience. 🚀 Looking for a website that stands out? 📩 DM @fliqo_studio (https://www.instagram.com/fliqo_studio/) to get started.

1

13

Cover image for Checkout UI Design
Every extra step

Checkout UI Design Every extra step in the checkout process can lead to lost sales. A simple, secure, and user-friendly checkout experience helps reduce cart abandonment and improve conversions. At Fliqo Studio, we design checkout flows that make purchasing fast and effortless. 📩 Need a better shopping experience for your customers? Let's talk.

1

21

Cover image for Modern Skincare Landing Page Design
A

Modern Skincare Landing Page Design A clean, premium, and conversion-focused landing page concept designed for Blue Chamomile Hyaluronic Cream. The goal was to create a visually appealing shopping experience that builds trust and highlights the product's benefits through a modern, user-friendly interface. This design includes a premium hero section, product benefits, ingredients, skincare routine, customer reviews, comparison table, FAQ, and strong call-to-action sections—all crafted to improve user experience and increase conversions. Looking for a custom website for your brand or product? I design modern, high-converting websites in Figma for skincare, beauty, cosmetics, SaaS, and eCommerce brands. 📩 Available for freelance projects. Feel free to DM me.

1

66

Cover image for FLORAMAP — Explore The World's

FLORAMAP — Explore The World's Most Beautiful Flowers Discover a stunning web platform dedicated to botanical beauty. Interactive world maps show where each flower grows. Detailed morphological data reveals petal composition, stem architecture & global distribution. Compare flowers side-by-side, check cultivation requirements, and explore which countries produce what. Figma link: https://www.figma.com/make/ye0VhHFtTahAAoTqqLdLwK/Interactive-Botanical-Flower-Database?t=aziymxICzBx0zDsa-20&fullscreen=1 Figma community link: https://impact-think-28617503.figma.site

1

2

208

Interactive Design(4)

Akingbade James

Ibadan, Nigeria

GoHighLevel Expert | CRM Automation | Websites

New to Contra

GoHighLevel Expert | CRM Automation | Websites

Cover image for Genially Interactive Design: Becoming the

Genially Interactive Design: Becoming the GOAT Curriculum This module is part of the Becoming the GOAT Curriculum Professional Learning Series, designed for educators. Its primary purpose is to help teachers understand that every learner is unique and that effective teaching begins with recognizing, valuing, and responding to those differences rather than expecting all students to learn the same way. The central message throughout the module is that learning should adapt to students—not the other way around. Instead of viewing learner differences as obstacles or deficits, educators are encouraged to see them as strengths that can be used to create more engaging, equitable, and successful learning experiences. What Was Done The interactive learning module was structured to guide educators through a progressive learning experience consisting of instructional content, practical classroom examples, learner reflection, and knowledge assessment. 1. Introduction to Learner Differences The module begins by introducing the concept that every student enters the classroom with unique backgrounds, experiences, abilities, cultures, learning preferences, and cognitive differences. Rather than treating these as problems, the module emphasizes that they are valuable assets that shape how students learn. 2. Mindset Shift A major section focuses on transforming educators' thinking by replacing traditional, deficit-based questions with more inclusive ones. Instead of asking: "Is this student ready for the learning?" Educators are encouraged to ask: "Is the learning ready for this student?" This reframing promotes equitable access, higher expectations, and responsive instruction instead of tracking or labeling students. 3. Practical Classroom Applications The module demonstrates how responsive teaching can be implemented across multiple subject areas through real classroom examples. Examples include: English Language Arts Mathematics Science Social Studies Classroom Environment Each example compares a traditional teaching approach with a more responsive instructional strategy and explains the positive impact on student engagement and learning. 4. Research-Based Evidence The curriculum reinforces its recommendations with educational research showing that responsive classrooms lead to: Greater student engagement Improved attendance Stronger sense of belonging Higher academic achievement Better relationships between students and teachers 5. Real Student Perspectives The module includes authentic student stories that illustrate the consequences of ignoring learner differences. These examples demonstrate how students can experience: Disconnection Shame Reduced participation Lower achievement Feeling excluded from learning This section helps educators build empathy by connecting instructional decisions with students' lived experiences. 6. Knowledge Assessment The learning experience concludes with a multiple-choice quiz that reinforces the module's key concepts, ensuring educators understand: The shift toward GOAT-centered education Asset-based thinking Responsive instruction principles Overall Learning Objective By the end of the module, educators should understand that effective teaching is not about expecting students to fit a single instructional model. Instead, it is about designing learning experiences that recognize individual differences, remove barriers, and provide every learner with meaningful opportunities to succeed. Genially Project Summary (Portfolio Style) This interactive Genially learning module transforms a professional development curriculum into an engaging, self-paced experience for educators. The project combines visual storytelling, interactive content, real-world classroom scenarios, learner reflections, and knowledge checks to teach responsive instructional practices. Through guided progression, practical examples, and interactive assessments, the module encourages educators to adopt an asset-based mindset that values learner diversity and promotes equitable access to learning. Overall, this project is less about presenting theory and more about changing educators' perspectives—helping them shift from asking whether students are ready for learning to designing learning that is ready for every student.

0

29

Cover image for Gohighlevel Website Design
Description:
Designed and developed

Gohighlevel Website Design Description: Designed and developed three modern, responsive websites in GoHighLevel for a commercial cleaning and home services business to strengthen its online presence and generate more service inquiries. The websites were built with a conversion-focused approach, featuring professionally structured landing pages, engaging service sections, clear calls-to-action, customer testimonials, FAQs, and intuitive navigation to provide a seamless user experience across all devices. The project included creating visually appealing layouts for both commercial cleaning and home repair services, organizing content to effectively showcase the company's offerings, integrating contact and booking functionality, and optimizing the websites for lead generation. Every section was strategically designed to build trust, highlight key services, and encourage visitors to book services or request a quote. The final result was two fully responsive, high-performing GoHighLevel websites that enhanced the client's brand credibility, improved customer engagement, and provided an efficient platform for converting website visitors into qualified leads.

0

34

Cover image for Here's a concise summary of

Here's a concise summary of the Genially project: Genially Project Summary: The Journey – Current Self → Future Self This interactive slide introduces adult learners (educators) to the idea that growth is a continuous journey rather than a pursuit of perfection. It encourages learners to view their current abilities as a valid starting point while recognizing that their future goals are achievable through learning, practice, and support. The content is divided into three connected sections: Current Self (Today) – Represents where the learner is now, including their existing skills, strengths, and current challenges. The message reinforces that their present state is completely valid. The Journey (The Work) – Illustrates the bridge between the present and the future by highlighting the skills to develop, habits to build, support available, and effort required for growth. Future Self (Tomorrow) – Encourages learners to envision who they want to become, the goals they hope to achieve, the skills they want to master, and the positive impact they aspire to make. The key takeaway is that the difference between the Current Self and Future Self is not about personal shortcomings but about knowledge and skills that have not been learned yet. The word "yet" is emphasized because it reinforces a growth mindset. Interactive Elements An animated pathway or arrows showing progression from Current Self to Future Self. A reflection prompt asking learners to think of a skill they did not possess five years ago but have developed since, helping them recognize their own growth journey. A Continue button to move to the next section. Design Direction Use a visual pathway or bridge connecting the three stages. Images should clearly depict personal and professional growth. Highlight the word "yet" in bold or a contrasting color to reinforce the central message. The overall tone should speak to adult educators, making the examples and visuals relatable to professionals rather than students. Overall Objective: Help learners adopt a growth mindset by understanding that meaningful development happens over time through intentional learning, consistent effort, and support—not through perfection.

0

28

Cover image for Life Insurance Landing Page Design

Life Insurance Landing Page Design & GoHighLevel Implementation Description: Designed and developed a high-converting Life Insurance landing page in GoHighLevel focused on generating qualified consultation bookings. The page features a clean, responsive layout with strategically placed calls-to-action, trust-building content, service highlights, testimonials, an embedded appointment booking calendar, and an FAQ section to address common objections. The landing page was optimized to guide visitors through the customer journey and encourage them to schedule a free insurance strategy session. Scope of Work Designed a modern, mobile-responsive landing page in GoHighLevel Created engaging hero and service sections with compelling copy placement Structured the page to improve user experience and lead conversion Integrated GoHighLevel calendar for online appointment scheduling Added customer testimonials to build credibility and trust Designed FAQ section to reduce buyer objections Implemented clear call-to-action buttons throughout the page Optimized page layout for faster navigation and improved conversion rates Ensured responsive performance across desktop, tablet, and mobile devices Technologies Used GoHighLevel Website Builder GoHighLevel Calendar Integration Responsive Web Design Conversion-Focused Landing Page Design Lead Generation Optimization UI/UX Design Outcome Delivered a professional, conversion-focused landing page that helps educate potential clients, establish trust, and drive more consultation bookings through an intuitive user experience and strategic page structure.

0

38

Interactive Design(2)

Abdulmajeed Sulyman

Brand & Motion Designer | Rive Animation Expert

1x: Hired

5.0: Rating

70: Followers

expert

Brand & Motion Designer | Rive Animation Expert

Cover image for Bike HMI Concept
I've been experimenting

Bike HMI Concept I've been experimenting with designing and animating an electric bike HMI in @Rive This concept is built using Data Binding and State Machines, where a single input can drive multiple UI elements, from the speedometer and battery percentage to color transitions and other dashboard interactions. The setup is designed so it can be connected to live data from the bike, allowing the interface to update dynamically in real time. It's been a great exercise in exploring how motion and interaction can make digital dashboards feel more intuitive, responsive, and enjoyable to use. I'd love to hear your thoughts!

3

2

228

Cover image for Just wrapped up this motion

Just wrapped up this motion piece for (https://www.instagram.com/racool_hub/)RacoolHub and I'm really happy with how it came together. If you're looking for motion design that not only looks good but communicates effectively, I'm currently available for new projects.

1

134

Cover image for People often associate motion design

People often associate motion design with eye-catching visuals. But sometimes, the strongest asset in a video is the message itself. This piece leans more into typography and storytelling than heavy visuals, a creative direction some clients intentionally prefer. Good motion isn't about doing the most. It's about doing what serves the message best.

4

161

Cover image for A few motion frames from

A few motion frames from different projects that I've worked on. One thing I always try to focus on is making movement feel intentional, not excessive. Good motion should support the brand, not distract from it.

1

235

Interactive Design(1)

Covenant Nwaorgu

proLagos, Nigeria

Framer websites for startups that need to stand out

5.0: Rating

26: Followers

expert

Framer websites for startups that need to stand out

Cover image for Swerve - A portfolio that never scrolls

Swerve - A portfolio that never scrolls

0

7

Cover image for Demeure - Creative Studio Framer Template

Demeure - Creative Studio Framer Template

0

8

Cover image for Two templates in with Cobi

Two templates in with Cobi Studio. The third is already on the way. 👀 A premium Framer template for creative studios, branding agencies, and film teams who want a site that sells the work, not just shows it. Eleven editorial pages, full CMS, and a design system you can rebrand in minutes. Plus a full step-by-step walkthrough video, so you can launch even if you’ve never touched Framer. Buy it here: https://contra.com/products/mT5CbuzX-demeure-creative-studio-framer-template Running a studio? Tell me what your current site is missing. 👇

4

9

532

Cover image for Demibold — Premium Studio Template Design

Demibold — Premium Studio Template Design

2

21

Interactive Design(2)

Maricel Reinhard

Graphic Design, 2D/3D Motion Graphics, Web Development

5.0: Rating

10: Followers

Graphic Design, 2D/3D Motion Graphics, Web Development

Cover image for Interactive 3D Landing Page - Weather Ready Farms

Interactive 3D Landing Page - Weather Ready Farms

0

5

Cover image for Tastee Tape Website & Motion Graphics Development

Tastee Tape Website & Motion Graphics Development

0

3

Cover image for Character design, model and animation for Storia AI.

Character design, model and animation for Storia AI.

1

51

Cover image for Being In You Campaign - 3D Character Design and Animation

Being In You Campaign - 3D Character Design and Animation

0

5

Interactive Design(1)

proMumbai, India

Bringing Ideas to Life through Design and Code

25: Followers

Bringing Ideas to Life through Design and Code

Cover image for Preserve Your Stories: Join the People's Digital Museum Today

Traditional museums preserve what changed the world. What about the objects that changed you? The train ticket you never threw away. The toy you carried everywhere. The watch your grandfather wore every day. The sketch that started your career. The random object sitting in a drawer that somehow means everything. I'm building People's Museum (https://peoples-museum.figma.site/), a digital museum where anyone can preserve one meaningful object and the story behind it. No likes. No followers. No algorithms. Just people, objects, and the reasons they matter. If you could preserve one object forever, what would it be?

29

64

3.9K

Cover image for UPI Shield: Pre-Transaction Fraud Detection

UPI Shield: Pre-Transaction Fraud Detection

0

8

Cover image for Guided Entry System for Smallcase

Guided Entry System for Smallcase

0

6

Cover image for Travel & Payments Website Design

Travel & Payments Website Design

0

4

Interactive Design(1)