EN繁中

MC Official Website

Redesigned McDonald's official website to enhance interface, navigation, and brand value.
Duration
35 Hours
MyRole
UI/UX designer
Responsibility
Research & design
Team
Personal Work
ProjectOverview

Redesigned McDonald's official website by highlighting key content and elevating personalization, I crafted an energetic, captivating user experience that showcases brand uniqueness in a more engaging manner, boosting user engagement.

Before Redesign
After analyzing McDonald's websites in Taiwan, Japan, South Korea, and neighboring countries, I found a common trend of utilizing minimalist interface design to highlight key information and guide users through clear navigation.
This design approach enhances user experience, enabling visitors to locate desired information quickly and effortlessly. This project applies these insights to the redesign of McDonald's website, aiming to improve user navigation and overall satisfaction.
  • ADVANTAGES
    Comfortable Reading Experience
    Clear Navigation
    Highlighting Crucial Information
  • DRAWBACKS
    Information Scarcity
    Lack of Personalization
    Excessive Advertisements Impact Experience
Project Goal
Overall, the McDonald's website excels in delivering a minimalist and user-focused design, yet it must remain mindful of challenges related to sustaining sufficient information integrity, brand distinctiveness, and advertisement equilibrium. An amalgamation of these strengths and weaknesses can foster a more balanced and engaging user experience.
SiteMap
Guideline
01|Grid
02|Tytography
The font used is "NOTO Sans" for a neat appearance, while the color palette remains flexible. It is designed in conjunction with web standard colors based on visual effects and requirements.
03|Colors
- Main Color -
#FFCC00
#DA291C
McDonald's HEX color codes are #FFCC00 for yellow and #DA291C for red.
I have employed these two colors as primaries within the standard colorimetric system.

- Secondary Color -
#606060
#F5F5F5
While utilizing achromatic colors for the secondary complementary hues.
Design Deliverables
Next Project
DayDayCat official
Back to homepage