Whatever the Weather Online Store

This project required me to invent a store brand and create a website for it. Due to course time restraints, the website only needed to have a home page, one department page, and one product page. To achieve the final product, I researched shopping website trends, applied them to my pseudo-brand in Adobe XD, and coded the XD layout using HTML and Bootstraps. With this project, I learned how to target areas of code to make them display differently on a mobile view. On top of this, I gained experience working with functional aspects of code such as breadcrumbs, accordions, and page numbers.

Umbrella site logo- heart out of umbrella
decktop home page for umbrella website
umbrella website home screen on an iphone
umbrella browse shopping page desktop view
umbrella website browse the product page
umbrella product and cart page desktop view
Umbrella website product page on iphone
umbrella home page desktop view
umbrella browse page desktop view
umbrella product page desktop view

Similar Posts

  • |

    Animated Typography

    Animated Typography The goal of this project was to create a 30-second animation of a quote in After Effects. This project focused on typography animation. As such, the focus was on words; however, the project required the use of a simple complementary image and music. During production, the music was used to animate the typography…

  • |

    Sea Turtle Web

    Sea Turtle Conservatory The goal of this site was to create a sea turtle conservation site using the Kadence WordPress theme. To start, I used Figma to create a moodboard, assemble research, and plan the layout and content. After planning, I used the different drag-and-drop design features provided by the Kadence theme to build the…

  • |

    Recipe Book

    Italian Dessert Recipe Book The goal of this project was to create an organized and aesthetically pleasing book layout by utilizing InDesign table styles, bullet options, page numbers, and parent pages. When making parent pages, I created multiple spreads layouts to account for the different lengths of recipes. In addition, I intentionally alternated left and…

  • |

    Little Women Theatre Set

    Little Women Theatre Set This project entailed creating a theatre poster, playbill, postcard, and social media post to promote a play performance of Little Women. This project required emulating the style of needlepoint while accurately representing the story. To address this, I used imagery that had symbolic meaning in the plot and appeared commonly in…

  • |

    Helping Hive Branding

    Helping Hive: Organization Solution Branding The goal of this project was to create a brand from scratch. This includes brainstorming business ideas, names, and marketing phrases, establishing brand stances and target audiences in a brand brief, creating a logo and color scheme to apply to business system assets. Helping Hive: Organization Solution Branding The goal…