Uncle Liao's 廖叔叔健康屋 - 飛。創意互動

Basic Introduction

Uncle Liao's Uncle Liao's Health House, a brand located in Kaohsiung and with multiple direct sales outlets across the province, focuses on promoting the concept of health, and simultaneously sells popular nutritious breakfasts and healthy foods.

Uncle Liao's Uncle Liao Health House Officer loves flying very much. Although the past works of Creative Interaction are located in the north and south of Taiwan, the cooperation between the two parties hit it off right away, and it is very pleasant.

This web design project, executed in 2015, is with Fly. One of the two website projects of creative interactive cooperation.

The home page designed with parallax sliding and the unit inner page with RWD responsive web design make the website more inclusive.

Concept of Design

Nature, health and liveliness are the overall axis of the website

Uncle Liao's Uncle Liao's Health House is a brand that seeks health and nature. Customers hope that the website should be lively and not monotonous, or be too similar to other brands' official websites.

Since the client specified that the website should be designed in the form of parallax web pages and sliding, the design team chose to design a large vertical homepage with a complete large image, which is convenient to use large images to present the Uncle Liao's Uncle Liao Health House concept.

Except that the homepage of the website is in the form of parallax sliding, the entire website is designed using RWD responsive web design (Responsive Web Design), which allows desktops, mobile phones, and tablets to see the most Optimized screen and picture configuration.

Using HTML5 related technologies, when browsing the website, the content display and screen design can be simultaneously improved.

* Uncle Liao's Health House｜Copyright

Color Scheme

The standard color green is the main color, supplemented by two kinds of green and orange for overall matching.

The standard green color of Uncle Liao's Uncle Liao Health House is used as the main color system, and two greens with different lightness and chroma are extended for matching, so that the UI interface can have layer changes, and orange is used as the auxiliary color for matching.

In addition to the main color system and auxiliary color, various color systems are used to match the colors of different units to increase the overall liveliness of the website.

R178 G235 B39

#B2EB27

R24 G140 B120

#188C78

R27 G162 B139

#1bA28B

R230 G91 B50

#E65B32

Smartphone Version

Redesign the vertical screen for mobile phones, and browse the website smoothly with one hand

After the parallax sliding homepage detects that the visitor is a smartphone, it will directly guide a simplified version of the homepage specially designed for smartphones.

In view of the vertical display mode of smartphones, the design team also redesigned the operation interface, using clear menus, so that mobile phone users can quickly switch pages or units to find the information they need.

* Support iOS / Android / Windows smartphones.
* Uncle Liao's Health House｜Copyright

Desktop version

Make full use of the performance of the desktop machine, so that the horizontal large screen presents the best effect

With a large vertical home page with parallax sliding pages, six large screens are connected in series, so that the most important units and concepts can be presented in front of users wonderfully through the parallax effect.

Use a desktop computer or laptop to browse each unit of the inner page, and because of the RWD responsive web design (Responsive Web Design) design, the display area and readable range of the web page become larger and more comprehensive than ordinary websites. Width.

* Support PC / Mac desktop computer, notebook computer, Chrome, Safari, Firefox browser.
* Uncle Liao's Health House｜Copyright