Select Page

BUNK LANDING PAGE

Bunk is currently in prototyping stages but, there was a need to relay information about the app. Bunk’s landing page along with an email subscription services was created to prove Bunk belongs in the market.

THE CHALLENGE

THREE DIFFERENT AUDIENCES

Students and landlords want to know when the app is live. Our landing page will allow us to share the progress with our development. Since we are sharing our story, I paid close attention to how we ordered our page. Our users also want to know how the app will work, features that will stand out among other apps, and the prices associated with using our services. By including our app’s commercial on the page, we believe that we can answer many of their questions.

Bunk’s landing page is also geared towards investors and funders. This is because our app is still in development stages and will require additional funding to complete development. When creating content for the page, our goal was to strategically implement information that is relevant to an investor. They will want to know our go to market strategies, anticipated startup costs, business goals, and our history.

Goals:

1. A page to show what the app is hoping to accomplish.

2. Intice users to subscribe to find out more about the launch date and features of the app.

3. Provide information that would spark interest in a funder/investor.

 

THE RESEARCH

WHAT IS A LANDING PAGE?

Before designing Bunk’s landing page I did a lot of research on how other apps site were designed.

Main takeaways:

1. Real Life user ratings

2. Features/screenshots of the app

3. Contact us

4. About/a meet the creators

 

THE PROCESS

IMPLEMENTING THE RIGHT INFORMATION AND DESIGN

I wanted to take what I learned from researching the different app sites and implement some of the common uses on Bunk’s site. This included implementing a part for our features, an about us section, and a spot to place our video.

THE PROCESS

DESIGN DECISIONS

While user testing the features page there was a lot of difficulties. My initial concept was when a user hovered over the words/icons the phone would change to that specific screen. During user testing, not many understood and had just accidentally hovered over it and realized the phone screen had changed. After thinking it over I decided to change completely how to module looked. I ended up going with a jQuery plugin called flipster. The presentation of the screen turned out great but the bugs and not much room to change the coding made it problematic. In the future, I would like to redo this page and change the display of the features.

THE PROCESS

SUBSCRIPTION

An important part of creating the landing page was also to implement the subscription system into it. I started creating mockups of what the subscripition module would look like. After critique, and some user testing I learned that once a user clicks the “I am a..” all of the questions should be shown rathar than making them keep hitting the continue button.

THE PROCESS

EMAIL DESIGN

When designing the email templates I wanted to design them with the same template with the same style but different content. I wanted them all to have the same sort of hiearchy.

After critique I was informed that the box in the middle should be where all the biggest and most important content should go because you are drawn to that area.