Dec.06.2022 redesign of Amazon's New World MMO with character classes. PART 1 : Preface. PART 2 : Research & Design. PART 3 : V1 Demo UX. PART 4 : Class UI Code. PART 5 : Dash UX. PART 6 : To-Do & Foliage / Wild Grass Demo. Fast-loading & high performant, AAA Game-like interface using Vanilla JS…

Oct.05.2020 redesign of Firefox.com into a unifying cloud platform. PART 1 : usability issues. PART 2 : UI updates. This redesign (or reUX) samples the original Firefox web site, but goes deeper, drawing inspiration from dark interfaces found in professional tools like Visual Studio Code and Adobe…

Aug.28.2019 redesign of GitHub's Enterprise landing page and branching content. It also features brand management and marketing strategies to convert existing GitHub users to Enterprise. This requires maximizing content, pageflow (user navigation analytics), and CPM or costs per thousand…

Jul.25.2019 redesign of Amazon Prime Video. PART 1 : usability issues. PART 2 : UI updates. This redesign (or reUX) is based on the existing web site. It is not specific to any platform other than horizontal-ratioed screens. Pointer hovers are omitted and larger components are preferred when…

Dec.30.2018 redesign of Apple.com. Home: The top navigation (or nav) links like 'mac', 'iphone', 'ipad' (and other idevices) now sports SVG icons. It is a custom headroom component with a soft shadow (dark blue) optimized for light-grayish backgrounds. A '3D' or embossed look for the down CSS style…

As of Oct.14.2018 LinkedIn’s news feed looks like this: Feels like we are going back to early Web 2.0 here. The problem? ☑ It does not match the established styling and color scheme. ☑ High contrast and black on modern screens causes eye fatigue (even pain). ☑ Pictures become more ominous and dingy…

Apr.22.2018 redesign of the Mattermost chat client. Search Channel: Currently when searching through channels you get a mass of rooms and are required to be invited to invisible private channels. This is remedied via a streamlined UI and search / filtering interface. New Channel: The search…

You are using React , but maybe you want to move or port to mobile apps? React Native might be what you need. Or perhaps a hybrid approach like Apache's Cordova or the Ionic framework. Everything is here to get started as a mobile app developer in 3, 2, 1... React Native vs React: ☑ Different…

Facebook's React is an open-source framework (free, reusable code). It powers many complex User Interfaces ( UI s) for apps. We shall cover not only the basic operations and lifecycle, but the MVC ( M odel V iew C ontroller) software pattern, networking protocols , and Redux (state…