- Designers Desk
- Posts
- Figma Tutorial: Lo-Fi & Hi-Fi (Rise Church Homepage)
Figma Tutorial: Lo-Fi & Hi-Fi (Rise Church Homepage)
In this tutorial, I walkthrough my design process in Figma to create a church website concept that's loosely based on a client project.

Good evening,
Hope you all enjoyed your long weekend - today I spent most of my Tuesday coordinating new project timelines and getting briefs ready for the team and myself to start working!
Today I also recorded a new tutorial for you. It’s a little long (it’s a little late, I know and I’m getting these internet issues sorted this week) but I got to keep my promises nonetheless. In today’s video we’ll walkthrough a complete build in Figma plus a short tutorial pointing out what tool does what - to get you accustomed to the platform. We’ll be doing a rough draft of the layout, then we go straight into the Hi-Fi design with images, fonts, and a more polished look that’s client ready.
In the near future, I’ll also be making a video about where I pick up design inspiration when I’m stuck creatively and how I source fonts. Web design for me is all about creative exploration while applying the basic user experience principles.
The links are below for you to enjoy - go at your own pace and have some fun with it!
Figma Tutorial: Lo-Fi & Hi-Fi 👇🏽
YouTube Video Link 💻
Talk soon,
-Dexter