Untitled

## **Overview**

Super Museum serves as a comprehensive museum information platform, featuring 332 exhibition halls and over 240,000 collections.

> Duration: May 2019 - Aug 2019
>
> Role: UI Designer
>
> Client: Beijing Yiquan Technology Co., Ltd.

### **Key Functions:**

1. Museum exhibition details

2. AI recognition for cultural relics, calligraphy, and painting, as well as seals

3. Access to professional instructors' explanations

## **Problems**

Super Museum (超级博物馆) aimed to enhance its branding, visual aesthetics, and user experience through a redesign.

### **Redesign of Application**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F6lf7jDhQG5VGo03oMDCswvnGK2p1%2FMkoDs10zIpZFJAU7hPOB%2Fb2f63ad0-5db3-4c6d-9a88-d702fac41b3a.jpg?alt=media&token=259a4dd8-0215-439b-98d4-7a5d4a168685","id":"b2f63ad0-5db3-4c6d-9a88-d702fac41b3a","width":1920,"height":1080,"filename":"超级博物馆_English.010.jpeg","type":"image/jpeg","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F6lf7jDhQG5VGo03oMDCswvnGK2p1%2FMkoDs10zIpZFJAU7hPOB%2Fb71fdf9f-2d1c-4ca4-88af-a8cc853fab28.jpg?alt=media&token=46d6765a-1a2f-4bae-831a-687a4d01848d","id":"b71fdf9f-2d1c-4ca4-88af-a8cc853fab28","width":1920,"height":1080,"filename":"超级博物馆_English.011.jpeg","type":"image/jpeg","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F6lf7jDhQG5VGo03oMDCswvnGK2p1%2FMkoDs10zIpZFJAU7hPOB%2F1f820ff1-147d-42f1-9a99-59572270cb58.jpg?alt=media&token=a8fe67e0-e2c1-47f9-83b8-cdeed24fbc67","id":"1f820ff1-147d-42f1-9a99-59572270cb58","width":1920,"height":1080,"filename":"超级博物馆_English.012.jpeg","type":"image/jpeg","caption":"","border":false}]}
```

## **Guideline**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F6lf7jDhQG5VGo03oMDCswvnGK2p1%2FMkoDs10zIpZFJAU7hPOB%2Fe0e736fe-25bd-4775-b3f9-8ca85fc16a79.jpg?alt=media&token=34dd87f6-a88a-4967-9d83-3fce1d2973a7","id":"e0e736fe-25bd-4775-b3f9-8ca85fc16a79","width":1920,"height":1080,"filename":"超级博物馆_English.004.jpeg","type":"image/jpeg","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F6lf7jDhQG5VGo03oMDCswvnGK2p1%2FMkoDs10zIpZFJAU7hPOB%2F096a5f05-fd5f-42a2-bdf7-fd7c905a5a83.jpg?alt=media&token=5b52fd11-602b-42a5-8bbd-9b05216b9d61","id":"096a5f05-fd5f-42a2-bdf7-fd7c905a5a83","width":1920,"height":1080,"filename":"超级博物馆_English.006.jpeg","type":"image/jpeg","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F6lf7jDhQG5VGo03oMDCswvnGK2p1%2FMkoDs10zIpZFJAU7hPOB%2Fac0c4530-bd0e-46e3-9136-e58e570bef81.jpg?alt=media&token=1aa527ff-cef0-4a31-9efc-6b23121bdd9e","id":"ac0c4530-bd0e-46e3-9136-e58e570bef81","width":1920,"height":1080,"filename":"超级博物馆_English.014.jpeg","type":"image/jpeg","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F6lf7jDhQG5VGo03oMDCswvnGK2p1%2FMkoDs10zIpZFJAU7hPOB%2F65468996-f780-4803-94d6-dd58f4b99860.jpg?alt=media&token=79659dd8-d993-452e-9e4b-8760df31d736","id":"65468996-f780-4803-94d6-dd58f4b99860","width":1920,"height":1080,"filename":"超级博物馆_English.015.jpeg","type":"image/jpeg","caption":"","border":false}]}
```

Super Museum

## **Overview**

