UX/UI, Graphic Design, Front-end Dev Portfolio

Page 1

Portfolio UX/ UI & GRAPHIC DESIGN

red

dang


CONTENT

ux/ ui front-end concept


04 Pops Kids Applicaiton (entertainment) mobile app, smart TV app, website

30 FoodSave Application (e-commerce F&B) consumer app, merchant app

48 Delivery Application prototype, mockup

(logistics food)

54 YKS Website (furniture design store) design, front-end development

56 Wego Website (travel blog) design, front-end development

58 Wild West Vietnam (travel) branding, print ads, package, application, TVC


4

Pops Kids Application CATERGORY Entertainment ISSUE Along with gaming, content for children is one of two trends that are attracting a large numbers of content makers in Vietnam. Although, with the advent of ever-increasing content that is not appropriate for children. PSA was created to provide safe content for children, which automatically filters adult or sensitive content. Only allow content for children. SOLUTION Filtering content by ages, gender. FEATURES Multi language (Eng-Vn-Thai). Parents control the app based on password. Creating profiles by ages, gender. Setting calendar (include time) allow each of profile using app. Performing statistical product usage time, content, category according to each profile. Lock/unlock feature search. Introducing outdoor events for children (limited phone’s interaction). Introducing the games of intellectual development for children. Offline mode (review videos and games have downloaded). SCREENS 46+

ux/ ui


Homepage

red

dang


6

Pops Kids Application WIREFRAME AND USERFLOW


red

dang


8

Pops Kids Application KID PROFILES, create kid profiles, each with their own viewing preferences, video recommendations, and settings. TIMER, CALENDAR, set up a timer to put limits on how long your kids can play with the app. PROMOTE, Introducing outdoor events for children STATISTICS, keep tabs on what your kids are watching in the app.


red

dang


10

Pops Kids Application MOBILEPHONE SCREENS


red

dang


12

Pops Kids Application TABLET SCREENS


red

dang


14

Pops Kids Smart TV Application Similar to Pops Kids Application, the application is developed for smart TVs with a user-friendly, easy-to-use interface. SCREENS 17+

ux/ ui


red

dang


16

Pops Kids Smart TV Application KID PROFILES, create kid profiles, each with their own viewing preferences, video recommendations, and settings.

Create profiles

Login


Edit profile

red

dang


18

Pops Kids Smart TV Application The logic of application based on the program keys on the REMOTE CONTROL

Homepage

Immediate searching


Setting page Multi topics

red

dang


20

Pops Kids Smart TV Application

POWERFULL MEDIA PLAYER makes enjoying media a truly extraordinary experience

Content is tightly controlled, allowing parents to lock apps or set video watch time.


red

dang


22

Pops Kids Website Showcase and discover creative work in southeast asia leading online platform for kids’ education and entertainment. PAGES 25+

ux/ ui


red

dang


24

Pops Kids Website HOME mission, purpose, introduce story and achievement APP multi platform and application’s features COMMUNITY news, blogs and press PARTNERS celebraties and spotlight international STORE for kids, improvement knowledge and safety toys PLAY VIDEO media player provide safe content for children, which automatically filter adult or sensitive content. Only allow content for children.


red

dang


26

Pops Kids Website Create kid profiles, each with their own viewing preferences, video recommendations, and settings.


red

dang


28

Pops Kids Website Media player provide safe content for children, which automatically filter adult or sensitive content. Only allow content for children.

Video homepage


Media player

Topic

Navigation bar

red

dang


30

FoodSave Application CATERGORY E-commerce F&B ISSUE SINGAPORE have wasted about 788,600 tonnes of food yearly reported. Out of this only 13% is recycled. Singapore spends a lot of its money in buying food and costs around $14.8 billion in buying food from outside countries, being one of the top 10 countries in the world with highest rate of food wastage. SOLUTION An App platform with sharing economy system which enable B2C & C2C connected to each by integrates food sellers and purchasers with about-to-expiry notifications on good deals. FEATURES Merchants can list their “before expiry” products on the APP real-time and alert nearby consumers to purchase in discounted prices. As household is one of the main segment which contribute of total food wastage. Users can list their “extra” cooked food or even newly cooked food before expiry on the App for nearby users to purchase and consume. SCREENS: 86+

ux/ ui


red

dang


32

FoodSave Application WORKFLOW


red

dang


34

FoodSave Application SELLER HOMEPAGE - CHATBOX between seller and buyer - How to UPLOAD FOOD


red

dang


36

FoodSave Application SELLER MENU: - PROFILE - Live NOTIFICATION - GALLERY picutre of seller on store - Ways to get money by PAYMENT


