![](https://pro2-bar-s3-cdn-cf3.myportfolio.com/cb973f75594f24119751bb7ec027b50a/4e8dc1a4dd7ab810850c2e7d_rw_1920.png?h=acae55f17baf3a96549155f1a4387d64)
![](https://pro2-bar-s3-cdn-cf4.myportfolio.com/cb973f75594f24119751bb7ec027b50a/5440f46bd1a283fc22dd1487_rw_1920.png?h=4b61d094d6d02d4142deb950492898bb)
1st website that I designed and coded for an Interaction Design course at Oklahoma State University. The objective was to learn HTML/CSS through redesigning and rebranding a pre-existing website.
I was assigned Copper Mountain Ski Resort.
![](https://pro2-bar-s3-cdn-cf4.myportfolio.com/cb973f75594f24119751bb7ec027b50a/f930059e2959ea8f3ad8506c_rw_1920.png?h=c0e596e1d62f138ea0d0e7bbfb6e06d0)
HOME PAGE AND NAVIGATION
To improve clarity and ease of navigation, pages were consolidated so that the most essential functions appeared first. A slideshow was implemented to stay true to the original design as well as to highlight the company’s features. Also since environment conditions are important for ski resort attendees, a weather and temperature widget was incorporated.
![](https://pro2-bar-s3-cdn-cf4.myportfolio.com/cb973f75594f24119751bb7ec027b50a/5e6cd122deb078cc127946d8_rw_1920.png?h=92557755d8da38b1e6fb7cf8923e83ca)
MOUNTAIN + RESORT PAGE
Different features about the ski resort are separated by category. CSS was used so that when a user hovered over a specific category, the thumbnail image would no longer be blurred. A fixed background image is used throughout the website.
![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/cb973f75594f24119751bb7ec027b50a/c6f2dbdbf9acd760af25fc5a_rw_1920.png?h=130a4adedf31513df7d96f81e58bb46d)
GROUPS PAGE
Using DIVs, different types of groups are separated accordingly so the user can easily find particular package deals for their trips.
![](https://pro2-bar-s3-cdn-cf5.myportfolio.com/cb973f75594f24119751bb7ec027b50a/6e39945dc68b0507fdcac286_rw_1920.png?h=77e1fddfff6546039633e880cb1abafb)
ACTIVITIES + EVENTS PAGE
Tables were used to organize the resort's events.
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/cb973f75594f24119751bb7ec027b50a/abf0ea2f-9da0-4b8c-94c0-1a198161265a_rw_1920.png?h=1b1ae38384dceb96c7bf1b96ae5f6583)