ALIGARH COLLEGE OF ENGINEERING & TECHNOLGY

3KM FROM SASNI GATE, MATHURA ROAD

ALIGARH-202001

AN
INTERNSHIP TRAINING REPORT
ON
UI/UX DESIGN

AT
FINTECH INDUSTRIAL

Submitted by :

Gaurav Singh

3rd Year

5th Sem

Section A

CSE

Date

1
 ALIGARH COLLEGE OF ENGINEERING & TECHNOLGY
3KM FROM SASNI GATE, MATHURA ROAD
ALIGARH-202001

INTERNSHIP CERTIFICATE
This is to certify that___________ student of ALIGARH COLLEGE OF
ENGINEERING B. Tech ______year _____________ branch, has undergone
Internship Training in (Topic) _________________________________ from
______________ to ________________.

(Mr.Ajit Chansauriya) Dr. Anand Sharma

Faculty Internship Assessment Lab HoD, CSE/IT

2
 ABSTRACT

Industrial training is an important phase of a student life. A well planned, properly

executed and evaluated industrial training helps a lot in developing a professional
attitude. It develop an awareness of industrial approach to problem solving, based on a
broad understanding of process and mode of operation of organization. The aim and
motivation of this industrial training is to receive discipline, skills, teamwork and
technical knowledge through a proper training environment, which will help me, as a
student in the field of Computer Science and IT, to develop a responsiveness of the self-
disciplinary nature of problems in information and communication technology. During a
period of two months training at Fintech Industrial (Texas), I was assigned to creating
print as well as digital design to help with making the company’s brand more prominent
in the services they offer through their website. As a result I designed brochures,
business cards, landing page of the website . Throughout this industrial training, I have
gained valuable knowledge and industry level insights on the various tools and practices
prevalent in the UI/UX design industry. I was able to put my skills to use which I
learned at Aligarh College of Engineering and Technology, Aligarh.
StandardFinancial.io offers financial coverage over an expansive set of information
critical for investment research. They go further than just providing information, we
carefully capture a wide variety of data, then we process, refine and standardize it to
make it richer, more powerful and easier to analyze. Our content gives investors the
power to monitor the global markets, research public and private companies, and gain
industry-level insight with comprehensive analytics. They use the latest data gathering
& AI techniques to acquire, integrate, and manage financial data. Our high quality and
standardized financial data coverage allows us to offer a leading edge to investors and
provides an innovation that makes our product an essential resource for investors
worldwide.
The primary focus of UI designers is on designing screens through which the user will
navigate. This includes visual design, typography, spacing, iconography, and interaction
design.
On the other hand, UX designer jobs consist of using a process to create products and
relevant experiences for the user. Factors such as usability, design, and function come
under UX.
Apart from this, it is everything about the level of creativity a designer can reach and
how much value he/she provides to the user.

3
Learning Objectives/Internship Objectives
 Internships are generally thought of to be reserved for college students
looking to gain
experience in a particular field. However, a wide array of people can benefit
from Training
Internships in order to receive real world experience and develop their skills.
 An objective for this position should emphasize the skills you already
possess in the area and
your interest in learning more
 Internships are utilized in a number of different career fields, including
architecture,
engineering, healthcare, economics, advertising and many more.
 Some internship is used to allow individuals to perform scientific research
while others are
specifically designed to allow people to gain first-hand experience working.
 Utilizing internships is a great way to build your resume and develop skills
that can be
emphasized in your resume for future jobs. When you are applying for a
Training Internship,
make sure to highlight any special skills or talents that can make you stand
apart from the rest
of the applicants so that you have an improved chance of landing the position.

4
 Contents

Certificate…………………………………………………………..2

Abstract……………………………………………………………..3

Learning Objectives……………………………………………….4

Chapter:1 Introduction to organisation………………………….6

Chapter:2 Introduction to UI/UX design………………………7-10

Week Wise Overview……………….....……………………...10-31

Conclusion…………………………………………………………32

5
CHAPTER:1 INTRODUCTION TO ORGANISATION

Fintech Industrial Inc. offers financial coverage over an expansive set of information
critical for investment research.

