Yeabsira Teklehaymanot
Web and App Designer | Your Design Partner
New to Contra
Yeabsira is ready for their next project!
Designed Aperture, Hero page exploring the relationship between AI and human intelligence.🦾💪
1
46
Meet NOVA 1—an ambient AI companion built for presence, not prompts.
(figma + spline + claude )
Designed the UI and layout in Figma, brought the 3D elements to life with Spline, and engineered the concept using Claude Opus.
What do you think of this design stack? 🚀
#UIUX (https://www.linkedin.com/search/results/all/?keywords=%23uiux&origin=HASH_TAG_FROM_FEED) #Spline3D (https://www.linkedin.com/search/results/all/?keywords=%23spline3d&origin=HASH_TAG_FROM_FEED) #WebDesign (https://www.linkedin.com/search/results/all/?keywords=%23webdesign&origin=HASH_TAG_FROM_FEED) #ArtificialIntelligence (https://www.linkedin.com/search/results/all/?keywords=%23artificialintelligence&origin=HASH_TAG_FROM_FEED) #BuildInPublic (https://www.linkedin.com/search/results/all/?keywords=%23buildinpublic&origin=HASH_TAG_FROM_FEED)
1
106
"Minimalism isn't just about using less; it's about making every single pixel count. 🚀
Meet Jonnyset—a concept e-commerce landing page I designed from scratch, focusing on editorial branding, typographic masking, curated featured collections, and a seamless luxury user experience.
When building this, my main goals were:
✨ Visual Depth: Using layered typography behind the subject to create an immersive, high-end feel.
✨ Curated Discovery: Guiding users naturally from the hero hook down through intentional featured collections and smooth interactions.
✨ Conversion Clarity: Keeping a clean layout that gives fashion products the premium presentation they deserve.
Swipe through to see the full design journey from top to bottom! ➡️
As a Product & UI Designer, I love turning creative visions into clean, human-centered digital realities. What section are you most drawn to? Let me know in the comments! 👇
#UIDesign #WebDesign #UIUX #ECommerceDesign #Figma #ProductDesign #CreativeDirection #Jonnyset"
2
202
Exploring dynamic transitions and visual depth in a responsive hero slider concept. 🌍✨
For this iteration, I wanted to see how a high-impact, tall display font could interact with iconic structural imagery to create a true sense of scale and architectural depth. By precision-masking the typography behind the landmarks, the layout achieves an immersive 3D parallax feel while maintaining a locked structural component grid across different global destinations.
🎯 Key Updates & Focus:
Cinematic Motion: Implemented an atmospheric fade-in intro to immediately capture user attention and establish mood.
Component Synchronization: Synced the micro-interaction of the card progress indicator and tracking bar to mirror live app logic.
Visual Hierarchy: Maintained strict text readability and contrast transitions against shifting sky backgrounds.
Built completely from scratch and animated within Figma.
I’d love to hear your thoughts on the motion pacing—would you prefer a faster snap transition or this smooth, atmospheric slide?👇
#UIUX (https://www.linkedin.com/search/results/all/?keywords=%23uiux&origin=HASH_TAG_FROM_FEED) #ProductDesign (https://www.linkedin.com/search/results/all/?keywords=%23productdesign&origin=HASH_TAG_FROM_FEED) #FigmaAnimation (https://www.linkedin.com/search/results/all/?keywords=%23figmaanimation&origin=HASH_TAG_FROM_FEED) #WebDesign (https://www.linkedin.com/search/results/all/?keywords=%23webdesign&origin=HASH_TAG_FROM_FEED) #InteractionDesign (https://www.linkedin.com/search/results/all/?keywords=%23interactiondesign&origin=HASH_TAG_FROM_FEED) #TravelUI (https://www.linkedin.com/search/results/all/?keywords=%23travelui&origin=HASH_TAG_FROM_FEED) #MotionDesign (https://www.linkedin.com/search/results/all/?keywords=%23motiondesign&origin=HASH_TAG_FROM_FEED) #UserInterface (https://www.linkedin.com/search/results/all/?keywords=%23userinterface&origin=HASH_TAG_FROM_FEED)
1
147