Restaurant Menu Inspired Course Starters #373: Challenge | Recap
Challenge of the Week
This week, your challenge is to design a course starter template using design elements from restaura...
Published 3 years ago
Version 1.0
Blog Post
Big Juicy Burger Menu Course Starter
Demo: https://jodisdemos.s3.amazonaws.com/373+Restaurant+Menu/story.html
Download: https://jodisdemos.s3.amazonaws.com/373+Course+Starter+from+Restaurant+Menu.story
Ok, here's what I could do with this topic. I tried to leverage an existing burger menu and turn it into something you could actually use in a real course. I created a style sheet and a cover, objectives, key topics, slider, tabs infographic, quiz and closing slide. Some of the layouts are from the content library and I just applied colors and fonts. I don't see ever using this IRL, but it was fun to play with. Enjoy the week!
Demo: https://jodisdemos.s3.amazonaws.com/373+Restaurant+Menu/story.html
Download: https://jodisdemos.s3.amazonaws.com/373+Course+Starter+from+Restaurant+Menu.story
Ok, here's what I could do with this topic. I tried to leverage an existing burger menu and turn it into something you could actually use in a real course. I created a style sheet and a cover, objectives, key topics, slider, tabs infographic, quiz and closing slide. Some of the layouts are from the content library and I just applied colors and fonts. I don't see ever using this IRL, but it was fun to play with. Enjoy the week!
- I love how you did your slider with markings and different coloration from your theme based on the location. I downloaded your template to see how you did it and I still can't figure out how you made the states for each image have different shadings.
- Hi Jared,
I did a couple things with that slider. First, I found out only recently that a slider can have different states. :) I created a hard gradient on the track states that changes when you move the slider back and forth. As for the numbers that light up when you move the slider, I put a yellow number on each of the different layers, so when Layer 1 opens, the number 1 lights up, etc. I hope that helps!- Thanks Jodi,
I'm definitely going to be giving this a shot on my next project.
- This is a bold yet simple design here. Looks very professional!
- This is great, Jodi! I love how easy this is for me to read--it's particularly great for people who need large print, like me. It makes such a difference in how comfortable it is to take an eLearning course.
- Very nice! Also, thank you for the download. It helped me figure out slider issues I was having.
