Background

ULANI is a newly created brand within the company, with the aim of promoting electronic paper and creating more products with electronic paper applications.This is the official website for an electronic paper desk calendar product.

➡️ Go to the official website https://www.ulani.com.tw/index.html

Function map

Before starting the design process, integrate the front-end requirements, propose the website information architecture, and plan for future development. The following diagram shows the final set of features that need to be completed in the first stage.

Wireframe

Based on the given requirements, proposal A suggests a repetitive single left-right layout, but considering the design perspective, it may cause visual fatigue and lack of appeal in the website. Therefore, proposal B is recommended to create a more attractive website with different layout options and dynamic interactions, making the website more lively and able to promote the product’s characteristics, while also enhancing the design aesthetic and readability. We hope that the official website can bring more value and attractiveness to the product.

Design System

At the time, the brand only had a logo and main color established, but the overall tone had not been determined. Eventually, a style that combined solid and line patterns was adopted, using a light yellow color as the website background to create a charming and novel style that is also elegant.

Design

After the homepage style was confirmed, the complete UI design proposal was developed, and other pages were built based on this foundation. In terms of interaction, effects such as zooming, swinging, moving in, and moving out are added to mouse movements, making the single-page product introduction more interesting for viewers. It is hoped that this design will attract customers to place orders and purchase the Eternal Calendar.

Design Reflection

As a designer and developer, in the process of researching various website platforms, I aimed to choose a platform that would allow for better maintenance and management in the future, and also consider the possibility of moving to another platform as the brand grows. Ultimately, I decided to use WordPress and selected Cloudways as the cloud hosting platform, and after considering stability and security, I chose Amazon Web Services. The project was successfully launched in September.

Throughout the process, I learned a lot about various aspects of website building, such as understanding different platforms, purchasing domains, SSL encryption, and more. In terms of design, I focused on considering the importance of consistency and sharing elements, which will help me communicate more efficiently with software in the future and design better websites

ULANI《 Eternal Calendar 》

➡️ Fundraising platform https://www.zeczec.com/projects/ulani

➡️ Go to Facebook https://www.facebook.com/profile.php?id=100083409785584