Midterm Worksheet

Develop Your Idea

What I want to create in my website is a home decor style website similar to that of Alienware. The problem with a lot of home decor websites is the accesibility of information and how to find the right product for the consumer. Another problem with home decor is the over saturated market which creates a non personal tone to their websites. I want to create a website that gives a more personal user experience and could be easily navigated. The website should be home to projects I created through the timeline of myself and how I experienced them.

Discovery and Research

  1. Story telling
  2. Website Designs
  3. UI/UX

Story Telling

Create a memorable interaction. From the start the website should be clear and concise. Start of by introducing yourself in website or the main purpose of it. Format the main purpose/product where it can be seen immedietely. Navigation throughout the website should flow from one piece of work to the next. Each product should have context that gives the website visitors the meaning and process behind what was created.

Website Design

Examples of portfolios websites are very similar due to the fact that most people use website builders like squarespace and wix. This leads to a more streamlined commercial portfolio that does not pop out to the employers. Most of the templates have similar tone and design to websites like behance with the semi vibrant color and clean aesthetic. For my website, I want to keep it simple with an aesthetif that is more personal to me. The colors should pop to your eyes while keeping a simple nagigation bar. Other websites start off with a large image or text that tells the reader the main content. There are a varitety of ways to express the content in the portfolio. Some websites have large pictures of their pieces and the title under and as you click on those pictures it brings you to a more in depth page. Others use a navigation bar to direct users from one type of product to another.

UI/UX

UX design principles

  • Equitable use,
  • flexibility in use,
  • simple and intuitive use
  • perceptible information
  • tolerance for error
  • low physical effort
  • size and space for approach and use


Target Audience

Company recruiters, peers

Inspiration and Concepts

moodboard1
Moodboard concept 1

This first mood board concept meant to show a vibrant contrast in colors that create a warm but relaxed mood.

moodboard2
Moodboard concept 2

The purpose of this moodboard is to convey a more playful tone. It is meant to show the different elements of textures and shapes that could be used to build up the website.


Thumbnails and sketches

Rules of UI/UX design

  1. Hierarchy
  2. Consistency
  3. Confirmation
  4. User Control
  5. accesibility
thumbnails thumbnail 2 thumbnail 3

Wireframes and Prototypes

web1 Computer 1920x1080 home
web2
Computer 1920x1080 gallery
ipad1
iPad home
ipad2
iPad gallery
iphone1
iPhone home
iphone2
iPhone gallery

Responsive Mockup

Responsive Mockup Link

Photoshop Comp

landingpage gallery project aboutme contact

Resources