Vancouver, Canada /
8:56 PM
Vancouver, Canada /
8:56 PM
Vancouver, Canada /
8:56 PM
/
GRAPHIC WEB
UI/UX
GRAPHIC WEB
UI/UX
DESIGNER
DESIGNER
Satomi Fujioka is a Japan-born designer crafting intuitive, aesthetic digital experiences that connect people and ideas across cultures.
Selected
Selected
WORK
WORK
A selection of digital works that blend clarity, emotion, and cross-cultural perspective.
about
about
let’s works together
[ ABOUT ME ]
I’m Satomi, a designer specializing in graphic and web design with 15+ years of experience. I create thoughtful, user-focused visual solutions that blend creativity with strategy.
My journey includes work at design agencies and fashion brand headquarters, leading projects from concept to execution. For the past seven years, I’ve been freelancing, expanding my skills to web development and digital design for a diverse range of clients.
Fluent in Japanese and English, I bring a global perspective and a creative, meticulous approach to every project.
Let me show HOW i do
discover MY work method
discover MY work method
[ 01 ]
planning
Before we start, we determine if and how I can help you. What are your requirements for your new design? Why do you need a new design? What goals do you have in that, and what problem can we solve with a new design?
- We get to know each other better
- Determine how i can best assist you
- Understand the goals you have for the work
[ 01 ]
planning
Before we start, we determine if and how I can help you. What are your requirements for your new design? Why do you need a new design? What goals do you have in that, and what problem can we solve with a new design?
- We get to know each other better
- Determine how i can best assist you
- Understand the goals you have for the work
[ 01 ]
planning
Before we start, we determine if and how I can help you. What are your requirements for your new design? Why do you need a new design? What goals do you have in that, and what problem can we solve with a new design?
- We get to know each other better
- Determine how i can best assist you
- Understand the goals you have for the work
[ 02 ]
Concept & Strategy
Once we have a clear understanding, we define the concept and strategy. I explore ideas, visual directions, and solutions that align with your brand and objectives. This step ensures that every design choice has a purpose.
- Define the visual and strategic direction
- Explore creative ideas aligned with your goals
- Set a clear roadmap for the project
[ 02 ]
Concept & Strategy
Once we have a clear understanding, we define the concept and strategy. I explore ideas, visual directions, and solutions that align with your brand and objectives. This step ensures that every design choice has a purpose.
- Define the visual and strategic direction
- Explore creative ideas aligned with your goals
- Set a clear roadmap for the project
[ 02 ]
Concept & Strategy
Once we have a clear understanding, we define the concept and strategy. I explore ideas, visual directions, and solutions that align with your brand and objectives. This step ensures that every design choice has a purpose.
- Define the visual and strategic direction
- Explore creative ideas aligned with your goals
- Set a clear roadmap for the project
[ 03 ]
Design Onboarding
After setting the concept, we dive into the design process. I create visuals, layouts, and interactions while keeping your goals in focus. Feedback and collaboration are key, ensuring the final design is both functional and inspiring.
- Create visuals and prototypes
- Collaborate closely for feedback and refinementorials
- Ensure the design is purposeful and impactful
[ 03 ]
Design Onboarding
After setting the concept, we dive into the design process. I create visuals, layouts, and interactions while keeping your goals in focus. Feedback and collaboration are key, ensuring the final design is both functional and inspiring.
- Create visuals and prototypes
- Collaborate closely for feedback and refinementorials
- Ensure the design is purposeful and impactful
[ 03 ]
Design Onboarding
After setting the concept, we dive into the design process. I create visuals, layouts, and interactions while keeping your goals in focus. Feedback and collaboration are key, ensuring the final design is both functional and inspiring.
- Create visuals and prototypes
- Collaborate closely for feedback and refinementorials
- Ensure the design is purposeful and impactful
Services
Services
DISCOVER
graphic design
From concept to composition, I craft visuals that communicate clearly and resonate emotionally — blending typography, layout, and color with purpose.
[ KEY FEATURES ]
- Visual Identity
- Print & Editorial
- Illustration & Composition
( O1)
graphic design
From concept to composition, I craft visuals that communicate clearly and resonate emotionally — blending typography, layout, and color with purpose.
[ KEY FEATURES ]
- Visual Identity
- Print & Editorial
- Illustration & Composition
( O1)
graphic design
From concept to composition, I craft visuals that communicate clearly and resonate emotionally — blending typography, layout, and color with purpose.
[ KEY FEATURES ]
- Visual Identity
- Print & Editorial
- Illustration & Composition
( O1)
Web design
Web design
Web design
ux/ui designing
ux/ui designing
ux/ui designing
Brand design
Brand design
Brand design
[ years of experience ]
[ years of experience ]
[ years of experience ]
[ project done ]
[ project done ]
[ project done ]
[ satisfied customers ]
[ satisfied customers ]
experience
experience
2007 - PRESENT
Freelance
[ 2017 - present ]
Graphic and Web Designer
Worked for clients such as fashion brands, food industries, medical industries, corporations, a tax account office, a language school, and small businesses.
Freelance
[ 2017 - present ]
Graphic and Web Designer
Worked for clients such as fashion brands, food industries, medical industries, corporations, a tax account office, a language school, and small businesses.
Freelance
[ 2017 - present ]
Graphic and Web Designer
Worked for clients such as fashion brands, food industries, medical industries, corporations, a tax account office, a language school, and small businesses.
Urban Research Inc.
[ 2013 - 2017 ]
Web Designer
A fashion brand that operates over 100 stores across Japan offers casual wear designed for an urban lifestyle, popular among men and women in their 20s and 30s.
Urban Research Inc.
[ 2013 - 2017 ]
Web Designer
A fashion brand that operates over 100 stores across Japan offers casual wear designed for an urban lifestyle, popular among men and women in their 20s and 30s.
Urban Research Inc.
[ 2013 - 2017 ]
Web Designer
A fashion brand that operates over 100 stores across Japan offers casual wear designed for an urban lifestyle, popular among men and women in their 20s and 30s.
Spiral Graphic
[ 2010 - 2013 ]
Graphic and Web Designer
A design production company that offers marketing and design for various fields such as education, government, sports, and more.
Spiral Graphic
[ 2010 - 2013 ]
Graphic and Web Designer
A design production company that offers marketing and design for various fields such as education, government, sports, and more.
Spiral Graphic
[ 2010 - 2013 ]
Graphic and Web Designer
A design production company that offers marketing and design for various fields such as education, government, sports, and more.
Okazaki Design Office Inc.
[ 2007 - 2010 ]
Graphic Designer
A design production company that offers design services to clients including Toyota and Nissan.
Okazaki Design Office Inc.
[ 2007 - 2010 ]
Graphic Designer
A design production company that offers design services to clients including Toyota and Nissan.
Okazaki Design Office Inc.
[ 2007 - 2010 ]
Graphic Designer
A design production company that offers design services to clients including Toyota and Nissan.
favourite
stack
favourite
stack
My skill
Adobe Illustrator
Vector design tool
Illustrator is a vector-based design tool for logos, icons, and scalable illustrations. Ideal for precise shapes and crisp typography.
Adobe Illustrator
Vector design tool
Illustrator is a vector-based design tool for logos, icons, and scalable illustrations. Ideal for precise shapes and crisp typography.
Adobe Illustrator
Vector design tool
Illustrator is a vector-based design tool for logos, icons, and scalable illustrations. Ideal for precise shapes and crisp typography.
Adobe Photoshop
Raster & image editor
Photoshop excels in photo editing and pixel-based graphic work, offering advanced tools for retouching and high-quality visual content.
Adobe Photoshop
Raster & image editor
Photoshop excels in photo editing and pixel-based graphic work, offering advanced tools for retouching and high-quality visual content.
Adobe Photoshop
Raster & image editor
Photoshop excels in photo editing and pixel-based graphic work, offering advanced tools for retouching and high-quality visual content.
Adobe InDesign
Layout & publication tool
InDesign is made for multi-page layouts and editorial design. Great for brochures, PDFs, and systematic typography.
Adobe InDesign
Layout & publication tool
InDesign is made for multi-page layouts and editorial design. Great for brochures, PDFs, and systematic typography.
Adobe InDesign
Layout & publication tool
InDesign is made for multi-page layouts and editorial design. Great for brochures, PDFs, and systematic typography.
figma
Interface & prototyping
Figma is a cloud-based UI tool for designing and prototyping interfaces collaboratively. Ideal for cross-team workflows and interaction design.
figma
Interface & prototyping
Figma is a cloud-based UI tool for designing and prototyping interfaces collaboratively. Ideal for cross-team workflows and interaction design.
figma
Interface & prototyping
Figma is a cloud-based UI tool for designing and prototyping interfaces collaboratively. Ideal for cross-team workflows and interaction design.
Framer
Interface & prototyping
Framer is a collaborative platform for designing and prototyping interactive, high-fidelity interfaces.
Framer
Interface & prototyping
Framer is a collaborative platform for designing and prototyping interactive, high-fidelity interfaces.
Framer
Interface & prototyping
Framer is a collaborative platform for designing and prototyping interactive, high-fidelity interfaces.
HTML5
Markup
HTML5 provides the structural foundation of the web. Semantic elements for content, accessibility, and responsive layouts.
HTML5
Markup
HTML5 provides the structural foundation of the web. Semantic elements for content, accessibility, and responsive layouts.
HTML5
Markup
HTML5 provides the structural foundation of the web. Semantic elements for content, accessibility, and responsive layouts.
CSS3
Styling
CSS3 styles and animates HTML, controlling layout, typography, and responsive behavior to bring designs to life.
CSS3
Styling
CSS3 styles and animates HTML, controlling layout, typography, and responsive behavior to bring designs to life.
CSS3
Styling
CSS3 styles and animates HTML, controlling layout, typography, and responsive behavior to bring designs to life.
WordPress
CMS
WordPress is a flexible CMS for building sites and blogs. Useful for fast content-driven sites, themes, and custom templates.
WordPress
CMS
WordPress is a flexible CMS for building sites and blogs. Useful for fast content-driven sites, themes, and custom templates.
WordPress
CMS
WordPress is a flexible CMS for building sites and blogs. Useful for fast content-driven sites, themes, and custom templates.
let’s make your design shine
“collaborate with me to craft exceptional designs
reflect your unique vision.”
let’s make your design shine
“collaborate with me to craft exceptional designs
reflect your unique vision.”
let’s make your design shine
“collaborate with me to craft exceptional designs
reflect your unique vision.”
let’s make your design shine
“collaborate with me to craft exceptional designs
reflect your unique vision.”