HOme
Products
Core Products
Physical Cards For Collaboration & Management
Extracting The Best Part Of Every Article
VIP Membership Of Alphabag
Announcing Soon
Practical Manual To Develop Skill Set
Our Public Declaration Towards Work & Life
Integrated Solution For Strategy & Management
The Mega Course For Product Strategy, Design & Dev
Tailored Workshop & Consultancy Service
Support
Alphabag Deck Onboarding Manual
Onboarding flow after receiving the deck
Submit News Highlights
Provide content for Alphabag News
Shipping, Return and Refund Policy
The policy you may want to know
Frequently Asked Questions
Questions that you may want to ask
Company
About
Company's vision, core team & products
Blog
Our thoughts and news
Contact Us
Get in touch for any opportunities
Founder
About Kevin Hon Chi Hang
Press Kit
Download our brand assets here
Careers
Join us along with our adventure
Partnership
Sponsorship
Provide content for Alphabag News
Wholesale Inquiry
Sell our products via your network
SHOP
0
Your Cart
$ 0.00 USD
:
Remove
No items yet.
Be sure to check out the early bird offer of Alphabag Deck
Early Bird Offer
Product is not available in this quantity.
AD 002
UI Pattern
Build UI pattern base on the brand elements.
Explore Resources
Knowledge Brief
No items found.
Related Knowledge
Brand Logo
Brand Color
Brand Pattern
Design Principles
Mockups
Usability Test
Once we had a clear visual direction to the future of our UI components, our next step was to actually transfer them into SCSS files in our base stylesheet component to make it scalable and robust.
The Journey to Design Consistency
medium.com
UI Component
UI Pattern
Frontend Integration
highlighted by
Bo-Yi Wu
Sharing the code across repositories would eliminate the need for duplicate code and work for the initial implementation and when the UX specification for a component changes.
Rollup: Shared UI components at AdRoll
tech.adroll.com
UI Component
Wireframes
UI Pattern
highlighted by
Bo-Yi Wu
It’s not about “nice pictures” it’s about how user can accomplish their goals.
Designed by Engineer
medium.com
UI Pattern
UI Component
Mockups
highlighted by
Aki Yu
Developer
Design patterns are reusable solutions to common problems. They greatly speed up the design process, giving designers a common vocabulary of UI paradigms to work with.
Design principles: choosing the right patterns
blog.intercom.com
Design Principles
UI Pattern
Case Studies
highlighted by
Kevin Hon Chi Hang
Founder of Alphabag
Design for scanning, not reading
F-Shaped Pattern for Reading Content
uxplanet.org
UI Pattern
User Flow
User Research
highlighted by
Kevin Hon Chi Hang
Founder of Alphabag
Related Knowledge
BD 001
Brand Logo
The combination of the symbol and wordmark.
BD 010
Brand Color
Owning a color is one of the fastest ways to create a recognizable identity.
BD 007
Brand Pattern
Patterns should be used sparingly and without visual conflict.
UX 010
Design Principles
Find out the design keywords based on the value your product provided.
AD 004
Mockups
Create hi-fi visual design according to the flow and information architecture.
RA 018
Usability Test
Run tests on an existing product based on existing pain points.
