📣 Last Call: Learn Design Systems in 8 weeks online. Register by Monday, March 27 at 11:59 PM PT → Enroll now!
Trending designs to inspire you
Work designers are riffing on
Interviews, tutorials, and more
Prompt to flex your design skills
Find your dream design job
An exclusive list for contract work
Get new leads in your inbox every day
Introduce yourself to new clients with Pitch
Learn product design in just 16 weeks...
Learn UI Design Basics and Figma Fundamentals...
Scale Design Systems in 8 weeks...
Land your dream job! You'll have a career support specialist to review your portfolio...
Level up your skills with our interactive courses and workshops…
Portfolio creation made easy
Fresh leads in your inbox every day
Build your team’s pipeline or profile
Find, contact, and hire designers
The #1 job board for creatives
Board for freelance & contract work
Live site - https://www.otis.edu/annual-exhibition
Annual Exhibition is an end-of-year student exhibition that showcases the works of graduating seniors to the Otis community, friends, family and perhaps most importantly, prospective employers.
The Annual Exhibition website is an important tool for helping connect employers with rising talent, so I was given the task of rethinking the existing structure, both inside and out. One behind the scenes improvement I made was making adding portfolios to the site much easier. What used to take a team of 9 weeks to process was completed by a single person in a fraction of the time. Yay Photoshop actions and improved system design!
I really challenged myself with the shape layers to create something that wasn't a typical "boxy" design. It ended up being easier than I thought to translate to front-end code, though the second shape layer underneath the videos ended up being surprisingly difficult to handle. In the end, though, I'm proud of being able to get the great video my teammate produced sliced into the banners.
A few UX tidbits: most of the pain points our users reported with the old site had to do with the small size of the portfolio thumbnails and obtuse navigation system. To address the thumbnail, I not only increase the size substantially, but also created a slider that adjusts the grid size and thus, portfolio thumbnails to the user's preference. Lastly, the navigation system was thoroughly simplified by converting the whole site into a single page, as opposed to about a dozen.
If I had more time, I would have further refined the visual look, made some more micro-interaction states and probably implemented a fixed menu navigation pane. But for work that was almost entirely done by me in a month or so period, I'm happy with what I accomplished.