Web & Interactive Degree Program

Summer Classes Start
May 11

Summer Classes Start
May 11

"Successful Web Design curriculum exposes students to the latest industry-driven technology while prioritizing the whole user experience. Emphasis should be made on visual hierarchy and a more modern, user-centered approach to design."

Nossi mark mabry

Mark Mabry MFA, Ed.D
Web & Interactive Department Chair

Career Outlook

Interactive Designer

Web Designer

Art Director

UI Designer

Digital Product Manager

UX Designer

App Developer

Multimedia Designer

Creative Director

Game Designer

Freelance | Entrepreneur

Marketing Manager

Graphic Designer

UX UI Director

Responsive Designer

Web & Interactive Design Courses

Focus on Our Four-Year Program

Bachelor's Degree

Bachelor of Graphic Arts Web and Interactive

133 curriculum hours



Students are introduced to the principles of design using a variety of media as they complete projects that emphasize various aspects of composition. They will learn about balance, repetition of shape, positive and negative space, focal point, the illusion of depth and motion.



Students are introduced to the principles of color theory utilizing various affects, techniques and mediums to create a comprehensive understanding of color principles. Light, hue, value and saturation are all explored in the course and students will learn many aspects of color relationship, application and how to affectively utilize the many facets of color and color theory in the commercial art field.



This course will teach students the Adobe Illustrator program, which is the industry standard for vector-based design in the graphic arts field. Students will learn to create their own designs, illustrations and reach an understanding of the types of real-world problems students face on the job. Printing, color and design techniques (the latter learned in the various graphic design courses) will be integrated for completion of the various projects.



This course teaches students how to work with Adobe Photoshop, the industry-standard photo-manipulation program, from a photographer’s standpoint. Building upon what was learned in the initial Adobe Lightroom, Adobe Photoshop for Photographers will delve deeper into the technical aspects of the program, showing photography students techniques for color management, image and color adjustments, montage techniques and preparing images for print.



InDesign is the program for page layout artists. It is used to create highend advertisements, lay out magazines and books, as well as other print projects that need exacting typographic and layout specifications. InDesign also has the ability to produce interactive PDFs and Apps for the iPad. In this course, you will learn how to implement InDesign into the daily workflow of your design career. You will also break down actual ad and layout designs from magazines and newspapers to discuss how these can be built within InDesign.



Students will explore the theory of aesthetics and design concepts as it applies to graphics. It will also encompass a detailed investigation into the principles and concepts of effective visual communications through the use of two- and three-dimensional design with a goal of creative problem solving. There is also an emphasis in Information Gathering, Step 1 of the Nossi 9 Step Creative Process and commercial application of designing corporate graphics such as logos and symbol designs.



Students will study the history of lettering from ancient symbols to today’s digital technology. Students will also study various type families, become familiar with the terminology and practice the art of hand lettering. Students will learn the art of designing with type and become familiar with different ‘moods’ or the feel type can have for different occasions. Students will also learn different styles of type used throughout history. Emphasis on rules for proper letter spacing, word spacing and the arrangement of type for maximum readability will be stressed.



Knowledge of basic Web Design is rapidly becoming a prerequisite skill in many technology-oriented occupations. Even for those who do not intend to enter a career exclusively in web design, the current demand for basic abilities to create and manage a web presence is becoming widely expected. In WD 285, students will be introduced to prototyping web designs, a variety of web programming languages such as HTML5 and CSS3, a variety of industry standard web editing tools, creation and optimization of web graphics and animations, web page layout and authoring web pages to the Internet. By the end of the course, students should feel comfortable designing web content from scratch or editing existing web content regardless of their chosen career path.



Interactive Design I represents a critical and rapidly evolving construct of the overall Internet user experience. Pacing with current industry standards means evolving beyond static web content to web pages and applications offering more dynamic user experiences with interactivity and animation. While the concept of Interactive Design embodies a broad spectrum of techniques and methodologies, the scope of this class will be limited to those most prevalent for basic web design. Students will expand on their Web Language I knowledge to gain proficiency in basic javascript, related libraries such as jQuery and additional CSS3 and HTML5 technologies. Currently, Interactive Design is in state of rapid maturation. In keeping with this, students will learn a number of different relevant toolsets for developing interactive content, from code editors, to graphical integrated development environments. By the end of this course, students will have built their own web applications, animations, widgets, advertisements and other interactive content for multiple platforms and devices through use of HTML5, CSS3 and Javascript.