They go further than just providing information, we carefully capture a wide variety of
data, then the data is processed, refined and standardized it to make it richer, more
powerful and easier to analyse. The content gives investors the power to monitor the
global markets, research public and private companies, and gain industry-level insight
with comprehensive analytics. They use the latest data gathering & AI techniques to
acquire, integrate, and manage financial data. The high quality and standardised
financial data coverage allows us to offer a leading edge to investors and provides an
innovation that makes our product an essential resource for investors worldwide. They
provide standardised coverage over: ● Stocks ● Bonds ● Funds ● IPOs ● Mergers ●
Dividends ● Earnings ● Price Data ● Bankruptcies ● Insiders ● OTC Stocks ● ESG
Data ● Derivatives ● Industry Trends ● Company Profiles ● And Much More

Fintech Industrial is an organisation that is working towards helping the new age
investors make their choices on the account of industry leading data. With the new
advancements in the financial sectors it’s easier than ever to get into investing. However
getting access to top level data about markets is still either very time consuming or
requires a big investment in the proprietary software that can provide such large
amounts of data. This process is very expensive and increases the barrier to entry for
many new investors. Fintech Industrial tackles that problem by providing standardised
data and insights at a competitive pricing allowing interested investors to make their
choices backed by data that is up to date , complete and accessible.

The company is based in Plano, Texas and is founded by Anthony A. Shriftman.

I was working with the UI/UX team, which was led by Troy Campbell. The UI/UX
design team extends to more conventional print and digital designs to establish the
brand of the company through marketing design.

6
CHAPTER:2 INTRODUCTION TO UI/UX DESIGN

In web and app development, UI design and UX design are the building blocks for
creating an easy-to-use and accessible product. It’s not just limited to apps and web
development, though – computers, home appliances, and other electronic devices all
require UI and UX design.

If you already work in tech or the digital industry, you may have come across the terms
UX and UI. You may have even heard the terms in passing, perhaps while sauntering
the streets of the world’s tech capitals. Often they are used interchangeably or together,
but as we’ll find out, they are both quite different things. They are, however, both
integral to the success of the other.

So let’s take a look at these two essential design tools and their use in the many
different domains that they can support.

What do UX and UI mean?

At first glance, the terms UX and UI come across as some sort of alien language. As
with many terms in tech, there are all kinds of abbreviations and acronyms that you
have to get used to. UX and UI are another two terms to familiarise yourself with.

The ‘U’ in both terms stands for ‘User’. This is because both spheres have the user at
their heart and are essential for creating a user-friendly experience. Any developer –
whether that’s an app or even a coffee machine – will know the importance of creating
an accessible interface. But it can’t just look good – you’ll want to make sure it works
well too. This is where both UX and UI come in.

There’s more to it than that, however. Let’s dive into each of the separate terms, and
find out the different applications of each design method.

User Experience

UX stands for User Experience, and, as the name suggests, UX design encompasses the
end-user’s interaction with the company, service, or products. It’s worth mentioning
here that this process can be applied to just about anything – from street lamps to
websites. In theory, it’s a non-digital practice that focuses on the overall feel of a
product or service.

7
More often than not, UX is used in digital industries, as it involves the interaction
between the user and the service. UX design is the broader term for considering all the
different elements involved in this experience. The main consideration is for how the
user feels when experiencing the product and how easy it is for them to use the product
or service.

UX design is not about how the service or product looks – it is solely focused on the
actual experience that the user has with the product. This could be regarding how easy
the checkout process is online, or whether your online banking app makes it easy for
you to manage your money. UX doesn’t concern the visual experience – just the quality
of interaction.

User Interface

UI is the acronym for User Interface. Unlike UX, UI is strictly a digital term and
concerns the look, feel, presentation, and interactivity of a product or service. It’s the
point of interaction between the user and the digital product – for example, the
touchscreen on your phone, or even the screen you use to choose what sort of coffee
you want on a coffee machine.

UI involves making the user interface of the product as intuitive as possible. This
involves considering every visual or interactive thing that the user might encounter.
From typography to colour schemes to responsive design, a UI designer’s main aim is to
make the user’s experience with the digital product as interactive and appealing as
possible.

As a UI designer, you are required to transfer the product’s development, research,

content, and layout into an attractive and responsive experience for users. The design
has to be consistent, coherent, and, most of all, aesthetically pleasing. You want to
create something where the user doesn’t have to think too much and can navigate
quickly and easily.

