Online Museum : Process Post #4

Over the weekend, I've made quite a bit of progress on my Muse page. Here are some screen shots of what the site looks like right now:

Home Page and Full Gallery

About Page

Shade Section Page

Time Section Page

Texture Section Page

Red Shade Page

Individual Page

I still have a lot of work to do, but I've come a long way from I where I was last week during class. I want to add a pucker sound whenever users click home, I need to add the name of the lipsticks on their individual pages, and many more littler things. I will continue working and posting my process as the week goes on!

Online Museum : Process Post #3

I finally narrowed down to one design direction, and I got the basic wireframe of my site figured out on muse.

Here's the final design direction I decided on (just a few of the general pages, I didn't want to overload you with all 40+ pages):

Home Page / Entire gallery

Shade/Red page

Individual Page

Here's the quick muse click through/wireframe I created:

Home page - black box is what pops up when you hover over "filter by"

This would be the "red" (any color) section page- all the reds

This would be an individual page. Info would be below it.

After making my click through on muse and looking through my final design, I realized I needed to make my section pages where the entire gallery is shown, but organized into my 3 different sections. So I made section pages for each different section: shade, texture, and time. I also redid the layout of my interior pages, making the title/logo much smaller.


Stay tuned for the next post!!

Online Museum : Process Post #2

Greetings!

So I've revised my site map as well as my wireframes:

I also wanted to include a picture of
what I was envisioning for the
drop-down/filter menu

Along with all of these things, I have made three different visual directions for what I'm thinking this site will look like:

I would scan in all my own lip prints for this. The black box appears over the
prints when the user's cursor goes over the prints (showing that they can click
on the print for more info). The homepage is also a slideshow of the entire
lipstick gallery. 

I want to have the lipstick prints on different types of clothing fabric for
this idea. Once again, I would scan in all my own lip prints for this, and
the black box appears over the prints when the user's cursor goes over
the prints. The homepage is also a slideshow of the entire gallery. 

I would take all my own photos for this idea. Once again, the black box is
doing the same thing in this idea as the first two ideas, and the homepage is
a slideshow of the entire gallery of lipstick. 

Online Museum : Process Post #1

For this online museum, I have chosen to display my collection of lipstick (my favorite thing ever). To better understand what I have in mind for this museum, here is my planning sheet:

So after revising and editing this planning sheet over and over, I think I've finally landed on the specifics (shown above). Next, was the site maps. The site maps, shown below, show the general pattern or way of moving through the website. Each square is something the user can click on. I have three different ways of maneuvering the website:

Now for a more specific idea of what the website might look like, I made wireframes. These wireframes give a clearer idea of the composition of the website as well as the scale/proportion.

BAM. There it is. I'm leaning more towards that last idea (it's labeled number 2, but its the last picture). Once I figure everything out, I'll post what direction I end up heading in.

Journal Entry: Found Stuff #4

I remember doing infographics last semester for one of my projects. Looking back at that project now, I would do some things a little differently. I feel like I've noticed more infographics around me, and I have a better of idea of what works and what doesn't. As I scrolling through Pinterest today, I saw a couple infographics that inspired me:

The combination of a photograph and computerized
graphics is really interesting to look at. It makes the
infographic feel very real. I was immediately pulled in
I saw this online. 

What I love about this infographic is the
combination of real objects and the
information. It makes the information
come alive. 

Journal Entry: Jonathon Harris

While watching Jonathon Harris, it was felt easy for me to sit here and listen. Usually, watching some of these videos begins to bore me after awhile, but not this one. What pulled me in so much about Jonathon Harris was his honesty. He seemed to be upfront about everything, and he didn't stand on stage giving the same spiel that every other designer does. He talked about things that matter to him, and he covered topics that a lot of designers are probably scared to cover. For instance, he talked about how he often felt lost in technology. How sometimes technology seems to be controlling him and how he disliked that.

What resonated with me the most, though, is when he talked about completely starting over and redoing a project. Whenever I'm in the midst of a project, or worse, towards the end of a project, I cannot stand knowing that in order to succeed I must start over. Starting over is scary for me. The beginning of projects are always so daunting. So why would I ever want to go back to the beginning? I've learned, though, that starting over usually ends up working out in my favor. This is exactly what Jonathon Harris discussed about his online dating project. He completely changed his ideas, and it ended up benefitting him greatly.

Journal Entry: Jakob Trollback

After watching Jakob Trollback's series of videos, I'm feeling inspired. He made a lot of interesting, valid points, and quite a few really stuck out to me as I was listening. Trollback started off as a DJ, and he was self taught. Once someone handed him a Mac, he began to design. He's done all kinds of things, but today, he's best known for motion design. 

An interesting point that Trollback discussed was when he referenced design as a "language." He talked about how It's good to learn a new language, and design is a great language to learn. It's good to find a different, more unique way to communicate with other people, and design is a medium in which people can do that through.  When it comes to this new language, eventually, you want to make sense of what you're saying. There's two ways in which you can make an impact:

1. Emotional messages can work, but better yet....

2. Participation is key

After letting those thoughts sink in, I can't help but agree with Trollback. Design is a special language, but it's necessarily good unless the designer knows how to communicate with it. The best way to get through to people is through emotion and participation. This way, viewers are actively engaging in your designs, that is something powerful.