Daupler.com Marketing Website
Summary
Daupler’s marketing department tasked me with improving the corporate website’s content layout and visual design of key pages, including the homepage; increasing visibility of industry-focused solutions; and adding filter functionality to blog.
More details and context can be provided in an interview.
Project MetadataMY ROLE
UI/UX Designer
TOOLS
TIMELINE
3 Weeks
TEAM
CLIENT Daupler
DELIVERABLES Hi-Fi Mockups
GOAL Improve visual design and functionality of key corporate website pages.
OUTCOME 4 new page layouts approved by CEO and marketing.
Problems
- Daupler’s industry-tailored solutions weren’t featured prominently enough.
- Goal-focused solutions were difficult to read due to an accordion interaction.
- The blog, video testimonials, and resource library pages had all grown to contain enough content that filter functionality was needed.
Solutions
Summary of Changes
- Page content is now aligned consistently.
- The light blue is removed from the color palette and the accent orange reduced to put emphasis on the main CTA.
- Sections on homepage are divided better visually with wave dividers used to provide more visual interest and variety.
- The accordion interaction was removed from the homepage and content placed directly on the page.
Homepage Before and After
Homepage
Figma Design
Homepage (Original)
Browser Screenshot
Videos
Figma Design
Blog
Figma Design
Resources
Figma Design
Write
Publish
Problem
Research
Analysis
NAME the TYPE
PHOTO HERE
Age range:
How Might We
Include why and who
Ideation
Vision
Design
Solution
Takeaways
Future
More Projects
ProjectsUniversityTickets - The Importance of Barcode Redundancy on PDF Live Event TicketsUniversityTickets - The Importance of Barcode Redundancy on PDF Live Event TicketsAmazon KindleAmazon KindleeBook improvements for avid readers.Mobile AppUniversityTickets - Event Ticket Seat Selection for Users with ColorblindnessUniversityTickets - Event Ticket Seat Selection for Users with Colorblindness