8
What is the difference between UX and UI?

You’ll often find that hiring managers and big tech companies use these terms
interchangeably, without necessarily understanding or demonstrating what each one
truly entails. While they work together, with UI effectively translating the UX design
scheme into an easily digestible and interactive format, they also work separately.

A good way of visualising the differences between UX and UI is to imagine the product
as a human body. The bones are the code that give the product (or body) structure. UX
represents the organs, supporting all the different functions. And UI represents the
bodily cosmetics – how it looks, along with senses and reactions.

UX

UX is a human-first approach to the design of a product, which has physical and digital
applications to the product. The main crux of UX involves the user’s full experience –
from the first contact right through to the last.

A UX designer focuses on structural design solutions for any issues that the user
encounters during their interaction to try and create a product that the user can delight in
owing to its effectiveness. UX is frequently the first step in the process of creating a
product, establishing the bare bones of a project which UI then fills with interactive and
visual elements.

UI

On the other side of the metaphorical coin is UI. UI is the human-first approach to
designing the actual aesthetic experience of a product, with only digital applications
rather than the digital and physical applications of UX.

The focus of UI design is visual touchpoints. Interaction with the digital product is top
of the list of responsibilities for a UI designer, in order to create a product that is
aesthetically pleasing for users. From tapping a button and scrolling down a page to
swiping through a gallery of images, UI makes the journey laid out by UX possible.

Despite their professional relationship, the elements themselves are quite different.
They both relate to very different aspects of the development process and the design

9
discipline. They also work closely together, both being really crucial to the creation and
success of a product.

How do UX and UI work together?

So now we’ve been through the differences between these two essential digital skills,
but how do they work together? As we’ve mentioned previously, you’ll often see
employment advertisements for the combination of these roles. This is because, more
often than not, companies are looking to combine the two to create a fully rounded
package.

If you’re wondering which one is more important, the fact of the matter is that they’re
both as important as each other. Everyone – from developers to users – wants something
that looks great and is also eminently usable. This is UI and UX manifest. While there
are applications for one and not the other, the best results occur when they’re used
together.

So the benefits of UI and UX for business are numerous – and with the competition in
the global market being what it is, getting both right is essential. To use another analogy
– UI is the icing on the UX cake. If one part of the whole product doesn’t quite go to
plan, the product as a whole could end up being spoiled.

10
Week 1 Overview

Week 1 was focused on introduction of the various tools and software used in the
UI/UX industry and the design industry as a whole.

The tools discussed consisted of hardware tools such as drawing tablets that are needed
to get the most out of the person’s creativity. Drawing tablets help in putting ones
thoughts on the screen. Working with a tablet one can work on vectors and even create
their own icons to match the style of the window and the app or website.

The software discussed were industry relevant software that are used to create mockups
and prototypes for web design and app design. The tools include features that range
from static design to dynamic prototypes with fully fledged animation to help the
frontend developers implement exactly what the client needs.

Some of the tools are listed below:

Procreate (Software): https://procreate.art/

PC Design Software
Figma (Software) https://www.figma.com/blog/figma-on-figma-how-we-built-
figma-dot-coms-design-system/
Affinity (Software) https://affinity.serif.com/en-us/
Adobe (Software) https://www.adobe.com/creativecloud.htm

3D Modeling Software

Blender (Software) Blender

Maya (Software)
3DS Max 3DS Max
Spline (Software-UI/UX) https://spline.design/

3D Modeling Texture Software

Quixel Mixer (Software) Mixer Link
Substance Painter (Software) Substance Painter Link

These tools are discussed in brief details further.

11
Procreate is a raster graphics editor app for digital painting developed and published by
Savage Interactive for iOS and iPadOS. Designed in response to the artistic possibilities
of the iPad, it was launched on the App Store (iOS) in 2011

Figma is a vector graphics editor and prototyping tool which is primarily web-based,
with additional offline features enabled by desktop applications for macOS and
Windows. The Figma Mirror companion apps for Android and iOS allow viewing
Figma prototypes in real-time on mobile devices. The feature set of Figma focuses on
use in user interface and user experience design, with an emphasis on real-time
collaboration.

