ESSENCE
OVERVIEW
Essence is a web destination for African American women. ESSENCE.com serves as a daily source for African American-related news, entertainment and community, and reflects the intimate tone and approach of the esteemed ESSENCE brand. Learn more about ESSENCE.com
The goal of this project was to recreate the website and give it more of an elegant approach. Giving the users a simple way to navigate thought each components. Working closely with the product manager and development team to build the vision.
ROLE
UX Designer
Visual design, User Research, Interaction, Prototyping & Testing, Pitching
TOOLS
Adobe Photoshop, illustrator, XD
July 2021 - Present
Wireframes
Some basic wireframe mockups. This was the overall layout and structure in the beginning. After gathering feedback revisions was made establishing a standard visual hierarchy layout for all components.
Style Guide
Before and After
Desktop Top Story homepage components.
Responsive Design
Homepage Top Story and Multi-Story Hero Promo Unit.
Video Components
Watch the latest Essence video’s from lifestyle, celebrities and fashion. AD units are placed above every topic components.
Commerce Block Component
Homepage Commerce Top Story Daily Deal. The background is a soft tissue paper gift wrap vibe. When clicking the shop now bottom this will direct you to the product website.
Article Page Before and After
Elongated article page sprinkle with some widgets throughout. Promo, video, ads, read more strip articles and commerce block component. This is currently being functional with the development team.
Subscribe Page
Sign up for latest Newsletters by checking the radios. After submitting you will receive exclusive newsletters offers in your inbox email.
Topic Components
Get the Latest articles hero component. The bottom is the current 3-card format topic group.
Newsletter
Homepage Newsletter is a functional 1920x250 sign up component on the current website. Along with a 9 card multi topic group format. Each one is a clickable article.