red

dang


38

FoodSave Application SELLER - ANALYTICS income by daily, monthly & customise - REVIEW rating from buyers - SWITCHING seller to buyer and opposite


red

dang


40

FoodSave Application BUYER HOMPAGE - FILTER by tag of foods - SEARCH seller(store) and food by name - CHATBOX between buyer and seller


red

dang


42

FoodSave Application BUYER - Process how to order and purchase food


red

dang


44

FoodSave Application BUYER - Process how to pickup food (handle from seller) - Rating seller after taking food


red

dang


46

FoodSave Application BUYER MENU (DASHBOARD) - Personal PROFILE - Live NOTIFICATIONS - ACCOUNT purchase - Points of FOODCOIN accumulated after purchase


red

dang


48

Food Delivery Application CATERGORY Logictics F&B DESCRIPTION Browse local restaurants and fast food favorites for inspiration. Or get just what you’re looking for by searching for a specific restaurant, dish, or cuisine. Pizza. Burritos. Burgers. Sushi. When you’re ready to place your order, you’ll see your delivery address, an estimated delivery time, and the total price including tax and booking fee. Track your order as it heads your way. FEATURES YOUR FAVORITE RESTAURANTS Choose from a huge variety of cuisines, from your favorite sushi spot to the comfort food you crave. EASY ORDERING Food is just a few taps away. Get your favorite meals faster with quick reordering. Plus, group ordering makes entertaining a breeze. SCHEDULE DELIVERIES Advance ordering allows you to get your food when it’s most convenient for you. TRACKING See when your order will arrive. From food quality to prep-times to traffic to weather, we’ve factored in all the elements that come between you and your food. NO MINIMUMS Order as little or as much as you want. PAYMENT Conveniently pay via Google or credit card. SCREENS: 56+

ux/ ui


red

dang


50

Food Delivery Application DRIVER - Process how to accept and pickup an order


red

dang


52

Food Delivery Application CUSTOMER - ORDER Browse and order local restaurants and fast food favorites for inspiration - TRACKING See when your order will arrive


red

dang


54

Yang Ah Kang & Son CATERGORY Funiture Design Company TASK Redeisgn and Front-end INTRODUCTION Yang Ah Kang & Sons has fitted some of the world’s most prestigious and reputable hotels since 1946. Recognized as an international leader in custom made furniture and interior fittings, the company has stood for uncompromising quality and high levels of professionalism and the testimony is in the list of clients serviced throughout these past six decades. DEMO https://reddang.github.io/yks/

front-end



56

Wego Blog CATERGORY Travel Blog REQUIRE Redeisgn and Front-end INTRODUCTION If you’ve ever wanted to learn how to travel cheaper, turn your dream trip into a reality, save money, or travel the world, you are in the right place! This website will give you tested tips, advice, and suggestions so you can see more for less and make your dream trip a reality. DEMO https://reddang.github.io/wego_blog/


red

dang


58

WildWest Vietnam The project of promoting cultures, arts and travel for Mekong Delta provinces. The ‘rice bowl’ of Vietnam, the delta is carpeted in a dizzying variety of greens. It’s a water world that moves to the rhythms of the mighty Mekong, where boats, houses and markets float upon the innumerable rivers, canals and streams that criss-cross the landscape like arteries.

concept


Corporation Identify Program

red

dang


60

WildWest Vietnam The bustling commerce of its towns contrasts sharply with the languid, almost-soporific pace of life in the countryside. Here buffalo wallow in rice paddies, coconut- and fruit-laden boats float slowly along the mud-brown waters, and two-wheeled exploration of the narrow lanes is amply rewarded with a true taste of rural hospitality (and delicious river fish). Elsewhere, mangrove forests teem with a wealth of bird life and bristle with the remains of Viet Cong bunkers, ornate Khmer pagodas and Buddhist temples reaching for the sky, while off-coast islands offer white-sand beaches and tropical hideaways to some, and pirate havens to others.

Traditional festival

Taste of countryside cooking


Travel places

red

dang


62

WildWest Vietnam POSTCARD SOUVENIR PACKAGE


red

dang


64

WildWest Vietnam TELEVISION COMMERCIAL


red

dang


66

WildWest Vietnam MOBILEPHONE APPLICATION DESCRIPTION - Discovering unique places that many tourists and tour guides don’t even know. - Exclusive Vietnamses cuisine from the simple, frugal one to the precious and dainty one. - Lusted by elegant and ecological homestay with “Countryside Style”.


red

dang


dangvuongquang@gmail.com h t t p s : / / w w w. b e h a n c e . n e t / r e d d a n g https://reddang.github.io


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.