DESIGN UNL WEB PORTAL DESIGN PROCESS BOOK TEYANJULEE LEON | GD 321 | SPRING 2014
1
CONTENTS Introduction Wire frames Designs Reflection
INTRODUCTION As an exercise in large-scale web development, we worked as a “class development team� to design a communications portal for all design students at UNL. The primary goal for this site was to create a one stop source for (in the order of importance): jobs, internships, news, events, resources and ideally to foster a design community.
User-centered design is a design philosophy that puts the user of a product, application or experience at the center of the design process. In UCD, a designer strives for a detailed understanding of the needs, wants and limitations of the people who will use the end product and then makes design choices that incorporate this understanding. UCD requires that designers not A core concept we focused on only analyze and foresee how users is UCD or user-centered design. engage but also test their designs.
WIRE FRAMES
DESIGN UNL
NEWS
JOBS & INTERNSHIP
RESOURCES
THIS WEEK
LOG IN/OUT
DESIGN UNL
THIS WEEK IN DESIGN
PRIORITY REGISTRATION INFO INFO
NEWS
JOBS & INTERNSHIP
RESOURCES
LOG IN/OUT
LISTINGS
DEADLINE TO WITHDRAW INFO INFO EVENT INFO INFO < GO TO CALENDAR>
<CLICK TO READ MORE>
LISTINGS
TAGS TAGS LISTING INFO INFO
Vivamus fringilla nunc vel mauris hendrerit lobortis. Donec nulla odio, fermentum ac porta tempus, tempus accumsan nibh. Phasellus sit amet lectus metus. Cras sit amet dignissim quam. Pellentesque varius ac nisl lobortis pharetra.
LISTING INFO INFO LISTING INFO INFO
LISTING INFO INFO
<CLICK TO READ MORE>
LISTING INFO INFO
LISTING INFO INFO < SEARCH JOBS >
NEWS
JOBS & INTERNSHIP
TESTIMONIALS
COMPANY PROFILES
RESOURCES
FAVORITES
RESOURCES
LOG IN/OUT
Timothy Meehan - <Internship Place>
TAGS TAGS
-
TAGS LISTING INFO INFO LISTING INFO INFO LISTING INFO INFO <CLICK TO READ MORE>
LISTING INFO INFO
LISTING INFO INFO
JOBS & INTERNSHIPS
NEWS
LISTINGS
FEATURE ARTICLE Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in commodo ipsum. Duis sit amet metus leo. Proin elementum ullamcorper justo, ac euismod arcu fringilla sed.
TAGS Vivamus fringilla nunc vel mauris hendrerit lobortis. Donec nulla odio, fermentum ac porta tempus, tempus accumsan nibh. Phasellus sit amet lectus metus. Cras sit amet dignissim quam. Pellentesque varius ac nisl lobortis pharetra.
DESIGN UNL
Sheena Pass - <Place>
Dongmei Jiang - <Place>
LISTING INFO INFO
â&#x20AC;&#x153;My 2003 summer internship at Bangor Savings Bank provided me with valuable hands-on experience and a better idea about what knowledge areas and skills I should attach more importance and make further improvement to in my further studies...
< SEE MORE >
< SEE MORE > LATEST RESOURCES
< SEE MORE >
LINK INFO INFO
< SEE MORE >
Sijie Xu - <Place>
LINK INFO INFO
RESOURCES
MY ACCOUNT
Megan - <Place>
NETWORK
< FIND RESOURCES >
< SEE MORE >
DESIGN UNL LISTINGS TAGS TAGS
NEWS
JOBS & INTERNSHIP
Local Hero
740 south 11th street, number 9 Lincoln, Nebraska 68508 Phone: 402.742.4125 Fax: 402.483.4124 info@localherodesign.com
RESOURCES
LOG IN/OUT
DESIGN UNL
Ebbecka
800 P Street, Suite 301 Lincoln, Nebraska 68508 402.441.4649 info@ebbekadesign.com
NEWS
Local
DESIGN UNL
JOBS & INTERNSHIP
Out of State
Paid
Entry Level
Boutique Window
Miles from
Lincoln, Nebraska 68503 boutiquewindow.com
LISTING INFO INFO
Sort
LISTING INFO INFO
< SEE MORE >
Consorte Marketing
Relevance
PLAY Creative
2124 Y Street Lincoln, Nebraska 68503 Phone: 402.613.7973 PLAY@PlAYCREATIVEDESIGN.COM
Pickering Creative Group 8700 Executive Woods Dr., Ste. 100 Lincoln, NE 68512 Phone: 402.423.5447 Fax: 402.423.2871 Toll Free: 888.317.5947 pickeringcreative.com
Help with web designs as well as tabletop game design projects
$ Paid
Summer
Entry Level
Marketing Design
Deadline: 4/22
Healthy Hair Care Eatontown, NJ
Seeking a tech savvy individual who has experience editing photos and videos in order to help increase the marketability of our product Spring
TAGS TAGS
Graphic Design and Web Design
Hoboken, NJ
TAGS TAGS
Consorte Marketing
Help with web designs as well as tabletop game design projects
DESIGN UNL LATEST RESOURCES
Tags
Hoboken, NJ Located Within
COMMUNITY LOG IN/OUT
Saved Positions
Graphic Design and Web Design
LISTING INFO INFO
LISTING INFO INFO
Mid Level
Search Cities
TAGS
LISTING INFO INFO
RESOURCES
RESOURCES
Graphic Design and Web Design Consorte Marketing Hoboken, NJ Deadline: 4/22
Internship Info
Internship Info Internship Info
Internship Info
LINK INFO INFO LINK INFO INFO LINK INFO INFO
NEWS
JOBS & INTERNSHIP
RESOURCES
LOG IN/OUT
FEATURE RESOURCE Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in commodo ipsum. Duis sit amet metus leo. Proin elementum ullamcorper justo, ac euismod arcu fringilla sed. Vivamus fringilla nunc vel mauris hendrerit lobortis. Donec nulla odio, fermentum ac porta tempus, tempus accumsan nibh. Phasellus sit amet lectus metus. Pellentesque rhoncus dui ac volutpat posuere. <CLICK TO READ MORE>
LINK INFO INFO LINK INFO INFO
< SEE MORE >
TYPOGRAPHY
more
WEB DESIGN
more
IMAGERY
IMAGE
IMAGE
IMAGE
more
TAGS TAGS
Graphic Design and Web Design
Hoboken, NJ
TAGS TAGS
Consorte Marketing
Help with web designs as well as tabletop game design projects
FEATURED ITEM
FEATURED ITEM
FEATURED ITEM
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
TAGS TAGS TAGS TAGS
Graphic Design and Web Design
Consorte Marketing Hoboken, NJ
TUTORIALS
more
PUBLICATIONS
more
more
LINKS
Help with web designs as well as tabletop game design projects
IMAGE
IMAGE
IMAGE
FEATURED ITEM
FEATURED ITEM
FEATURED ITEM
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
DESIGN UNL LATEST TYPE
NEWS
JOBS & INTERNSHIP
RESOURCES
LOG IN/OUT
DEADLINE TO WITHDRAW INFO INFO
Vivamus fringilla nunc vel mauris hendrerit lobortis. Donec nulla odio, fermentum ac porta tempus, tempus accumsan nibh. Phasellus sit amet lectus metus. Pellentesque rhoncus dui ac volutpat posuere.
LINK INFO INFO
EVENT INFO INFO
LINK INFO INFO
DAFONT.COM
more
more
FONTBOOK.COM
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
more
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
more
IMAGE
more
HOUSEIND.COM
IMAGE
more
FEATURED ITEM
FEATURED ITEM
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
DESIGN UNL
NEWS
TUESDAY
WEDNESDAY
THURSDAY
FRIDAY
INFO
INFO
INFO
INFO
INFO
INFO
INFO
INFO
INFO
INFO
INFO
INFO
INFO
INFO
INFO
JOBS & INTERNSHIP
THIS WEEK
< MORE >
< MORE >
RESOURCES
TAGS TAGS
LucasVotip ka 5thYear Print/Di gital
TAGS TAGS
FRIDAY
INFO
INFO
INFO
INFO
INFO
EVENT INFO INFO
INFO
INFO
INFO
INFO
INFO
INFO
INFO
INFO
< MORE >
< MORE >
< MORE >
INFO < MORE >
TUESDAY
WEDNESDAY
THURSDAY
FRIDAY
INFO
INFO
INFO
INFO
INFO
INFO
INFO
INFO
INFO
INFO
INFO
INFO
INFO
< MORE >
< MORE >
< MORE >
INFO INFO < MORE >
< MORE >
MONDAY
TUESDAY
WEDNESDAY
THURSDAY
FRIDAY
INFO
INFO
INFO
INFO
INFO
INFO
INFO
INFO
INFO
INFO
INFO
INFO
INFO
< MORE >
RESOURCES
LOG IN/OUT
< MORE >
< MORE >
< CLEAR TAGS >
INFO
< MORE >
MONDAY
Vivamus fringilla nunc vel mauris hendrerit lobortis. Donec nulla odio, fermentum ac porta tempus, tempus accumsan nibh. Phasellus sit amet lectus metus. Cras sit
EVENT INFO INFO
OG IN/OUT
TAGS
INFO INFO < MORE >
< MORE >
DESIGN UNL
NEWS
JOBS & INTERNSHIP
RESOURCES
LOG IN/OUT
LISTINGS
FEATURE ARTICLE Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in commodo ipsum. Duis sit amet metus leo. Proin elementum
TAGS
DEADLINE TO WITHDRAW INFO INFO
L
TAGS
< MORE >
THURSDAY
THIS WEEK IN DESIGN
PRIORITY REGISTRATION INFO INFO
< MORE >
WEDNESDAY
IMAGE
FEATURED ITEM
JOBS & INTERNSHIP
TAGS MONDAY
TUESDAY
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
NEWS
Students
TAGS
MONDAY
EVENT INFO INF
LOSTTYPE.COM
TAGS
EVENT INFO INFO
< SEE MORE >
MYFONTS.COM
DESIGN UNL
LOG IN/OUT
< MONTH >
< MORE >
EVENT INFO INFO
FEATURED ITEM
FEATURED ITEM
FEATURED ITEM
FONTSQUIRREL.COM
IMAGE
IMAGE
IMAGE
RESOURCES
STUDENT SEARCH
EVENT INFO INFO
<CLICK TO READ MORE>
LINK INFO INFO
JOBS & INTERNSHIP
PRIORITY REGISTRATION INFO INFO
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in commodo ipsum. Duis sit amet metus leo. Proin elementum ullamcorper justo, ac euismod arcu fringilla sed.
LINK INFO INFO
NEWS
THIS WEEK
FONT OF THE WEEK
LINK INFO INFO
DESIGN UNL
amet dignissim quam. Pellentesque varius ac nisl lobortis pharetra.
< GO TO CALENDAR>
<CLICK TO READ MORE>
LISTINGS
TAGS
ullamcorper justo, ac euismod arcu fringilla sed.
TAGS LISTING INFO INFO
Vivamus fringilla nunc vel mauris hendrerit lobortis. Donec nulla odio, fermentum ac porta tempus, tempus accumsan nibh. Phasellus sit amet lectus metus. Cras sit amet dignissim quam. Pellentesque varius ac nisl lobortis pharetra.
LISTING INFO INFO LISTING INFO INFO
LISTING INFO INFO
<CLICK TO READ MORE>
LISTING INFO INFO
LISTING INFO INFO < SEARCH JOBS >
NEWS
JOBS & INTERNSHIPS
LISTING INFO INFO COMPANY PROFILES < SEE MORE >
LATEST RESOURCES LINK INFO INFO LINK INFO INFO
RESOURCES < FIND RESOURCES >
MY ACCOUNT
NETWORK
TESTIMONIALS
RESOURCES
FAVORITES
DESIGN UNL
NEWS
JOBS & INTERNSHIP
THIS WEEK
RESOURCES
LOG IN/OUT
THIS WEEK IN DESIGN
PRIORITY REGISTRATION INFO INFO
Vivamus fringilla nunc vel mauris hendrerit lobortis. Donec nulla odio, fermentum ac porta tempus, tempus accumsan nibh.
DEADLINE TO WITHDRAW INFO INFO
Phasellus sit amet lectus metus. Cras sit amet dignissim quam. Pellentesque varius ac nisl lobortis pharetra.
EVENT INFO INFO < GO TO CALENDAR>
<CLICK TO READ MORE>
LISTINGS
LISTING INFO INFO LISTING INFO INFO < SEARCH JOBS >
NEWS
JOBS & INTERNSHIPS
RESOURCES
MY ACCOUNT
LATEST RESOURCES LINK INFO INFO LINK INFO INFO < FIND RESOURCES >
NEWS
INTERNSHIP LISTINGS
JOBS
INTERNSHIPS
DESIGN UNL
RESOURCES
COMMUNITY
INTERNSHIPS
MELODY CROUSE Interactive Design Intern PowderHook
TAGS TAGS
My friends would describe me as very high-energy, in constant motion.
TAGS LISTING INFO INFO
In our stage makeup class we have different sections, and when we got to gore, where the point is to make it look horrible, it was just something that I really enjoyed doing.
LISTING INFO INFO
From designing to acting to stage management to directing, if itâ&#x20AC;&#x2122;s something you love, you can definitely make a career out of it.
LISTING INFO INFO
read more...
LISTING INFO INFO LISTING INFO INFO
COMPANY PROFILES
see more...
TESTIMONIALS
POLICIES
RESOURCES
DESIGNS
10
INITIAL DESIGNS On my the the and
the initial designs, I tried to make site design look really similar to UNL website. I tried to maintain color scheme, the look and feel even the navigation features.
After the usability studies, I learned that there were a lot of things that needed to be addressed. For example, I needed a logo, to address the typography, and to change the color palette.
13
TITLE OF ASSIGNMENT DLKFJASKLSDJFKLDSJF LKDJFKLSDJFSKDL ASKDFJKALSDJFKSDJFLKS ASDKLFJSDKFJAKSLDJFA 14
IMPROVED DESIGNS After a few different iterations these are the designs I ended up with. I changed the background to gray, and made the sight longer and skinnier. I used different typography to create a sense of a logo. I also changed the navigation. I added a footer as well so that the navigation is easier from all point of the page and site. The biggest and best change I made was taking the text off of the pictures. Text is always difficult to see over pictures, so this was a great choice.
REFLECTION
16
After seeing everyone elseâ&#x20AC;&#x2122;s design in class, I think the one thing I really missed out on was the day in class that there was an initial critique. Granted I was sick, the lesson here is that there is nothing as valuable as feedback. Nonetheless, i was able to get some from my peers and my instructor, and that helped.
go into the most specific detail, I ended the project understanding more about what a portal is and best practices for designing one.
After the final critique, I think that there is definitely still work to be done on my version of the UNL design portal. There are definitely things that are working, Another thing I learned during the and I think with more iterations, course of this project was what I can have a great final design. a portal is. Although we did not