Whether with web pages, mobile and web applications, computer-based instructional material or digital design in general, developers need the ability to construct within established and proven usability and design principles in order to develop effectively. In this course, in addition to learning usability fundamentals including learnability, visibility, error prevention, efficiency and solid interface design, students will also learn how to use associated prototyping tools to create both low-fidelity and high fidelity prototypes. In addition, students will learn techniques for evaluating and conducting empirical research on the effectiveness of their user interface designs through predictive evaluation, usability testing, and focus groups.


User Experience Design

Building on concepts learned in the prerequisite, User Interface Design, in User Experience Design, students will learn techniques for evaluating and conducting empirical research on the effectiveness of their user interface designs through predictive evaluation, usability testing and focus groups.



Expanding on web languages and technologies learned in Web Language I, in this follow-up course, students will go beyond basic HTML5 and CSS3. In addition to learning more advanced constructs of each of the languages, students will learn a number of additional tools for advanced web development including relevant HTML5 and CSS3 frameworks, CSS preprocessors, Content Management Systems (CMS), a brief overview of server-side scripting languages such as PHP as well as advanced techniques for responsive design. By the end of the course, students will be able to fully develop a responsive website from a prototype, integrate it into a content management system using php frameworks and author it to the web.



Web Language III is a new course recently added by Nossi College of Art.



This course is a continuation of Graphic Design Fundamentals concerning the creative process. Emphasis is on conceptual execution with diverse projects including simple packaging, ads, posters, print design and brand identity. The course focuses on how people see and arrange visual information into a meaningful whole. Students will also get a deep-dive into specialized printing materials and techniques, design terminology, digital design and the ‘business of design.



Having gained the skills to create and author websites in previous web and interactive design courses, in this course students will focus on the post-development processes: marketing and maintenance of the usage health of existing websites. Without strategies for acquiring, analyzing and maintaining traffic, any web development project would be rendered invisible, and consequently, ineffective. In this course, students will learn proper strategies for SEO (Search Engine Optimization), which involves the technical and creative processes necessary to improve ranking among search engines, drive traffic and maintain an overall awareness of your site through organic (non-paid) results. In addition, students will explore marketing strategies and effectiveness of non-organic results, advertising campaigns and social media avenues.



Designing for online isn’t just limited to a brand’s website anymore. Social communities like Facebook and Twitter have allowed brands to communicate with their audiences in a new way. Students taking this course will learn the challenges and limitations of designing for these commonly used online sites as well as the history and theory of online social interaction. This unique course will help students gain valuable knowledge of evolving digital media development and user interface design to help them not only know how to design for currently popular online services, but also how to adapt to the constantly changing social media landscape.



The primary scope of the Interactive Design II course is to facilitate an intermediate understanding of design principles, creativity and innovation as translated through an intermediate understanding of various webprogramming languages. Students transitioning from earlier courses should anticipate expanding on their knowledge of HTML5, CSS3 and Javascript to more comprehensive applications. With a primary emphasis on intermediate scripting language for the web, students will go beyond their elementary understanding of Javascript to learn advanced web animation techniques, basic terminal usage, implementation of Javascript build tools, task runners, dependency management, various relevant Javascript frameworks and libraries beyond jQuery, as well as repository hosting and version control. By the end of the course, students will have the confidence and experience to build custom web applications and add dynamic user experiences to their existing knowledge of web design.



This class has the intended objectives of learning mobile native and web application development processes and methodologies. The tools utilized to implement objectives includes Adobe Illustrator and Photoshop for prototyping, reputable text editors such as SublimeText, Brackets or Adobe Dreamweaver. Libraries and frameworks such as jQuery Mobile, Bootstrap and PhoneGap will be among the technologies used for in integrated development environments like as Xcode and Android Studio.



