Web
Design for action
Shape sites and interfaces around message, audience, hierarchy, responsiveness, and conversion.
About Shannan
Web craft, product thinking, and AI fluency.
I work where visual design, websites, product systems, and emerging tools need to become one coherent result.
I have been designing for the web since 1998, with a foundation in illustration and a long habit of learning the next useful tool.
My practice begins with websites and visual communication: structure, layout, UI/UX, message, and responsive execution. From there, I can extend into digital products, workflow systems, automation, AI-assisted production, and cinematic media when the project calls for it.
I help founders, agencies, and creative teams clarify what they are making, understand how its parts depend on one another, and move from possibility to a result people can see, use, test, and respond to.
AI is part of the toolkit, not a substitute for judgment. Direction, source awareness, continuity, accessibility, verification, and responsibility stay human.
Product
Make ideas testable
Turn rough opportunities into flows, prototypes, requirements, and working product direction.
SEO
Build for visibility
Connect technical SEO, keyword intent, metadata, content strategy, and audience growth to the site itself.
Media
Compose the image
Use photography, lighting, visual composition, editing, sound, and story judgment to strengthen the final experience.
AI
Use tools with judgment
Apply AI to research, creation, coding, media, and automation while keeping review and responsibility visible.
Loaded skills profile
Professional skills.
Creative & Illustration
- Formal illustration training
- Traditional and digital illustration
- Character and concept design
- Storyboarding and visual development
- Composition, perspective, and color theory
- Graphic design and branding
- Logo, icon, and marketing asset design
- Typography and layout design
Web, UI/UX & Digital Product Design
- Web design since 1998
- Responsive and mobile-first web design
- User interface design
- User experience design
- Information architecture
- Wireframing and high-fidelity prototyping
- Design systems and visual hierarchy
- Landing pages and conversion-oriented design
- Website and application architecture
Software & Product Development
- Product strategy and product ownership
- Application architecture
- Mobile and cross-platform application design
- React Native and Expo concepts
- Next.js and TypeScript workflows
- Supabase and PostgreSQL concepts
- SQLite and offline-first design
- API integration and authentication planning
- Git and GitHub workflows
- Requirements gathering and technical documentation
- Testing, troubleshooting, and iterative product improvement
Artificial Intelligence & Automation
- Advanced prompt engineering
- AI workflow architecture
- AI-assisted software development
- LLM integration concepts
- AI image generation
- AI video generation
- AI voice and music workflows
- Multi-model creative workflows
- AI research, validation, and quality control
- Automation and process design
Film, Video, Photography & Audio
- End-to-end AI filmmaking
- Script and story development
- Cinematic composition and shot planning
- Storyboarding
- Video editing and trailer production
- Visual-effects planning
- Photography and studio-style composition
- Lighting and image enhancement
- Sound design coordination
- Voice production and music integration
SEO, Marketing & Content
- Search engine optimization
- Keyword and search-intent research
- Competitive research
- Content strategy
- YouTube SEO and video optimization
- Title, description, and metadata optimization
- Brand positioning
- Audience-growth strategy
- Marketing copy and technical content
Leadership & Business
- Independent end-to-end product development
- Technical and creative leadership
- Project management
- Strategic planning
- Systems analysis
- Problem solving
- Process improvement
- Client communication
- Rapid learning and multidisciplinary integration
Learning & Cognitive Strengths
- Exceptional visual memory and information retention
- Rapid recall of complex visual and technical information
- Strong pattern recognition
- Ability to integrate information across multiple disciplines
- Systems thinking and big-picture problem solving
- Creative intuition and visual-spatial reasoning
Working together
Independent, direct, and hands-on.
You work with the person doing the thinking and making. Engagements can begin with a focused discovery session, a prototype, a defined production sprint, or a larger connected build.
I am based in Baraboo, Wisconsin and collaborate remotely with clients and teams.
Explore Services ↗Open channel
Tell me what you're building.
A polished brief is not required.