Garapin Cloud - Landingpage UI Design and Development
Garapin Cloud is a web-based application-specific hosting platform that supports various tech stacks to accommodate developers who want to run their web applications. Garapin Cloud also functions as a marketplace for web applications that allows developers to sell their applications to potential customers.
Project Goals
The owners have specified these goals for the new website:
- Brand awareness, Garapin Cloud wants to introduce their services to the public, especially developers and Web Apps users.
- Provide clear information about service details, conditions, and benefits to potential users, both developers and users.
The User & Audience
Garapin Cloud’s target users are web developers who want to run or sell their web applications and ordinary users who are looking for web applications according to their needs.
Role & Responsibility
- Designer. I collect the necessary data from the client, create wireframes, mockup designs, and present the results to the client.
- Developer. After doing the design process I continued to develop the landing page using wordpress according to the timeline agreed with the client.
Scope
Garapin Cloud uses a landingpage system, so there is only 1 main page with several sections. There is also an additional page specifically for Blog/Articles. Here are the section details on the main page :
- Home
- Products
- About Us
- Features
- FAQ
- Partners
Design Process
Gathering Requirement
I had a discussion with the client about the purpose of this landingpage, what they wanted to achieve, and the design concept and look they wanted. They want a landing page that is simple, minimalist and does not use many colors, only the color of their logo as the main color. The main purpose of making this landing page is that information can be conveyed clearly to potential users.
Define Color Pallete
Wireframe
The next step is to create a wireframe for the Garapin Cloud landing page. At this stage, the client has not provided the content that will be installed later, so I compiled a layout based on the section points designed at the beginning.
The client has approved the wireframe that I made, this is in accordance with the content points they want to convey such as welcome, product information, company information, package information, FAQ, partner logo, and Call to Action.
After another discussion, there is an addition to display content in the form of benefits that will be received by users, both developers and users who want to buy Web Applications. The goal is an add value to attract users who will use Garapin Cloud services.
Mockup
After the wireframe is approved, the client prepares the necessary copywriting and the next process is to create a mockup design for the landing page and blog page.
Development and Final Result
I do the development process using WordPress and Elementor as the page builder until the website is live on hosting and domain.
