Web High Fidelity – https://www.figma.com/file/HoRVVwWhNudG58lsVJh00P/LF-App?type=design&node-id=61-56&mode=design To adapt the mobile design to suit the web version, I was able to add a slight bit more functionality and also some extra elements on pages. On the landing page, a more interactive menu has been added, allowing the user to have a visual element along with a textual description of what is available on the page. This makes it easier to navigate as it gives a better idea of what the page is about, unlike the more condensed versions of phone and tablet. With the web being larger, it gives more opportunities for extra detail to enhance the viewers experience. For the discography page, only one category is used to imply that all songs can be shown. Unlike the phone and tablet, currently there are no specific categories so that it can be easily expanded. Each row also consists of 4 tracks instead of 3 because of the much wider area. Another improved feature is the merch page. More items have been included and categories have been added to make items easier to find. Although this could be a section on the phone version, because of the small screen it could make the page extremely long if having the same amount of products, unless the categories are spread across multiple pages instead of one. Tablet The tablet version uses a mix of elements and designs from both the phone and web versions. Because the screen is wider than a phone but smaller than desktop, I was able to create a balance between both that allowed more features but on a smaller scale. The merch page uses a similar layout to the web version with categories and extra items, but have been shrunk to a more similar size to the phone version.
Copy and paste this URL into your WordPress site to embed
Copy and paste this code into your site to embed