Product homepage Design
Design & Frontend | Trend Micro
Overview
After we launch the MVP, it’s time to announce to our client we have a new product design. So we renew the homepage as the start, then work on other marketing events.
View website →
View website →
My role
Responsible for UI design and layout html and CSS by using Webflow, working with marketing writer
Users
1. IT or Infosec who search the tool
2. Accountant or manager who decide to adapt our service
2. Accountant or manager who decide to adapt our service
Goal
Although we need a homepage design, we also need to propose a design tool to auto layout the website without code effort.
Team workflow
Design Process
1. Set the goal for the project
- Find a easy use code change tool for non-developers (PM, designer, writer)
- A homepage to display the value and appeal them to enroll
2. Research and proposal
We compared the similar services and propose the solution. Here is the points we need to highlights
- Maintenance : Easily for designer or non-developer to use
- Visual Design : Modern and effortless adapt the design for business landing page
- Enterprise plan : Provide enterprise service and be able to meet company security policy
3. Wireframe & low-fidelity prototype
We create the low-fidelity prototype to demo to our stakeholder in the company. They would like to see the value position shown on the website. In this stage with the quick development by webflow, we can change the structure very quickly.
4. Create visual design
Originally the idea is using the screenshot of product to display the product detail. However, the effect doesn’t look good. So we start to work on abstract banner and pictures to express the context of the content.
5. Apply the visual design on webflow
6. Test in dev environment
We did a manual test and smoke test to make sure all our script is right.
7. Launch to Production!
Outcome
This launch engaged more business customers and helped our company sales signed a huge contract with client.