Affinity Designer is a vector graphics editor developed by Serif for macOS, iPadOS,
and Microsoft Windows. It is part of the "Affinity trinity" alongside Affinity Photo and
Affinity Publisher. Affinity Designer is available for purchase directly from the
company website and in the Mac App Store, iOS App Store, and the Microsoft Store.

Adobe Creative Cloud is a set of applications and services from Adobe Inc. that gives
subscribers access to a collection of software used for graphic design, video editing,
web development, photography, along with a set of mobile applications and also some
optional cloud services. In Creative Cloud, a monthly or annual subscription service is
delivered over the Internet. Software from Creative Cloud is downloaded from the
Internet, installed directly on a local computer and used as long as the subscription
remains valid. Online updates and multiple languages are included in the CC
subscription. Creative Cloud was initially hosted on Amazon Web Services, but a new
agreement with Microsoft has the software, beginning with the 2017 version, hosted on
Microsoft Azure.

Blender is a free and open-source 3D computer graphics software toolset used for
creating animated films, visual effects, art, 3D printed models, motion graphics,
interactive 3D applications, virtual reality, and computer games. Blender's features
include 3D modelling, UV unwrapping, texturing, raster graphics editing, rigging and
skinning, fluid and smoke simulation, particle simulation, soft body simulation,
sculpting, animating, match moving, rendering, motion graphics, video editing, and
compositing.

12
Autodesk Maya, commonly shortened to just Maya, is a 3D computer graphics
application that runs on Windows, macOS and Linux, originally developed by Alias and
currently owned and developed by Autodesk. It is used to create assets for interactive
3D applications (including video games), animated films, TV series, and visual effects.

Autodesk 3ds Max, formerly 3D Studio and 3D Studio Max, is a professional 3D

computer graphics program for making 3D animations, models, games and images. It is
developed and produced by Autodesk Media and Entertainment. It has modeling
capabilities and a flexible plugin architecture and must be used on the Microsoft
Windows platform. It is frequently used by video game developers, many TV
commercial studios, and architectural visualization studios. It is also used for movie
effects and movie pre-visualization. For its modeling and animation tools, the latest
version[which?] of 3ds Max also features shaders (such as ambient occlusion and
subsurface scattering), dynamic simulation, particle systems, radiosity, normal map
creation and rendering, global illumination, a customizable user interface, new icons,
and its own scripting language.

Spline is a software that allows you to easily create 3D graphics, mainly for the web.
You can download it from the following website

Mixer is a free and easy-to-use 3D texturing application for artists accompanied by

hundreds of free Smart Materials and Megascans assets that can speed up your texturing
process. Also, with free sample mixes, you can dissect and explore them to know more
about the creative texturing processes and achieve unique and amazing results.

Substance is a suite of procedural texture tools created by French software developer

Allegorithmic, which had been acquired by Adobe in January 2019. The tools have
become popular in the computer animation, design, film, and video game industries.

13
Week: 1 Work Undertaken

The designs for week 1 were for buiseness cards and introduction to the design styles
and font psychology used in the industry.

The design styles used were Minimalism and Art Deco which are discussed further.

Minimalism

In software and user interface design, minimalism describes the usage of fewer design
elements, flat design, fewer options and features, and tendencially less occupied screen
space.

Examples

Galaxy S6

One example is the user interface of the Samsung Galaxy S6, where many options and
items from menus and settings were pruned.

Samsung 2015 stand-by menu

The update to Android Lollipop removed the shortcuts to "Silent", "Vibration only", and
"Sound on" in the stand-by menu.

iOS 7 and Android Lollipop update

The Android Lollipop update (late 2014–2015) applied to both stock Android and
TouchWiz UI devices changes the appearance of the user interface, especially the
setting menus of which the use of icons, border lines, edges, and contrast elements have
been reduced to a minimum.

Furthermore, the remaining icons have become less skeumorphistic and more abstract,
adapting to flat design language.

The density of the elements on the user interface has decreased. There is more
whitespace, or unoccupied screen space.

Similar changes happened with the update from iOS 6 to iOS 7.

Context menu icons

14
Furthermore, in 2014, the icons from context menus of Samsung's TouchWiz
applications (Samsung Gallery, S Browser, telephone app, etc.) were pruned.

Unavailable options

