This was the first big project I did in Sunnyfounder. Following the company had run for 3 years, our market and member had grown a lot, and it's time to get rid of the theme. Also, another reason was it’s way too hard to use on mobile devices. This new version focused on mobile-first more than desktop, to level up the readability and usability, especially we had a monitor system for our members, we want it to be easy to use as it can, to check their solar power plant anytime.
the last version ↑
Follow the branding guide, I made a new series icon to apply in different scenes I could imagine now, and the future, also for some social post or our youtube channel and so on.
For the icons, we have basic usage such as “the hamburger” , “forward”, “search”, also the weather set for monitor information, our services and other pages in the account center.
While designing the navigation and the menu between desktop and mobile, the first challenge was how to represent the different meanings of our service via icons. And to figure out all the status our members could encounter, such as we offer a free 30days trial for new rigister, and when it finished, this page will not be shown on the menu; also we have our landlord who rent their roof to us to build a solar power plant. They have another monitor to watch different from the investor.
It was my first UI design for the account center. It has a lot of different and challenging from an article website. Such as forms with status, dropdown menu, checkbox, table with different status or data to be shown, open it or not? clickable or not? what is the ratio when it in several window width?🧐
All these design choice suffered me for a whole summer, I kept sketching all the possible or idea, and several questions for my pm to figured it.
And it ends up quite well.🥳
Afterward, we also collect feedbacks from users, such as could the contrast higher, it’s too light for mid-quality screen to display? We also offer a SUS (System Usability Scale), although we got around 60, at least it shows we can still improve it. 🤡
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality
Anya is LIVE right now
FREE
Free to watch • No registration required • HD streaming
A promotion collaborates with CEA (Creative Economy Agency) and Shong Shung culture park, they hold an exhibition: 材料進行式Material in Motion. With more than 20+ artist based in Taiwan or Thailand, focused on multiple materials design.
I chose water or liquid to present the feeling of this tropical country also was my impression of Thailand. I’ve been there 4 times, always be impressed by their design combined tradition craft with modern design.
An event page interview 5 masters in their fields. Such as the artist who had drawn movie billboards for more than 50 years, a theater manager running the theater for 30 years, a writer who focused on exploring the old-time beauty and try to preserve it through the article spread on the social network.
This project was the first time try in to use fullpage.js. For the time I started to code by myself, I got frustrated dealing with Js function, also not really familiar with this language, that's the reason I rarely use it. But I and my client had some ambitions on this, so we try this with an open-minded. Even though we kinda failed at the time when we supposed to run this project, the frame of the original website doesn't combine this framework well, so we end up post the not full-page one. But after that, I got some spare time during vacation, I figure out the bugs, and fix it. (yeah~~).
An event page about Taiwanese traditional artificial technique, how it was and reborn for now time.
I chose and redesign some iconic brick patterns to build on the impression of the old-time style. And using black for background for the content block to keep the basic readability, since it’s an article-based topic.
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality
Anya is LIVE right now
FREE
Free to watch • No registration required • HD streaming
Side-site based on damanwoo.com
An online selected shop full of quality cool product with great design. The old version wasn’t friendly to mobile user, with messy style. The following new version base on clean and comfortable visual, using 2 high-light color to emphasize title or price.
You can go surf the site, maybe find something interesting.
>> https://www.damanwoo.com/shop
–
design / gavi
front-end / ting
back-end / Sean
Just found these old version screen shots. This version was based on Damanwoo.com, which is more like a blogger system and building from ten years ago (as I know). And, yes, obviously there’re lots of issue to fix it.
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality
Anya is LIVE right now
FREE
Free to watch • No registration required • HD streaming
Based on damanwoo.com.
As an event site for Junjiito - ghost house exhibition held in Taipei. Display the exhibition information and goods selling. The main visual illustration created by Chin-Lin,Chen. Part of add-on illustration by me. Follow by the ghost house concept, we use some animation such as the loading page, we use floating doors to represent the maze, fade-in opening for the landing page, blood dripping for the product page. According to the copyright with Japan agency, we can’t modify the main visual, however, to present the art, I did some illustration to full-fill the needs.
–
design / gavi
front-end / ting
back-end / sean
>>https://www.damanwoo.com/shopEvent/junjiito
Loading page
2 versions for the loading page.
No.1 - glitching face
The concept was from the common horror movie using a glitching tv scene. Due to the copyright agreement, it seems like the glitch changed the image, and seemed to be modified the illustration. So the ver.1 got rejected.
No.2 - floating doors
The concept idea was from the exhibition itself. As a ghost house maze shows the imagination for doors to escape. It also resembled the entrance of this site.
Main page
-Opening visual
Using exhibition visual animation to show the first impression.
- ghost house concept
There are 3 different routes for the ghost house. Without leaking any route but represent the idea of each one, I re-create the image for the 3 concepts.
Using the road sign to switch the route and read the story.
-the eyeball -SNS sharing
We add on at the last minute, and for a little fun.
Product page / Category page
Based on damanwoo.com/shop, using the same form to quickly built the page.
With blood dripping fixed on the top for a bit atmosphere.
The original concept was more like a scroll-down effect with dripping. Since the loading will be really slow due to the js, so change it to a simple background animation.
United with eslite living and zeczec.com. We had a crowdfunding product exhibition, providing customers experienced all the creative project, and to support the one immediately by off-line selling.
project list
pop-up store display & printing (walls, flyer, signs)
Side-site based on damanwoo.com
As an activity meta-search site, included exhibition, performance, live show, concert and so on. Using open-source from MOC.gov.
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality
Anya is LIVE right now
FREE
Free to watch • No registration required • HD streaming
