Forum Discussion

GokceInan's avatar
GokceInan
Community Member
2 years ago

Glassmorphism Challenge & Weather Conditions and Precautions

When I started my journey in instructional design, I began using Figma which is mainly used for Ux and Ui design. Although I eventually switched to other authoring tools for my daily work needs, I always had a desire to use it for creating assets in my projects because it’s very precise. Besides, I believe it’s one of the best ways to plan your layout before you start building it your project on Storyline, although some may prefer Adobe XD.

 

In the project I’m sharing in the link below, I took part in a challenge called Glassmorphism. This challenge gave me the chance to finally use Figma for creating transparent weather cards. I designed most of my assets in Figma and then seamlessly integrated them into my Articulate Storyline project.

 

Lastly, I aimed for a design that combines both a vintage and modern look to connect with our target audience, which is young people, particularly university students. The goal was to make it feel relatable and genuine to them.

 

I got some inspiration from the FasterCourse – ‘Crushcourse for Monstera’ (Also designed for Glassmorphism challenge for Figma). Thank you very much for the tips!

You can check it out here: https://gokcenurinaninstructionaldesign.s3.eu-north-1.amazonaws.com/Weather+Conditions+and+Precautions/story.html

#InstructionalDesign #Figma #ArticulateStoryline #Glassmorphism #eLearning #ELHChallenge #FasterCourse

 

Audience: Young people, particularly university students
Responsibilities: Benchmarking, visual design, and interaction design.
Tools Used: Figma, Articulate Storyline
Target: The target of this course is to help young people become more aware and cautious about weather conditions and safety precautions.

  • This turned out great, Gokcenur! The first screen looks so magical! Love the glassmorphism effect you created and the surrounding graphics. Thanks for sharing your example and the file!