Loader Website
Logo

Klatch Landing Page

Klatch Landing page for event organizers

Klatch Landing Page
Klatch Landing page for event organizers
Services:
UX Design
UI Design
Web App Development
Project Management
Year:
2023
Why a landing page?

Our project is to create a Landing Page to sell the service. In fact, here we explain both the app and the webapp features, and what the client will find if he buys our service. The Landing Page was necessary because it’s the first touchpoint that the event organizers see when they get in contact with Klatch and it’s also the first occasion we have to sell our product!

Competitor research

Before we began our journey, we needed to understand what already exists in terms of events management and so we started doing competitor research, to see ideas and what we can add more to make the user experience the best experience possible.

We saw that a lot of competitors have similar websites to what we were looking for, so we gathered some of the things we liked most from each one, and came up with our own style. We could see some very good examples, where we took some details, but we also could see some bad examples that showed us what we were not going to do.

Meanwhile we were thinking about the features we wanted and so we took some inspiration from competitors to what we can and can not have.

Image

As you can see, we tried to give to our landing page what we think was the best from the competitors. Moreover, we added what they didn’t have and in the end our landing page has all the characteristics displayed in the table.

Image

In our landing page we have 6 main features, like downloading the app, discovering our team and seeing the price section.

But the one we’re most proud of is the customization feature.Thanks to this, After adding some basic information about the event and choosing the features that they want, all the event organizers can have a preview about how their event app will look like and also have a trustable price range.

Image
Image
Naming and logo

According to the dictionary, Klatch is the act of talking and sharing topics of common interest with others, usually in an informal and friendly way. We think of an event as a gathering of people with common interests, and we think that people could have the chance to connect with each other on the events they attend. Our logo is clear and direct: the name of the app with a simple design, like a cozy thing close to us. We aim in the future that people see the project with a possibility to connect with others with the same values.

Image

We used some new technologies we have never used before, although we had some basic knowledge of web programming and these technologies are the next step for a web developer to learn and we have used bootstrap which is quite similar to Mantine.

The most challenging part was getting used to the project structure because it was already provided to us and it took us some time to learn what was the purpose of each folder and file.

But we liked the challenge, so the part we enjoyed the most was the customization part, because it is the main feature of our website and it gave us the feeling of accomplishment when we finished it and saw the final result.

Image
Tech Stack:
ReactMantineNext.jsTypeScript
Image
This experience was amazing and allowed us to learn a lot of new things, both in our own field and in the other’s ones. All our colleagues have always been very kind and helpful with us and taught us a lot of things. They’re very good at creating a good atmosphere at work and it allowed us to work better while having fun! It is a really good feeling in the end to see what we made, that what we did is a real product and will be used in real life.
Author image
Interns' Team
Interns
Ready to work together?
Image
Footer logo
We use our own cookies to offer you a better experience. To find out what cookies we use and how to disable them, read the cookie policy. By ignoring or closing this message, and unless you have disabled cookies, you are agreeing to their use on this device.