At Sogou EDC, I contributed to optimizing [QQ Pinyin](http://qq.pinyin.cn/), a Chinese input method for PC and Android devices. Collaborated with product, engineering, and design teams to enhance visual and user experience, focusing on QQ PINYIN PC V5.1 and Android V5.3.0 revisions.

> July - October 2015  |  Sogou EDC Internship\
> Designer: Liang Yicheng\
> Product Manager: Li Xiang

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F6lf7jDhQG5VGo03oMDCswvnGK2p1%2Fqq-pinyin%2F7b6c924d-c109-47e8-9b89-85eff11bbbf4.png?alt=media&token=d31590f7-9d49-4315-a47f-684777025b9a","id":"7b6c924d-c109-47e8-9b89-85eff11bbbf4","width":1025,"height":260,"filename":"QQPinyin_logo.png","type":"image/png","caption":"","border":false}]}
```

## **Project ①: QQ PINYIN PC V5.1**

### **Introduction**

The design of the old PC version of QQ PINYIN has become outdated, failing to convey the brand image effectively. Our goal is to enhance it while preserving the "classic," "simple," and "focus on type" qualities that users appreciate.

### **Goal**

Revamp the brand image, enhance sensory experience, and improve typing efficiency through design updates.

### **Challenges**

* **Design Style:** Outdated elements like the default status bar and input box need a fresh look to align with modern aesthetics.

* **Visual Consistency:** Inconsistencies, such as the secondary menu and right-click menu, not matching the default Windows style.

* **New Onboarding flow:** Lack of a setup wizard for new users.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F6lf7jDhQG5VGo03oMDCswvnGK2p1%2Fi9pGpmiWDGtHSdV7H4jS%2F0d7448b3-1eeb-4b3e-9d3f-70eb9756c126.png?alt=media&token=0ef3bcf5-88a5-466d-bb83-4a8d958e6961","id":"0d7448b3-1eeb-4b3e-9d3f-70eb9756c126","width":1025,"height":493,"filename":"QQPinyin_PC_Problem.png","type":"image/png","caption":"Problems","border":false}]}
```

### **Visual and experience improment**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F6lf7jDhQG5VGo03oMDCswvnGK2p1%2Fi9pGpmiWDGtHSdV7H4jS%2F0a48ff27-382e-48ea-8b91-bbbc16f3a52d.png?alt=media&token=f37b7bff-64b6-494a-9702-1e6a721568ca","id":"0a48ff27-382e-48ea-8b91-bbbc16f3a52d","width":2500,"height":845,"filename":"qqpinyinpc-53x.png","type":"image/png","caption":"","border":false}]}
```

## **Project 2: QQ PINYIN for Android V 5.3.0 |  Personalization**

### **Introduction**

This update primarily emphasizes visual personalization. We've employed features like the "**keyboard store**," "**custom wallpaper keyboard**," and "**custom color keyboard**" to allow users to personalize without disrupting the original design style.

### **Purpose**

Address the challenge of enabling users to find or create their preferred skins while maintaining a seamless user experience and consistent design style.

### **Custom Color Keyboard**

**Design execution strategy**

How can we ensure the user-selected color matches the system's color scheme?

1. Utilize user-defined reverse color settings effectively.

2. Adjust brightness or transparency as needed.

3. Extend color adaptation to the option pane beyond just the keyboard.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F6lf7jDhQG5VGo03oMDCswvnGK2p1%2Fqq-pinyin%2Feb0d10d9-c553-4755-9b40-21bbf2837434.png?alt=media&token=e722b28a-6e2d-439b-8614-e6b9533eee95","id":"eb0d10d9-c553-4755-9b40-21bbf2837434","width":803,"height":674,"filename":"QQPinyin_androod.png","type":"image/png","caption":"","border":false}]}
```

## **Visual and experience improment**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2F6lf7jDhQG5VGo03oMDCswvnGK2p1%2Fi9pGpmiWDGtHSdV7H4jS%2Fce0340ba-e4ce-4422-8bb2-b03e9a02c638.png?alt=media&token=9cb59f2d-ee31-4a53-9273-599a54e0136a","id":"ce0340ba-e4ce-4422-8bb2-b03e9a02c638","width":2500,"height":1752,"filename":"qqpinyinlogo-93x.png","type":"image/png","caption":"","border":false}]}
```