In this course, students learn the skills and procedures necessary to start a successful freelance operation by learning advantages and disadvantages of freelancing. They will learn what steps are necessary to protect their creative property and ensure that they are paid according to their skills and demand. Ethical standards as well as moral standards will be explored in order that students may understand fair competition in the freelance world. Governmental regulations, licenses and taxes will be explained.



Motion design is more than just animation and effects. Beyond creation of animated assets there exist a different, yet equally significant, demand for knowledge of application and deployment for diverse media. In this course, students will learn to expand on their media integration and deployment techniques to achieve even more unique and pragmatic professional motion graphics productions. More specifically, students can expect to integrate skills derived from previous motion graphics, interactive design, web design and a number of other related courses in digital media to create an even more diverse array of solutions to Motion Graphics challenges. Projects will include commercials for television and web, animations for interactive design applications, event presentations and more. In addition, students can also expect to be introduced to new relevant skills such as fundamentals in audio engineering, voice-overs and music beds, advanced chroma key editing, device and media-specific performance optimization and a multitude of other skills for individual and team projects.



This class is designed to extend the understanding of the software and techniques used in the creation of professional motion graphics projects including motion logos, motion text and infographic presentations. With the demand for specialized information presentations in all aspects of marketing, communication and content production on the rise, having an understanding of key concepts and methods in motion graphic production as well as experience with relevant software will provide an extension of the capability and flexibility of graphic designers.  With such a wide range of concepts and techniques available, continued study and practice of motion graphics introduces new capabilities including 3D layers, lights, cameras and advanced effects use and animation techniques.  Building on previous semesters, students will create pro-level graphics presentations within Adobe After Effects and other software tools available.



Following two preceding courses of interactive design, this course will press students further into programming languages, expanding on the clarity of understanding and variety of known libraries, frameworks and tools available for development. Additionally, students will venture outside of application development for browsers to explore possibilities of interactive design for wearable technology, television, streaming media devices and other hardware.



Even for a front-end developer, the need for a basic understanding of the relationship between the client-side and the server-side is paramount. Whether developing server-side applications oneself or in the event of a need to communicate with server-side developers in a team production environment, a front-end developer’s ability will always be hindered without this proper context. In this course, students will penetrate the server-side in more depth and better grasp its basic constructs: HTTP servers, Application servers and Databases, as well as understand how they communicate with the client. Students will be able to take their web and app development abilities to the next level through the integration of content-driven server-side application into their existing front-end skill sets. The primary server-side languages and programming environments focused on in this course will be php and node.js.



Having previously explored hybrid HTML5 mobile applications in the beginning mobile applications course, in this course, the primary focus will be shifted towards platform specific development. Students will build native applications for Android and iOS in their respective integrated development environments -- Android Studio and XCode. This course will also familiarize students with elementary constructs of the native languages of each IDE: Java for Android Studio and Swift for XCode. By the end of this course, students will have developed fully functional native applications for both platforms. These will be added to each student’s portfolio.



After advancing past basic social User Interface (UI) structures using familiar social media applications from the previous social media course, in this course students will expand their abilities to programmatically build custom solutions for unique social media challenges. Students will synthesize their skills to build and use social media Application Programming Interfaces (API) and Mashups (hybrids of complementary API’s) for various networks. Concepts such as social media account association, real-time network monitoring and data aggregation, contextual sharing solutions, analytics and API integration into web applications will be covered.



With the skills learned from the previous print and interactive page layout courses, students will continue to develop layout techniques for tablet and online publishing -- using applications designed for interactive User Interface (UI) solutions. This includes knowledge in production development by deploying contextual elements within “wrappers” to requesting certificates from Digital Publishing Solutions (DPS) on both IOS and Android platforms for access within “Store” environments for consumer use.



In this course, students will leverage their existing user interface design, advanced programing, motion graphics, and 3D modeling skills to build 2D and 3D games for consumer markets. Using existing knowledge of javascript, students will explore integrated development environments (IDE’s) such as Unity to create 2D, as well as 3D, cross-platform games for desktop, mobile, or even console devices.

