Web Designs // UI Design
Skills: HTML/CSS, UI, UX
Partners: Amy Lin and Zeeshan Rizv
Various web design projects as an introduction to learning HTML/CSS, including a Nikon redesign, a tribute to Dieter Rams, and a group project to improve the CMU University Health Services website.
Why a Nikon redesign?
Nikon is considered one of the best camera brands globally, only second to Canon for those who are loyal to Canon. However, when comparing Nikon’s websites to those of competitive brands like Canon, Sony, Olympus, Leica, and even Kodak and GoPro, Nikon should consider updating its website from a visual standpoint.
My intention was to simplify Nikon's currently function driven aesthetic so that customers can get a sense of openness and expanse when they land on the website, just like some of the beautiful landscape photographs that Nikon cameras can capture (I took the photo above with a Nikon D5200 on a family vacation).
I removed repetitive links (the old website had both the header links and the same header links on the side), and made selecting the region more interactive and an aesthetically pleasing experience, one that utilizes Nikon's bold yellow.
If I had more time, I would want to communicate what the drop down menu might look like if you clicked on a link, as well as how the search bar works. I would also want to show organization of more content and camera products upon scrolling.
Dieter Rams Tribute
This was an exercise in creating a responsive website for desktop and mobile. I made a site dedicated to Dieter Rams, a famous German industrial designer who pioneered the term, "less but better".
While this project was more to become familiar with HTML/CSS, I tried to consider:
- What kind of site is it?
- Who are the visitors?
- Why are they visiting?
- What's my approach?
University Health Services
Collaborating with Zeeshan and Amy, we worked together to improve the CMU University Health Services (UHS) website. UHS is the primary organization that addresses student health concerns, however, the majority of students believe that their tools and website are too complex to use, deterring people from seeking help when ill.
Although there are still many interaction aspects and nuances of our redesign that could be improved, we'd like to user test this website in the future and comparatively with the current website to see if our redesign provides easier navigation, setting up appointments, and improved information architecture for CMU students.