Prior to Samsung's TouchWiz Nature UX 3.0, menu options that are currently
unavailable (e.g. "Search for text in page" in the Internet browser during a page load)
were shown, but grayed out, which has the advantage of informing the user about their
existence but that the option is unavailable. Since then, unavailable options are hidden
completely, which makes the context menu occupy less screen space, but it might cause
the user to not realize immediately that the feature is unavailable.

Browser's URL bar only shows domain name

Started in Safari browser for iOS and adapted by Samsung's "S Browser",some
browsers only show the domain name instead of the full URL, even if there is spare
space in the URL bar.

Instagram website redesign

In June 2015, the layout of Instagram's website was fully redesigned to resemble the
mobile application and mobile website, pruning many user interface elements, for
example, the slideshow banner.

Skype design overhaul

Another example is the Skype redesign, where many icons from context menus were
removed, colour gradients were replaced with flat colors, and the density of user
interface elements was decreased.

Art Deco

Art Deco style drew inspiration from an eclectic combination of influences, materials,
and previous art movements. Following its birth in Paris, the movement quickly gained
a following around the world, adopting slightly different characteristics in each location
and influencing a variety of creative disciplines, from design to visual arts to decorative
arts, architecture, and fashion.

15
As mentioned, Art Deco style is a pastiche of many different and sometimes
contradictory influences, all brought together under the desire to embrace modernity.
For that reason, it presents itself more as a mosaic of styles rather than reflecting one
single style. It does, however, exhibit some distinct and unifying characteristics.

 Art Deco Colour Palette: Art Deco colours tend to be rich, bright, and vibrant,
an influence of Fauvism and the Ballets Russes. There's also often a liberal use
of gold, particularly in Art Deco typography.

 Art Deco Lines: Art Deco lines are straight, hard-edged, and smooth. Think
streamlined elegance and sleek, exaggerated curves.

 Art Deco Shapes: Art Deco shapes are usually bold, geometric, and
symmetrical, and may include zigzags, chevron arrangements, and trapezoidal
shapes.

Font Psychology

Font Psychology is a method of using Font styles and formatting to manipulate the
feelings, behavior, and thoughts of viewers. Utilizing Font Psychology as a tool, we can
understand how to get more interactions between us, and our target audience based on
the key demographic we are trying to reach.

Work for week 1

16
17
Week 2 : Overview
Week 2 focused on more print design.
The assignment for week two was:
DESIGNS:
Pamphlet front and back only. (Two sided)
Black/white no color design - One that is congruent with GDD.
A pamphlet is an unbound book (that is, without a hard cover or binding). Pamphlets
may consist of a single sheet of paper that is printed on both sides and folded in half, in
thirds, or in fourths, called a leaflet or it may consist of a few pages that are folded in
half and saddle stapled at the crease to make a simple book.
The pamphlet has been widely adopted in commerce, particularly as a format for marketing
communications. There are numerous purposes for pamphlets, such as product descriptions or
instructions, corporate information, events promotions or tourism guides and they are often
used in the same way as leaflets or brochures.

Basics of Pamphlet Design

 Group related elements

 Align elements
 Consistency and visual unity
 Contrast and emphasis
 White space

Group Related Elements

Scattered elements are visually confusing. The reader's eye doesn't know where to
settle, or which pieces of information are related to each other.
Organize your information into small, manageable chunks. If a headline and a subhead
are related, put them together. If your address appears on the page, put it in a tight little
block, and put some white space between that block and other elements.
Visually group related elements together, and the reader will take in each part as a unit
as you intended.
The corollary principle is that unrelated information should be separated by white space,
lines, and borders.

18
Alignment
As with grouping, alignment helps the reader digest information. The imaginary line
that connects aligned items reinforces their connection and pleases the eye.

Contrast and Emphasis

Contrast creates emphasis. If you want to shout your headline to the sky, set it in high-
contrast type. Make it huge, or bold, or set it on a reverse color background.
Contrast also provides natural grouping. An item in high contrast is necessarily set apart
from others.

Visual Unity
Everyone knows you should try to pick colors that harmonize with each other on the
page. What fewer people know is that by repeating colors, logos, icons, or shapes
throughout your project you create a sense of unity—the feeling that this document,
whether a one-page flyer or an entire book, is "all of a piece." Pick a visual theme and
carry it through. Your project will feel like a unified whole.