BU 400


In this course, students will explore the idiosyncratic challenges of the business side of web and interactive design industry specifically. Proposals, pricing, contracts, marketing, client relations, and a number of other topics will all be addressed specifically within the context of web and application development. This course is intended to prepare students, whether they are prospects for freelancing or prospects for working in a team production environment, for that future career. Emphasis will be placed on project management, production schedule and workflow. By the end of this course, students will have successfully proposed, developed and managed a complete project from start to finish. - See more at: https://nossi.edu/degree-programs/web-and-interactive/#sthash.Z2kAinSQ.dpuf



This class is designed to expose the student to software and techniques used in the creation of professional motion graphics. With the demand for motion graphics in all aspects of marketing, communication and content production on the rise, having an understanding of key concepts and methods will provide greater flexibility and capability for graphic designers and videographers. Beginning with keyframes, this class examines the basics of motion graphic creation and animation. Utilizing Adobe After Effects, the students will create pro-level graphics presentations.



Building on advanced web and interactive design skillsets as well as basic competencies with server structures, students will reach beyond academic theory and migrate towards creating real-world web application solutions. Every stage, from problem analysis and definition, design, development, testing and deployment will be visited in both individual and group production environments. By the end of this course, students should feel confident analyzing and addressing web application challenges. They should also expand their portfolios to demonstrate their understandings of these processes.



This final web design course is designed to display the knowledge and talent representative of the student’s cumulative abilities in completion of the BGA program. Aggregating all of their skillsets, students will independently research and evaluate a specific personal or consumer need for a website or application, propose and address a solution, address marketing strategies and deployment, as well as address monetization concerns. In doing so, students should have material evidence of their market value as a developer and designer to showcase to prospective employers and clients.



Independent study courses are individually designed to meet specific needs of students. They may vary from one to four semester hours of credit. They may be in any subject area a student needs in order to complete degree requirements. Independent study courses must be approved by a member of the Faculty, the student’s Department Coordinator and by the Vice President of Academic Affairs.



Having obtained a precursory exposure to game development IDE’s such as Unity, Javascript and C# in the first game development course, here students will evolve their game development skills even further to create more robust, feature-rich games, that better leverage the programming languages and IDE’s abilities. The anticipated outcomes of this course are the creation of a fully functional, market-ready game for a target platform or device. Here students will address every aspect of the game development life-cycle, from ideation, environmental development, character animation, programmatic logic, gameplay and testing, to delivery and marketing.



This course provides students who are about to graduate the Bachelor degree program In Web and Interactive Design an opportunity to explore the presentation and interviewing techniques used to find employment. Positive self-image and goal setting concepts are reintroduced. Students are also expected to produce their own professional quality work for their portfolios. Students must participate in a formal portfolio presentation of their work to the community and to their fellow students. They are given instructions in portfolio presentation, preparation of their own resumes, both print and electronic, cover letters and promotional materials, both print and electronic.



Success Strategies is a course in goal setting, techniques of note and test taking, problem solving skills, time management and critical thinking skill development. The course is designed to help each student improve his learning skills. In addition, students will acquire skills necessary to succeed as commercial artists. Life enhancing principles are also a major aspect of this course.


American History

This course examines history in America. The course will be a combination of lecture and discussion. 



This is a survey course of the science of psychology. It covers the key terms of most of the psychological concepts from brain biology to abnormal, motivational and developmental psychology. This course surveys a broad field of study. A study of the thinking and research behind various fields of psychology will lead to a discussion of how each field applies to human events in the everyday lives of people. An examination of how psychology applies to advertising, graphic arts, illustration and photography will be made.



Students will examine common uses of mathematics in everyday life. This course will also focus upon mathematical applications involving choice, voting systems, routing and networks, project scheduling, descriptive and inferential statistics and probability.



This course provides a broad coverage of the history of art from prehistoric cave painting through modern times. Students learn from lectures, slide presentations, outside reading as well as reading the assigned class textbook. The students in this course are taught art appreciation, art history, terminology, artists and art styles and the characteristics that distinguish individual artists and styles. At the conclusion of this course students are expected to be able to identify different art works and then name the period, the style, its characteristics, influences and the artist.



