A website, or online tool, is only as good as the user’s experience.
Fíonta’s award winning web design and development department is composed of art school graduates who understand design principles and the importance of color, layout and typography in every project.
Our web design process has been honed over several years and can be explained in four steps.
Conversation: We begin the way all web design projects should begin—with a conversation. Our customized Project Profiler supports the conversation. The Design Questionnaire is a 20- to 30-question document divided into several sections. Section examples include:
- Branding and messaging
- Marketing channels
- Design and aesthetic sensibilities
- Desired goals or metrics
Content Strategy and Website Organization: This is key to facilitating the information architecture and wireframe phase. A site map defines the overall structure of the website—section names, parent/child relationships, navigational schema(s), while responsive wireframes illustrate content, hierarchy, and interactions for a range of end-user devices.
Design: Utilizing the wireframes and information gathered during the discovery phase, our design team works cooperatively to create Style Tiles. These visual moodboards explore color, typography, image style, layout, and more. Following a conversation with all stakeholders, we design visually stunning and distinct design comps (options). After our initial presentation, we iteratively refine the selected design based on client input and creative best practices. In addition to creating unique designs from scratch, we can also begin with a high quality theme and customize the look and feel. This can be a sensible option when time or a small budget is a concern. You won’t find a “Fíonta style” in our portfolio because the designs we create reflect the design preferences of our clients, not of us.
Front-End Development: Fíonta’s front-end developers work hand-in-hand with the design team to develop CMS-specific responsive templates, in addition to providing technical insight during requirements documentation. All templates are developed using PHP, CSS/SCSS, and jQuery and optimized for download time and search engine friendliness. We test all templates on Macs and PCs, in the two latest versions of Chrome, Firefox, Safari (Mac only), and Internet Explorer (PC only), along with popular tablets and smartphones.