A WordPress theme I worked on as a developer at Appfire. It is currently an on-going project, as I am adding in additional functions as I go, as well as keeping the site well maintained. Released to the public April 28th 2021. Can be viewed here.
This article is to go over one of my main UI/UX experience design concerns when using Amazon’s mobile shopping app. This mainly has to do with your lists and organizing them. My first obstacle when utilizing Amazon’s list feature on the mobile application is that you are not able to order it in any way besides the order in which you add the items. With the desktop website you are able to drag and drop each item with the “list and arrow” icon next to the list item. This feature is non-existent on their mobile app.
I usually like to order my items from prices low-to-high which you are able to do via the “Filter & Sort” dropdown menu seen in the figure above in the top right corner. On the mobile app this feature is under a three dot icon in the top right of the list. Using these sorting functions is only temporary however as navigating away from and back to the same list you just sorted by price will go back to the default sort.
Leading into my ideas for how to update these issues:
- First, I would add continuity for any of the provided sorting functions such as the price sort, this way when the user navigates away and back to the list the sorting will still be active. The “Default” sort option will then become the option for any user-customized sorting.
- After setting up continuity once a user selects the “Default” sort option they will be able to long press drag-and-drop on the mobile application or if they still want to maintain the visual cue, then I would add in the icon they’re already using for desktop and nudge the item details over to the right as seen in my wireframe below.
A challenge I did for the company Bullhorn in Boston when interviewing for them to be a UI developer. The challenge they gave was to take a JPEG of the desktop version of the site and to code it however you would like. I personally decided to use Bootstrap 4 and SCSS. Bootstrap was chosen for its responsive layout build tools. SCSS was chosen for writing and organizing the styles. You can view the GitHub repository here or view the page live here.
A pen I made back when Angular was the front-end framework everyone was using. The framework has changed a bunch since, but this still runs.
Magazine project on the subject of budget traveling for young twenty-somethings. This issue focuses on New England travel in the state of Vermont in springtime.
Watercolor paintings done for a book project in college. Done with Windsor & Newton professional tube watercolors on cold press paper.