WIREFRAME RECAP: UCSB BIZCOM SPRING 2012 UCSB BUSINESS COMMUNICATIONS WEBSITE RE-DESIGN In an effort to improve my skills in web design, I volunteered Spring ‘12 to re-design the UCSB Writing Minor’s website. It was my first time building a website without wordpress. Sufficed to say, there was a steep learning curve. However, the experience taught me considerable lessons in digital design and management which I later incorporated into other redesigns/my own website. (At the time, wireframes consisted of drawings on my bedroom mirror) e purpose of this deck is to demonstrate not only an understanding of the fundamentals of wireframming and information architecture, but also a mastery of the tools necessary to make such presentations.
Business Communications
Dec 02, 2014
In an effort to improve my skills in web design, I volunteered Spring ‘12 to re-design the
UCSB Writing Minor’s website. It was my first time building a website without wordpress.
Sufficed to say, there was a steep learning curve. However, the experience taught me
considerable lessons in digital design and management which I later incorporated into
other redesigns/my own website.
The purpose of this deck is to demonstrate not only an understanding of the
fundamentals of wireframming and information architecture, but also a mastery of
the tools necessary to make such presentations.
UCSB Writing Minor’s website. It was my first time building a website without wordpress.
Sufficed to say, there was a steep learning curve. However, the experience taught me
considerable lessons in digital design and management which I later incorporated into
other redesigns/my own website.
The purpose of this deck is to demonstrate not only an understanding of the
fundamentals of wireframming and information architecture, but also a mastery of
the tools necessary to make such presentations.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
WIREFRAME RECAP: UCSB BIZCOM
SPRING 2012
UCSB BUSINESS COMMUNICATIONS WEBSITE RE-DESIGN
In an effort to improve my skills in web design, I volunteered Spring ‘12 to re-design the UCSB Writing Minor’s website. It was my first time building a website without wordpress.
Sufficed to say, there was a steep learning curve. However, the experience taught me considerable lessons in digital design and management which I later incorporated into other redesigns/my own website.
(At the time, wireframes consisted of drawings on my bedroom mirror)
The purpose of this deck is to demonstrate not only an understanding of the fundamentals of wireframming and information architecture, but also a mastery of
the tools necessary to make such presentations.
WIREFRAME RECAP: UCSB BIZCOM
SPRING 2012
NEWSLETTER
CLIENTS
HOME
ABOUT
CLASS OF ‘12
ALUMNI
HEAdER
HOME (house 0)
HOME (house 0)
CLASS OF(house 2)
ABOUT (house 1)
NEWSLETTER(house 4)
CLIENTS(house 5)
ALUMNI(house 3)
PWM, LINKEd, EMAIL
CONTACT
LOGOHome
1.0
HOME
1.1
ABOUT
1.2
ALUMNI
1.4
NEWSLETTER
1.5CLASS OF
‘12
1.3
STUdENTS CLASS OF 11
CLASS OF 09
CLASS OF 08
CLASS OF 07
CLASS OF 06
CLASS OF 10
PORTFOLIO
CLIENTS
ALUMNI VIMEO(embedded)
CLIENTSNEWS PdF
CLIENTS
1.6
TESTIMONIAL
PORTFOLIO
WIREFRAME RECAP: UCSB BIZCOM
SPRING 2012
ALUMNI CLIENTS PORTFOLIO
HOME ABOUT CLASS OF ‘12 ALUMNI PORTFOLIO CLIENTS
HOUSE 1
HOME
HOUSE 1.1
ABOUT
HOUSE 1.2
ALUMNI
HOUSE 1.4
NEWSLETTER
HOUSE 1.5
CLASS OF ‘12
HOUSE 1.3
CLIENTS
HOUSE 1.6
ONE CONTIGUOUS PAGE (links anchored to each “house”)
1. Generate interest and educate younger students about what the writing minor.
2. Exhibit current projects within the minor and showcase portfolio work.
3. Connect with alumni and demonstrate growth of the program
Analytics told us that 60% of visitor time on the old site was spent on alumni, clients, and portfolio pages, so we wanted to emphasize those three categories on our homepage
We also wanted to minimize page-loading time, so we created the page as one long landscape page with separate “houses” for each header section
Purpose
WIREFRAME RECAP: UCSB BIZCOM
SPRING 2012
ALUMNI
1.0
‘12
1.1
‘11
1.2
‘09
1.4
‘08
1.5
‘10
1.3
‘07
1.6
‘06
1.6
LIGHTBOX PHOTO/BIO
LIGHTBOX PHOTO
LIGHTBOX PHOTO
LIGHTBOX PHOTO
LIGHTBOX PHOTO
LIGHTBOX PHOTO
LIGHTBOX PHOTO
The writing minor places a large emphasis on connecting and learning from our alumni, already in the workforce. To visually connect current and prospective students, we created a second “house” to hold our alumni profiles and also create a fluid interface for visitors.
This year we also chose to hold a photoshoot, to align the appearance of our class
I also choose to incorporate student bios in a lightbox’d profile.
Kellock Irvin
Class of ’12 2011 2010 2009 2008 2007 2006
ALUMNI HOUSE 1Alumni
WIREFRAME RECAP: UCSB BIZCOM
SPRING 2012
Result
30% +
1:05+
40% +
views
duration
page
visit
applicant
(3 month period)
increaseVISIT
Related Documents
