SUNBEAM
Sunbeam is a conceptual sunglasses online web store, designed for a Gen Z audience. It provides users with a one stop shop for stylish sunglasses for everyone, name brand and all. They are also able to create an account to save orders, adjust personal settings, and save information for future visits.
I have designed this website using Figma and Adobe Photoshop for picture touch ups. Proper WCAG 2.1 AAA color contrast guidelines were used in Sunbeam’s creation as well. With this design, users will easily be able to browse and find the exact perfect pair of sunglasses for them.
PROFILES
Sunbeam is dedicated to making the user experience as painless as possible. That is why users are able to create an account with the website, either through an existing Google Account or their email, to set preferences for themselves, save orders, or save their details for future orders.
Aimed at a Gen Z audience, Sunbeam uses familiar, slang language in order to be personable with the user.
CHECKOUT
Ready to checkout? Sunbeam offers a seamless purchasing experience. Users will simply click on the shopping bag icon in the top right corner and be directed to add their shipping address, and payment information. then check out!
ERROR
Although Sunbeam is commited to absolute excellence in every aspect of its design, sometimes errors do happen on a web page. That is why a 404 error page was creatively designed in order to direct the user back to the homepage if a page is lost.
LOW-FIDELITY WIREFRAMES
Before the high-fidelity wireframes were created, as seen above, low-fidelity wireframes were created in order to create a feel for the flow of the website, and would be given to the client. Some of these wireframes are pictured below.