PLEASE TOUCH MUSEUM
OVErVIEW
The Please Touch Museum is a Philadelphia-based children’s museum dedicated to learning through touching the exhibits. I created an updated logo system, color palette, and typography, then applied these elements to a responsive website design that communicates the museum’s hands-on experience.
ROLES
•UX/UI Designer
•Brand Designer
my team
Maya Williams
tools
•Adobe Creative Cloud
•Figma
duration
10 weeks
PLEASE TOUCH MUSEUM
OVErVIEW
The Please Touch Museum is a Philadelphia-based children’s museum dedicated to learning through touching the exhibits. I created an updated logo system, color palette, and typography, then applied these elements to a responsive website design that communicates the museum’s hands-on experience.
ROLES
•UX/UI Designer
•Brand Designer
my team
Maya Williams
tools
•Adobe Creative Cloud
•Figma
duration
10 weeks
PLEASE TOUCH MUSEUM
The Please Touch Museum is a Philadelphia-based children’s museum centered on learning through hands-on exploration. I first developed an updated logo system, color palette, and typography during a 10-week logo design course. For my Web Graphics II final, I expanded this work into a full responsive web design system, applying the branding to a website that reflects the museum’s playful, tactile experience.
ROLES
•UI/UX Designer
•Brand Designer
DELIVERABLES
•Responsive Website Design
•Logo Design
•Brand Identity
tools
•Figma
•Adobe Illustrator
•Adobe Photoshop
•Figma
•Adobe After Effects
duration
10 weeks
PROJECT PROBLEM
The goal was to redesign the Please Touch Museum’s brand and website to be more engaging for children while staying clear and functional. Once the new branding was developed, the highly saturated colors became challenging to manage within the UI, often overpowering key content and hierarchy.
The goal was to redesign the Please Touch Museum’s brand and website to be more engaging for children while staying clear and functional. Once the new branding was developed, the highly saturated colors became challenging to manage within the UI, often overpowering key content and hierarchy.
PROJECT SOLUTION
To address this, I began by creating grayscale wireframes to establish structure and flow before introducing color. I then expanded the palette with softer secondary hues to balance the bright primary tones. By using bold primary colors and playful branding motifs that resonate with children, the final design became more inviting and engaging while maintaining usability and clarity.
To address this, I began by creating grayscale wireframes to establish structure and flow before introducing color. I then expanded the palette with softer secondary hues to balance the bright primary tones. By using bold primary colors and playful branding motifs that resonate with children, the final design became more inviting and engaging while maintaining usability and clarity.
TABLE OF CONTENTS
RESPONSIVE UI
MOBILE:
DESKTOP:
LOGO
The logo features a child and hand combined, symbolizing the museum’s focus on hands-on, interactive learning. It uses a font that is humorous and full of personality, with “touch” in bright yellow to draw attention and highlight the museum’s playful, engaging experiences.
The logo features a child and hand combined, symbolizing the museum’s focus on hands-on, interactive learning. It uses a font that is humorous and full of personality, with “touch” in bright yellow to draw attention and highlight the museum’s playful, engaging experiences.
LOGO MARK
The logo mark can be used solo in minimal spaces, such as mobile designs, while still conveying the museum’s playful, hands-on spirit.
The logo mark can be used solo in minimal spaces, such as mobile designs, while still conveying the museum’s playful, hands-on spirit.
COLOR PALATE
I chose a palette of bold primary colors to capture the playful, child-friendly spirit of the museum while keeping the overall look clean and modern through balanced spacing, typography, and minimal layouts.
Primary Red
#E91F5E
Primary Yellow
#F99C2D
Primary Blue
#50BED2
Secondary Blue
#B8F4FF
Secondary Red
#6E0526
COLOR PALATE
I chose a palette of bold primary colors to capture the playful, child-friendly spirit of the museum while keeping the overall look clean and modern through balanced spacing, typography, and minimal layouts.
Primary Red
#E91F5E
Primary Yellow
#F99C2D
Primary Blue
#50BED2
Light Pink
#EC769B
Primary Yellow
#841641
Secondary Red
#6E0526
Light Pink
#841641
Secondary Blue
#841641
Secondary Red
#841641
Secondary Yellow
#841641
Secondary Blue
#B8F4FF
Secondary Yellow
#FFDE14
TYPOGRAPHY
Heading Text:
Body Text:
BEHIND THE SCENES
BEHIND THE SCENES
When developing the Please Touch Museum logo, I initially explored concepts featuring a hand and a child. After moving away from that direction, I revisited my early sketches and rediscovered the logo that ultimately became my final design! During the design process, I also created greyscale wireframes to place my highly saturated color palette effectively.
When developing the Please Touch Museum logo, I initially explored concepts featuring a hand and a child. After moving away from that direction, I revisited my early sketches and rediscovered the logo that ultimately became my final design! During the design process, I also created greyscale wireframes to place my highly saturated color palette effectively.
TAKEAWAYS
Through this project, I learned how to balance playfulness with functionality in branding, ensuring a logo is both visually engaging and versatile across different platforms. I gained experience in making deliberate choices in color and typography to guide attention and convey personality.
Through this project, I learned how to balance playfulness with functionality in branding, ensuring a logo is both visually engaging and versatile across different platforms. I gained experience in making deliberate choices in color and typography to guide attention and convey personality.
CALCIUM & COMPANY
PLEASE TOUCH MUSEUM
The Please Touch Museum is a Philadelphia-based children’s museum dedicated to learning through touching the exhibits. I created an updated logo system, color palette, and typography, then applied these elements to a responsive website design that communicates the museum’s hands-on experience.
Deliverables: Responsive Website Design, Logo Design, Brand Identity
Duration: 10 weeks