White Space
White space refers to the empty space between design elements. Use white space
liberally! Beginners almost always err on the side of too little white space. It's almost
impossible to overdo it.
By giving some breathing room to your graphic elements, you help your reader's eye
flow easily from one topic to the next. Clutter creates a feeling of visual exhaustion.
White space is the antidote, creating a clean, open, inviting page.

19
Work for week 2
My work for week 2 consisted of two pamphlet designs which were mentioned above.

20
21
Week 3 : Overview
Week 3 was concerned with 3D modelling.
As we know as the computational power of devices possessed by an average user
increases, developers and designers can get away with more complex designs and apps.
One of the trend is 3D web experiences. As discussed earlier there are software such as
Spline, which provides the functionality to create and export 3D models for the web in
a ready to implement format.
However it has limited functionality in what models it can create. Another software
called Blender has much more features when it comes to 3D modelling and sculpting
digitally. Blender is a very good piece of software as it is open source and community
driven, due to that reason it has a lot of community based plugins on top of the already
provided features.

An Introduction to 3D web experiences

The 3D Internet is a powerful new way to reach consumers, business customers, co-
workers, partners, and students. It combines the immediacy of television, the versatile
content of the Web, and the relationship-building strengths of social networking sites
like Facebook. Yet unlike the passive experience of television, the3D Internet is
inherently interactive and engaging. The World Wide Web, which has started as a
document repository, is rapidly transforming to a fully fledged virtual environment that
facilitates services, interaction, and communication. Under this light, the Semantic Web
and Web2.0movements can be seen as intermediate steps of a natural evolution towards
a new paradigm, the 3D Internet. On the other hand, a virtual world such as Second Life
(SL) or World of War craft (WOW) is much younger when compared to other Web
technologies. Virtual worlds are increasingly seen as more than game and interpreted
within a business context rather than entertainment.
3D on the web truly arrived in 2011 with the launch of WebGL, a JavaScript API for
rendering 3D graphics within a compatible browser without the use of plugins. And the
following years saw a lot of excitement for the possibilities of 3D amongst web
designers.

22
Work for week 3
Work assigned for week 3 consisted of a 3D model of an old school fantasy themed cup.
Software used : Blender

23
Week 4 : Overview
Week 4 was the first web design assignment. I was assigned to create landing pages for
the organisation using three different design techniques.

What Is Web Design: An Introduction to the Basics

Web design is the planning and creation of websites. This includes a number of separate
skills that all fall under the umbrella of web design.
Some examples of these skills are information architecture, user interface, site structure,
navigation, layout, colors, fonts, and overall imagery. All of these skills are combined
with the principles of design to create a website that meets the goals of the company or
individual from whom that site is being created.
Design, obviously, is a key part of "web design." What does this mean exactly? Design
includes both the principles of design — balance, contrast, emphasis, rhythm, and unity
— and the design elements — lines, shapes, texture, color, and direction.
By putting these things together, a web designer creates websites, but a good web
designer understands not only the principles of design but also the constraints of the
Web. For example, a successful web designer will be skilled in typographic design
principles, while also understanding the challenges of web type design and specifically
how it differs from other kinds of type design.
When you work as a web designer, you may be tasked with creating (or working on)
entire sites or just individual pages and there is a lot to learn to be a well-rounded
designer, including the following:
 HTML — This is the structure of web pages, creating the foundation of all
websites
 CSS — This is how web pages are visually styled. CSS (Cascading Style
Sheets) handles the entire look of sites, including layout, typography, colors, and
more
 JavaScript — This governs certain behaviors on websites and can be used for a
variety of interactions and features
 CGI programming — CGI, and the next few entries (PHP, ASP, etc.) are all
different flavors of programming languages. Many sites do not require any of
these languages, but sites that are more feature-rich will certainly need to be
coded using some of these languages
 PHP, ASP, ColdFusion scripting
 XML

24
  Information architecture — The way a site's content and navigation is
structured and presented helps make for a successful site that is easy and
intuitive to use
 SEO — Search engine optimization ensures that websites are attractive to
Google and other search engines and that people looking for the products,
services, or information features on that site can find it once they look for it
online
 Server management — All websites need to be hosted. The management of the
servers that host those sites is an important web design skill
 Web strategy and marketing — Having a website is not enough. Those sites
