This is a case study about the Slidebean project, which is a platform for designing pitch decks. In this article, we will share with you the tools and the methodology we used to complete this project successfully. In addition, we’ll discuss the steps we took to make sure we are delivering a flawless product.
About us
PengYi Labs has been providing companies across the globe with web design and web development services, including UI design, UX design, front-end development, etc. We have well over 8 years of experience working with various companies in all different industries, from Fintech and Traveling to Medicine and Food. We had experiences working in the niche of design. This project has the same theme and offers the same type of services.
About Slidebean
Slidebean is a pitch deck design platform that has helped lots of startups and small businesses prepare for presenting their pitch decks to investors. They provide design services, financial models, and even assist startups with finding investors for their projects.
Slidebean Project Goals
In this project, Slidebean needed a redesign of its landing page. Their landing page should have included information on their services and CTA for purchasing their services, etc. They needed the redesign in order to increase their conversion metrics, make some sections like their services more clear, and demonstrate examples of their previous work. As landing pages are important parts of a business website, it is noteworthy that the landing page includes brief but attractive and comprehensive information about services and also includes CTA for the potential customers to take action. Redesigning the platform also helps their conversion, which means it helps more people reach the goal of the website. In this project’s case, achieving better conversion rates means visitors should be able to end up purchasing the pitch deck designs. So, PengYi Labs’ redesign should help by encouraging the visitors and communicating Slidebean’s services more efficiently.
The Slidebean Design Process
UX Design Process
At the beginning of the project, the wireframe of the landing page and the brand style guide were provided to PengYi Labs to work with.
In the wireframe, different sections were specified. For example, the hero section included a bold description of the services and the CTA button.
Next, they wanted to show how their services work and how users can go about getting into a contract with them. This section also had a CTA button again.
For the next sections, accordingly, they wanted different sections for samples and testimonials.
UI Design Process
We created components in Figma, as the tool of choice, in a library of assets for the project. This library included the components and assets that we worked with constantly throughout the process. As the screenshot shows, different colors and shapes to be used in the landing page were designed.
With the wireframes and the style guide being ready, we started ideating for the UI design process.
Then, we tried out different color combinations based on the original color palette.
Obviously, these combinations changed after feedback. Additionally, we tried out other different combinations. In the meantime, all the combinations were communicated and presented through Loom videos and Figma presentations to the team behind Slidebean.
We put a lot of emphasis on every element and detail to make the website look more clear on the services and more attractive in the first look for the visits to be converted.
The landing page would continue to have other colors for the hero section to put more emphasis on the CTA. It would also be less distracting and separated in color.
Next, we added more visuals to the page, and also prepared a responsive layout of the mobile version of the platform.
The Outcome
In the end, a landing page was delivered having the following assets:
- A successful hero section with a description and a CTA button,
- A section that clarified on the services and past experience of Slidebean,
- Redesigned and effective visualization of different sections of FAQ, testimonials, and how it works,
- A responsive design with a mobile version.
This project has been one of the most engaging projects of PengYi Labs. We will continue to provide the best services for all the good reasons.
We are available for new projects!