UI Design for Divi Links

Startup Stock Photo
Link

 

Technologies used:

  • Adobe Illustrator: to create the icons.
  • Html/CSS/JQuery: to edit pages and colors in WordPress website.
  • Google Analytics: to make UX decisions.

 

The below is the original version of the website.

2018_Divi_Links_Old

 

The below is the newer version with new UI updates:

screencapture-divilinks-1515332172817NEW

 

Changes made:

  • Buttons were changed to match each other, with hover status
  • Pages were reorganized and simplified, now customers can issue bookings and pay for them online, we also corrected a minor glitch with the communications that the course was receiving.
  • More bright, rich images were included in the website.
  • Since the website does not offer product sales, I removed the sample product images and replaced them with logos of brands offered at the physical Links Shop.
  • Inserted menus for the restaurants that exist in the course.
  • Included Golf-Resort packages and links to booking on this site.

12 Days of Sale

Stylish workspace with computer on home or studio

Technologies used:

  • Adobe Illustrator: to create the template.
  • Html/CSS/JQuery: to create the landing page
  • Awesome puns created by Alyssa Smith.
  • All extra imagery like Social Media materials and gift tags revealing sales created by Monica Ampolini — we make a great team.

 

12Days

 

99 Hour Sale

Stylish workspace with computer on home or studio

Technologies used:

  • Adobe Illustrator: to create the template.
  • Html/CSS/JQuery: to create the landing page

 

Screen Shot 2017-12-13 at 3.33.42 PM

The first image above has the hover state, I wanted to mention some information about the resort whenever the customer hovers.

Screen Shot 2017-12-13 at 3.34.15 PM

The second image in this row shows the “check availability” hover state.

Board Book

2018_Divi_BoardBook

Quarterly Board Book for Divi Resorts

Part of the process of creating this book is collecting all data from all projects of the Marketing department for each quarter, then organize and represent this data visually. Each book is different, as the information changes each quarter, this is one of my favorite versions.

Technologies used:

  • Adobe Illustrator: to create the illustrations.
  • Adobe Photoshop: to enhance and correct photos in slideshow.
  • Adobe InDesign: to compile book.
  • Issuu: to publish the book.

2018_Divi_BoardBook_2

2018_Divi_BoardBook_4

2018_Divi_BoardBook_7

2018_Divi_BoardBook_Banners

2018_Divi_BoardBook_6

2018_Divi_BoardBook_LP

2018_Divi_BoardBook_P

2018_Divi_BoardBook_Twitter