# Need help on Landing Page Design

**URL:** https://community.glideapps.com/t/need-help-on-landing-page-design/8262
**Category:** Ask for Help
**Created:** [May 1, 2020, 5:45am UTC](https://community.glideapps.com/t/need-help-on-landing-page-design/8262 "2020-05-01T05:45:12Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![Leon\_Lim](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/leon_lim/32/67524_2.png) [@Leon\_Lim](https://community.glideapps.com/u/Leon_Lim)
#### Post date: [May 1, 2020, 5:45am UTC](https://community.glideapps.com/t/need-help-on-landing-page-design/8262/1 "2020-05-01T05:45:12Z")

</div>

Hi folks,  
I am new to Glide and currently using it to design and develop a mobile apps for real estate marketplace. In the landing page design, I don’t seems to be able to find a way to design the landing page with edge-to-edge full screen background image and a search bar in the middle of the page just like the home page shown below:

 ![property home page](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/9/9de23ac965974a5c4074f0cca5f6874746c24b9d.jpeg)

appreciate any thoughts or advice please?  
thanks!  
leon

---

<div class="post-metadata">

### Author: ![Petr\_Shemyagin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/petr_shemyagin/32/59902_2.png) [@Petr\_Shemyagin](https://community.glideapps.com/u/Petr_Shemyagin)
#### Post date: [May 1, 2020, 6:35am UTC](https://community.glideapps.com/t/need-help-on-landing-page-design/8262/2 "2020-05-01T06:35:38Z")

</div>

Hello, Leon!

I think that it is impossible to make exactly what you wish in Glide now. There are a lot of variants of how to get similar result. For example, you can make a full-screen image with a link to catalogue page. The other variant is to make an arrow at the image which will show that the catalogue and search is on another tab of the app. Or you can just make image and inline list below it.

Maybe there are other variants, it depends on your imagination)

---

<div class="post-metadata">

### Author: ![Leon\_Lim](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/leon_lim/32/67524_2.png) [@Leon\_Lim](https://community.glideapps.com/u/Leon_Lim)
#### Post date: [May 1, 2020, 7:02am UTC](https://community.glideapps.com/t/need-help-on-landing-page-design/8262/3 "2020-05-01T07:02:56Z")

</div>

Thanks @Petr_Shemyagin for your quick response and suggestions. I have tried using an image component as background image but it won’t fill up the entire screen edge to edge which is a bummer. I was hoping to design a minimalist landing page as this seems to be a common design trend but if this is not possible, I will have to try other options / variants as suggested.  
leon

---

<div class="post-metadata">

### Author: ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)
#### Post date: [May 1, 2020, 9:20am UTC](https://community.glideapps.com/t/need-help-on-landing-page-design/8262/4 "2020-05-01T09:20:01Z")

</div>

@Leon_Lim

You could use a portrait sized picture. Glide will fit the width of your image to your phone screen width - and it that way you can get a full screen image

 ![Glide_image_full_screen_welcome](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/d/d6e6edf88ff6fcd28f1200a1fbfea9699d944353.jpeg)

In settings, use black theme (and do not use Match device theme)

I made a very simple app - take a look and get inspired (it is copyable)  
[simple-homepage.glideapp.io](http://simple-homepage.glideapp.io)

I made the image link to another screen

---

<div class="post-metadata">

### Author: ![Leon\_Lim](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/leon_lim/32/67524_2.png) [@Leon\_Lim](https://community.glideapps.com/u/Leon_Lim)
#### Post date: [May 1, 2020, 12:25pm UTC](https://community.glideapps.com/t/need-help-on-landing-page-design/8262/5 "2020-05-01T12:25:26Z")

</div>

Thanks @Krivo for your tips and sample app. The background image certainly looks better but unfortunately, without search bar, the user experience is somewhat compromised. I will need to go back to the drawing board to consider other options or simply use an inline list on landing page.  
leon

---

<div class="post-metadata">

### Author: ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)
#### Post date: [May 1, 2020, 1:30pm UTC](https://community.glideapps.com/t/need-help-on-landing-page-design/8262/6 "2020-05-01T13:30:42Z")

</div>

@Leon_Lim Added an inline list at the front page - and made it searchable. Will that help you?

---

<div class="post-metadata">

### Author: ![Leon\_Lim](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/leon_lim/32/67524_2.png) [@Leon\_Lim](https://community.glideapps.com/u/Leon_Lim)
#### Post date: [May 1, 2020, 2:30pm UTC](https://community.glideapps.com/t/need-help-on-landing-page-design/8262/7 "2020-05-01T14:30:07Z")

</div>

@Krivo - yes, i guess inline searchable list is probably the way to go and thanks again for your help.
