Tasty Fish is a fictional UI/UX agency website created as a solo project for a web development class. The website showcases the agency's services, sample works, and company information with a distinctive blend of experimental design and purposeful functionality.
Objective
To gain hands-on experience in designing and coding a personal website project for a class
Role
Sole UI/UX Designer, Web Developer, and Art Director
Skills
Wireframing, Web Development, Branding and Logo, Copywriting
Toolkit
Figma, Photoshop, Illustrator, HTML, CSS
Timeline
1 month
Objective
To gain hands-on experience in designing and coding a personal website project for a class
Role
Sole UI/UX Designer, Web Developer, and Art Director
Skills
Wireframing, Web Development, Branding and Logo, Copywriting
Detailed the website name, topic, objectives, and target user demographics, including user stories and design persona.
Project details of the website
2. Information Architecture
Structured the website by defining sections, content, and specific pages to fulfill the website's purpose.
Planned sections and content of the website
3. Branding Development
Created the logo, established the color palette, and selected typography to define the visual identity of Tasty Fish.
Final logo, color palette, and typography
4. Design System
Established a design system encompassing components such as navigation bars, footers, and other interface elements for consistency and usability.
Final design system
5. Wireframing
Developed high-fidelity wireframes, both mobile and web, in Figma to visualize the website's layout and interactions, iterating on design elements for optimal user experience.
High-fidelity wireframesm both mobile and web
6. Content Creation
Wrote and curated the website's copy and content, ensuring it aligns with the agency's brand voice and objectives.
Some of the writeups, graphics, and photos of the website
7. Website Development
Coded and developed the website from scratch after purchasing the domain and hosting plan, translating the design concepts into a functional web interface.
