2. What is Berkeley Electronic Press
● Research paper/work publishing platform for
college/university librarians and professors
● They also monopolizes 75% of the law
school paper publishing
3. Needs
● UI revamp.
● Convert this Aaron Edlin -
SelectedWorks - BePress
to something more user-
friendly and eye-catching.
4. First things
● Understanding the big
picture by coming up with
a Bepress workflow by
myself.
● Ran through multiple
iterations with the product
manager and VP of
engineering to make sure
it’s on par with business
requirements.
5. Feature Sets and Wireframing
● After understanding each and every feature
set across the entire product, the product
manager and I embark on an epic marathon
of white-boarding.
● And then it was time for wireframing.
● The one feature that stood out for me was
the “work cards.”
6. Work Cards
● Remember how the
list of works was
shown?
● Needed a better way
of showing an author’s
work.
● So I came up with the
idea of showing these
individual works as
small summary cards
that could provide a bit
more information.
7. Wireframes
● After many iterations, I
presented a few options to
the stakeholders in
wireframe form.
9. Iterate, Iterate, and
more Iterating
● Understanding that feedbacks often
change after stakeholders see it in
color with actual content, many
iterations of the photoshop mocks.
11. Specifications and
Implementation
● After the finalized mocks, UI
Specification is needed
● This is achieved via Photoshop as
well.
● Once it’s spec’ed out, the team
goes into implementation mode
where I jump in to help as well.
● Responsible for all things layout
and CSS related.
● development site