This course presents students with a survey of Western Civilization from the ancient world to contemporary culture. Through discussion and appreciation of historical works, students will draw connections between the origins and influences of Western Civilization, as well as an understanding of its role in shaping cultures.



This GE requirement was established, in part, because of the potent influence of science on society. Therefore, a major objective of this course is to help develop an understanding of the nature of science, including its philosophical basis, power and limitations. The content of the course is centered on life and its relationship to the environment.



This class is designed to enhance the student’s understanding and exposure to literature. Readings will come from PDF files on Moodle as well as from handouts from the instructor. A novel reading is required and each student will read and analyze a different novel from a list provided by the instructor. Readings from different genres and cultures will include short stories, poetry and drama. Essays to analyze the readings are the method of assessment as well as tests over the readings and background materials.



This English class will include intensive grammar review as well as writing assignments to complete a portfolio. Illustrations are encouraged to enhance the writing and the portfolio (these can add points to the grade). A resume and a cover letter are a separate part of the writing. A research paper is required and must have the correct documentation and analysis format. Professional presentation of final portfolio is required for completion of this course.



This course is designed to provide the student with instruction in two major areas of the English language – writing and oral communication skills. Writing techniques using correct English grammar will be emphasized and will be applicable for different environments including corporate, business and professional settings. A variety of public speaking techniques will also be taught. The student will learn what is appropriate for each situation in which, as a professional artist, he might find himself.

Summer Classes Start
May 11

Who You’ll Be Learning From

Mark mabry headshot

Mark Mabry, MFA, Ed.D

Web & Interactive Department Chair

Mark Mabry, MFA, Ed.D currently serves as the Graphic Design and Web & Interactive Department Chair, overseeing two separate degree programs (Bachelor of Graphic Design Media, Bachelor of Web...
Mark Mabry, MFA, Ed.D currently serves as the Graphic Design and Web & Interactive Department Chair, overseeing two separate degree programs (Bachelor of Graphic Design Media, Bachelor of Web & Interactive Design). Mark earned his Doctorate in Education (Ed.D) from Argosy University, his Master of Fine Arts (MFA) in Graphic Design from Savannah College of Art and Design, and his Bachelor of Fine Arts (BFA) in Design Communications from Belmont University.  As an academic, he is a published author with over ten years of experience as a post-secondary educator of graphic and web design.  Prior to joining the Nossi team, he spent five years serving as the Design Coordinator for the Art Institute of Tennessee-Nashville, and Adjunct Professor of Art for Belmont University.  He has frequently served as a portfolio evaluator, a guest speaker and has written curriculum for several college courses and numerous workshops. Beyond being an educator, Mark is an award-winning designer with 20 years of design experience; ten of which were spent as Art Director for two separate organizations.  Currently, he is the owner of Mabry Creative, a graphic and web design firm providing a broad range of design services that prioritize user experience and explore the boundaries of emerging media. Mark has an impressive clientele list and is a member of the American Advertising Federation (AAF) Nashville.


(X) Close

Pavel bukengolts headshot

Pavel Bukengolts

Web Design, UXUI Design

Pavel Bukengolts is the Director of User Experience at DePalma Studios, a Nashville-based software development...
Pavel Bukengolts is the Director of User Experience at DePalma Studios, a Nashville-based software development shop specializing in UX design and the human-centered process. With over 25 years of experience in behavioral design and user experience, Pavel has lead teams on expansive projects for brands like United Airlines, Healthtrust Purchasing Group and Sitecore. The world is changing, and we are changing with it every day. Pavel builds applications that are not just made for the world of today, but he is also looking into the future, where it is possible to predict user behavior, be intuitive, and enter the user’s everyday life as a companion. As an educator, Pavel encourages students to use human-centered design in their work. It is inspiring to see them move on from the college to become the new design leaders.


(X) Close

Summer Classes Start

May 11

Save your spot and start the process now!

Classes Now Open (Two Column)

  • This field is for validation purposes and should be left unchanged.
es_MXEspañol de México en_USEnglish