will also need to be marketed with an ongoing digital strategy
 E-commerce and conversions
 Design — Creating the visual look and feel of websites has always been an
important aspect of the industry
 Speed — A successful site is one that loads quickly on a wide variety of
devices, regardless of a visitor's connection speed. Being able to tune the
performance of sites is a very valuable skill
 Content — People come to websites for the content that those sites contain.
Being able to create that content is a critically important component in the world
of website design

Minimalist Web Design

A minimalist web-design strategy is one that seeks to simplify interfaces by removing
unnecessary elements or content that does not support user tasks.
In order to reduce a website to only its most necessary elements, designers must accept
a cascade of consequences that impact both the user interface (UI) and the content of the
site. Many of the visual-design characteristics commonly associated with minimalism
are choices that serve the core strategy of minimalism particularly well, and so have
been adopted along with minimalism in most instances.
Defining characteristics of minimalism

Flat Patterns and Textures

Limited or Monochromatic Color Palette

Restricted Features and Elements

Maximized Negative Space

25
Dramatic Use of Typography

Art Deco Web Design

Art deco is one of those design styles that defies the passage of time. One of the first,
major international styles of design, Art Deco appeared in France just before the
outbreak of World War I and saw its demise as World War II began to sweep across
Europe a couple of decades later. In spite of its short-lived nature, monuments to its
greatness remain in manmade creations all over the world. That’s the beauty of Art
Deco: this design style covered virtually everything that could be legitimately touched
by design, including graphic design (Art Deco fonts), interiors, buildings, cars, jewelry,
pop culture, and even mundane objects like your radio and other household appliances

Defining characteristics of art deco

What makes Art Deco capture the imagination with such ease is its broadness. It’s
essentially not just a single style, but a mosaic of various and even contradictory styles
joining forces to create something that was then very new and exciting. Its major
characteristics include:
 Heavy geometric influences
 Triangular shapes
 Zigzags
 Trapezoidal shapes
 Straight and smooth lines
 Loud, vibrant, and even kitschy colors
 Streamlined and sleek forms
 Sunburst or sunrise motifs
 Exaggerated curves
 Hard edges
 Low reliefs
 Stepped forms
 Chevron (inverted, V-shaped mark) arrangements
 Ziggurat patterns
 Stylized, floral patterns

26
Work for week 4

27
28
Week 5 : Overview
Footers are an important part of a website. Footers are a great way to convey additional
information such as social links , copyright disclaimers and additional page links
without cluttering up the actual main hero section of the webpage.
Week 5 consisted of designing footers of the already designed landing pages done in
week 4.
Why are footers important
 They give site visitors one more chance to take a desired action. If you want
people to sign up for your mailing list, view a product demo, or contact you,
inviting them at the end of a scroll is an effective call to action, much like the
CTAs at the end of ads.
 They present a path to continuing engagement. By including navigation links in
the footer, you make it easy for site visitors to keep exploring without forcing
them to scroll back up.
 They provide access to important information that’s necessary but shouldn’t get
top billing (i.e. your copyright info, privacy statements, and legal disclaimers).

Organizing the footer

The most effective website footers tend to feature three distinct sections, with elements
prioritized from top to bottom:

Call to action. At the top of the footer, present a simple link to the next page you want
people to visit, appropriate to the page in question – View a demo, Subscribe to our
mailing list, Contact us, etc.
Navigation links. Below the call to action, place a set of well-organized, basic links to
other sections of your site. Be sure to group related links in distinct columns with
appropriate headings for quick scanning and easy navigation.
Copyright info and legal links. While some site visitors will be interested in this
information, most won’t be. Place it at the very bottom of the footer to get it out of the
way.

29
Work for week 5

30
31
Conclusion
In review this internship has been an excellent and rewarding experience. I have been
able to meet and network with so many people that surely will be able to help with
opportunities in the future.
One main thing that I have learnt through this internship is time management skills as
well as self motivation. Prior to this internship I had no idea about the industry and how
corporate IT firms operate. I was able to learn the organisational workflow and adapt
and organise my own workflow according to it. I learnt how to be assertive in an
conversation and put your thoughts to a team in the right way.
The people at Fintech Industrial were also very welcoming and helped me with any
hiccups that I faced during this internship for which I am very grateful.

32