日藥本舖週年慶 - 飛創意互動

Basic Introduction

JAPAN MEDICAL is a drug store specializing in selling Japanese pharmaceuticals in Taiwan, and it is a leading brand of Japanese cosmeceuticals in China. Provide high-quality, high-safety, high-effect products, and introduce high-quality products from advanced countries to maintain the health of Chinese people.

The design task this time is to build a one-page corporate event website dedicated to JAPAN MEDICAL and allow users to easily view prizes, participate in events, log in receipts, and other activities.

In response to the increasing importance of smartphones and tablet computers, the RWD (Responsive Web Design) responsive website design method is adopted to meet the overall needs of desktop computers and various mobile devices.

Concept of Design

Anniversary joy, Japanese liveliness, and responsive design are the design axes of the entire page.

The whole content is quite a lot, so the page is quite long.
The design team has put a lot of thought into the design and implementation, so that the same page has complex element arrangement, and the RWD responsive design of the page can move beautifully and adapt to various screen sizes.

* JAPAN MEDICAL｜Copyright.

Color Scheme

The extravagant and elegant red-gold color, combined with images and texts of extravagance and golden texture, create a colorful and joyful anniversary atmosphere.

In addition to gold and red gold, white or light gold is also used for matching.

The main axis is the anniversary, and there are many prizes and promotional activities that need to be displayed, so the color of the shading will be more lively and diverse.

R179 G137 B79

#B3894F

R248 G236 B212

#F8ECD4

R255 G248 B229

#FFF8E5

R212 G17 B38

#D41126

Ｍobile phone version

The webpage is designed for the vertical screen of the mobile phone, even with one hand, you can browse the website and all the wonderful graphic content smoothly.

Browsing this website with a smart phone can also get an excellent screen presentation due to the RWD (Responsive Web Design) responsive web design, helping mobile phone users with smaller screens to quickly find the information they need.

In view of the vertical display mode of smartphones, the design team also optimized 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 smartphones.
* JAPAN MEDICAL｜Copyright.

Tablet Version

The streamlined and optimized version allows tablets to browse all the great content smoothly.

Browsing this website with a tablet computer can also get an excellent screen presentation due to the RWD (Responsive Web Design) responsive webpage design. All complex elements have been optimized so that the tablet can also be displayed on a smaller screen , to achieve the perfect balance, easy to browse the site.

* Support iOS / Android tablets.
* JAPAN MEDICAL｜Copyright.

Desktop version

Use a desktop computer or laptop to browse this website, and make full use of the performance of the desktop computer, so that the large horizontal screen can display the best effect.

The desktop computer version has the most complete design details and dynamic sliding performance. Regardless of the dynamic sliding feeling of menus and objects, the desktop computer version can have the best performance.

The design team expects users who use desktop computers and laptops to browse the website in an atmosphere of surprise and pleasure.

Designed in the way of RWD (Responsive Web Design) responsive webpage, the display area and readable range of the webpage become larger and wider than ordinary websites, and there will be better browsing quality when browsing pictures or copywriting.

* Supports PC/Mac desktop computers, notebook computers, Chrome, Safari, Edge, Firefox and above browsers.
* JAPAN MEDICAL｜Copyright.