1 day, October 2022
UI/UX Designer, Brand Designer
Figma, Adobe Illustrator, Adobe Photoshop
This project was completed as part of a competition for a University of Southern California organization (LavaLab). The prompt was released in the evening, and due the following morning. The prompt for the webpage design is as follows:
Qober wants you to design the home page of their shopping website to show off images of their merchandise, display their store hours and location, and draw users in with their cohesive aesthetic. Design a mockup of ONLY THE HOME PAGE. You may choose to use any existing merchandise images (t-shirts, pants, totes, shoes, etc.). A great resource is https://unsplash.com/. Refer to "The Client" (below) for more information about their aesthetic rebrand.
A clothing brand called "Qober" is trying to rebrand to be trendy and requested help from you! Their target audience is GenZ, and they show you a mood board of gradients, saturated colors, and interesting patterns (lines, checkers, etc.). They pride themselves in line art graphics of characters or interesting (but readable) typography.
Basic organization of the home page and initial ideas
Addition of specific headers and typeface hierarchy
Addition of color, icons, fonts, and other client requests
After analyzing the prompt, I wanted to develop a brand logo that catered specifically to GenZ, Qober's target audience. I created various iterations of a brand identity, using modern typefaces with a contrast between a heavy and light font weight. This logo can also be simplified to only a "Q" for smaller scale branding, or to the full design for larger scales.
The client has chosen GenZ as their target audience for their upcoming brand. Having such knowledge in mind, I want to create simple, eye catching interfaces that GenZ typically enjoys. Analyzing other popular GenZ clothing brands like Urban Outfitters, PacSun, and Lululemon will allow me to create a design similar to previously successful clothing brand sites among GenZ.
While iterating through various design concepts, I am sure to keep in mind that bright, saturated colors are a must. Working with colors in gradient form will also allow for a wider range of bright colors, wihtout appearing overly disorganized. Finally, ensuring some sort of pattern is a must, and I took the appraoch of incorporating the pattern in the background of the page body.
After iterating between more cartoon based characters and more abstract characetrs, I decided on using abstract line art to create characters on the page. This decision was made to increase the elegancy of the page, as opposed to making it more playful by adding cartoons. The use of various bright colors had already created a playful atmosphere for the page, so a more elegant graphic was chosen.
Overall, I enjoyed experimenting with new techniques that I am not overly familiar with, such as bright, intense colors and patterns. I also appreciated the opportunity to create a design based on various client requests, with specific intentions for the design. Working in such a way allowed me to better accustom myself to the real world works of UX Design and how a unique interface can be formed through the interaction of client requests and designer ideas.
If I were to have more time with this redesign, I would like to develop additional pages for the site in order to make it appear as a full comapny webpage. I would also like to experiment with my ability to create my own graphics for the comapny, that can be used in addition to the logo as a statement of the brand.
Thanks for visiting!
