Streetwear Fashion Blog

Example Image that would be seen on the website

Introduction

Streetwear fashion blog is dedicated to providing a place to show off unique and trendy streetwear outfits. Mostly dedicated to pictures, it lays many different pictures as inspiration for people to add to their own close or add their own style too.

Project Brief

  • Design and develop a prototype website for a blog that is dedicated to showcasing unique and trendy streetwear fashion

  • Main focus was to be on the images of the outfits rather than words or stories for the user to read

  • Website was to be static so was designed at a fixed width and not meant to be for mobile

  • Incorporate a street look and trendy style for the design and branding of the website to go with the streetwear outfits being showcased

Goals

Audience

  • Young adult males who are interested in fashion, specifically streetwear fashion, and want to look for inspiration for their own closet

  • Young adult males who are interested in fashion, specifically streetwear fashion, and want to look for inspiration for their own closet

  • Young adults who want show off some of their looks they think may be unique or trendy

  • The website it heavily focused on streetwear clothing, so it was vital too include many pictures that would fit the style

  • To fit the street and modern style, mostly black and grey was used for the site along with a modern thin font

  • Not much text was used on the website to keep the focus on the gallery of clothes being displayed

  • Only a watermark is used for the blog as there is no main logo for the blog

Gathering Content

Color scheme for the Streetwear Blog website
Example of the images displayed on the website
  • The header is small but informative to keep the attention on the images of the streetwear being showcased

  • The navigation is in the top right corner and simple for the user to locate

  • The images are displayed in an offset grid to keep the site dynamic and not boring for the user to look at

  • All the images are the same size so the website doesn’t start to look too look messy or chaotic

  • Only a watermark is used for the blog as there is no main logo for the blog

Wireframes/mockup

Streetwear Fashion Gallery Wireframe two
Stretwear Fashion Gallery Wireframe one
Second mockup of the Streetwear Fashion website
First mockup of the Sreetwear Fashion Gallery

Final Product